Logos réseaux sociaux en haut à droite du forum.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Logos réseaux sociaux en haut à droite du forum.

Message par Zeanad Sam 6 Juil 2013 - 12:05

Bonjour à toutes et à tous,
Depuis peu, étant donné que mon forum commence à former une communauté assez importante, j'ai décider de créer une page facebook, un compte Twitter et une chaîne YouTube, pour rester en contact avec les membres. Il est même possible que je réalise un groupe steam.
Mais pour que les membres du forum puissent consulter cela en un clic, j'aimerai qu'un affichage tel que sur la figure si dessous soit réaliser :
Logos réseaux sociaux en haut à droite du forum. Logos_10
Malheuresmeent, je ne voit pas quel code utiliser pour aligner ainsi mes logos à droite de la page, tout en ne modifiant rien d'autre au forum. Il faut aussi que l'on puisse cliquer sur le logo pour accéder a la page. Si cela est possible, il faudrait même un changement de l'image du logo lorsque la sourie est dessus.

Merci d'avance,
Cordialement,
Zeanad.


Dernière édition par Zeanad le Mar 9 Juil 2013 - 14:30, édité 1 fois
Zeanad

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logos réseaux sociaux en haut à droite du forum.

Message par Zeanad Dim 7 Juil 2013 - 11:27

UP Smile
Zeanad

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logos réseaux sociaux en haut à droite du forum.

Message par Tech Dim 7 Juil 2013 - 11:31

Bonjour,

Vous pouvez partir du tutoriel de Matriochka ici pour le CSS, ... : https://forum.forumactif.com/t349222-phpbb2-creer-un-module-de-partage-personnalise

N'ayant pas accès aux templates en phpBB3, vous devez rajouter ce code JS sur votre forum :
Code:
        $(function(){
       
          $(document.body).append('<div class="mod_share"><a href="http://lien.html" target="_blank"><img src="http://url_de_l_icone.jpg" /></a><br /><a href="http://lien.html" target="_blank"><img src="http://url_de_l_icone.jpg" /></a><br /><a href="http://lien.html" target="_blank"><img src="http://url_de_l_icone.jpg" /></a><br /><a href="http://lien.html" target="_blank"><img src="http://url_de_l_icone.jpg" /></a><br /></div>')
       
        });

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logos réseaux sociaux en haut à droite du forum.

Message par Zeanad Lun 8 Juil 2013 - 20:44

Bonjour,
J'ai testé votre code, et cela m'affiche bien les icônes, mais en bas a gauche de la page, alors que je les voudrais en haut a droite.
Zeanad

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logos réseaux sociaux en haut à droite du forum.

Message par Tech Lun 8 Juil 2013 - 20:46

Bonsoir,

Vous avez mis le CSS donné dans l'astuce de Matriochka ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Logos réseaux sociaux en haut à droite du forum.

Message par Zeanad Mar 9 Juil 2013 - 14:29

J'avais effectivement oublié cette étape.

Merci beaucoup pour votre aide Wink
Zeanad

Zeanad
****

Masculin
Messages : 227
Inscrit(e) le : 13/01/2012

http://game-maker.forumpro.fr/
Zeanad a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum