|
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Kikou!! Voilà j'aimerais qu'on m'explique comment on peut changer le template du qui-suis-je pour que l'on fasse des tableaux, un peu comme le style de ptite_perle.
Et aussi comment on peut afficher un bouton sur le côté avec en "haut" et en "bas"
Merci d'avance pour votre aide. |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Coucou Katia
Je te ferai un tuto dans la journée
Bisouss |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Bonjour, Katia Pour ton Qui est en ligne voici comme proposer Tout d'abord il faut créer ton image, pour mon forum c'est celle-ci [Vous devez être inscrit et connecté pour voir cette image]Une fois ceci réalisé, il faut aller dans ton panneau d'admin Général -- index_body Ensuite trouve cette ligne: - Code:
-
<!-- END switch_user_login_form_footer --> <!-- BEGIN disable_viewonline --> Il faut mettre l'url de ton image desuite aprés , mais ainsi - Code:
-
<div style="background-image: url("url de ton image"); width: ta largeur; height: ta hauteur;"> Ensuite continuer à mettre ce styl de code qui est celui de mon forum, il faudra tout ce qui est lien et autres pas les tiens - Code:
-
<div style="text-align: center; position: relative; left: 195px; top: 40px; width: 330px; height:60px; overflow:auto;"> <span><a href="http://forumcrea.forumactif.org/g9-administrateur"style="text-decoration:none;" ><font color="#B8009C" size="2">Administrateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g2-helpers"style="text-decoration:none;"><font color="#FF0073" size="2">Helpers</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g10-expert-adobe"style="text-decoration:none;"><font color="#bedef7" size="2">Expert Adobe</font></a></span><br><br> <span><a href="http://forumcrea.forumactif.org/g11-vip"style="text-decoration:none;"><font color="#ecf0ad" size="2">V.I.P</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g15-profs-psp"style="text-decoration:none;"><font color="#8F2F2F" size="2">Profs Psp</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/c24-stage-photofiltre"style="text-decoration:none;"><font color="#5f258f" size="2">Profs Photofiltre</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g3-membres"style="text-decoration:none;"><font color="#043f15" size="2">Membres</font></a></span><br><br> <span><a href="http://forumcrea.forumactif.org/g13-inactif"style="text-decoration:none;"><font color="#CF0000" size="2">Inactifs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g12-non-presentes"style="text-decoration:none;"><font color="#FFFFFF" size="2">Non Présenté(e)s</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g14-bannis"style="text-decoration:none;"><font color="#000000" size="2">Banni(e)s</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://forumcrea.forumactif.org/g18-invites"style="text-decoration:none;"><font color="#705613" size="2">Invité(e)s</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif">
</div> <div style="position: relative; text-align: center; left: 115px; top: 85px; width: 160px; height:150px;"> <span class="gensmall"> {TOTAL_POSTS}. <br/>
-------------------------------------------------------------- Pour les boutons haut et bas, tu doit aller dans le template overall_header, chercher la ligne: - Code:
-
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Et la remplacer par celle-ci: - Code:
-
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <div class="boutonhautbas"><a href="#top"><img src="url de ton image Haut" alt="Aller en haut"></a> <a href="#bottom"><img src="url de ton bouton bas" alt="Aller en bas"></a></div>
Pour personnaliser, rajoute ceci dans la CSS: - Code:
-
boutonhautbas{ position: fixed; bottom: 50%; right: 0px; z-index: 999; }
Explication:Retirer "position: fixed" relâche les bouton qui se positionnent dans le coin en haut à gauche. Vous avez donc le choix entre les valeurs "fixed" (les boutons restent fixes) "absolute" (les boutons défilent et n'apparaissent qu'une fois en haut de la page). "right" déplace de droite à gauche.... ou vice-versa si on met un nombre négatif Le z-index personnalise l'ordre d'affichage. Si vous avez ajouté d'autres éléments sur le côté de la même manière ces deux boutons, vous devez le garder afin de correctement les afficher.
Dernière édition par Ptite_Perle le Mar 6 Sep 2011 - 15:38, édité 1 fois |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | ouffff que de choses à retenir, mais je ne me démonte pas,j'essayerais que j'aurais la tête bien reposée. merci ma puce, avec toi c'est quand même plus claire, merci pour ton aide, jtd |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | j'ai un souci pour les boutons haut et bas, j'ai fait comme tu as dis et voilà où ils se trouvent [Vous devez être inscrit et connecté pour voir cette image]d'abord ils sont l'un à côté de l'autre puis ils sont en haut à gauche et ne bougent pas. tu peux m'aider s'il te plait merci |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Coucou Katia
Change dans le CSS
Enleve la position: fixed;
Ensuite donne un pourcentage à right |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | je l'ai fait mais ne c'est passé |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Bon j'ai réussi à mettre le bouton haut et bas l'un sur l'autre par contre ils restent toujours en haut et à droite du forum |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Tu as changer le code dans le Css? |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | j'ai tout essayé, tu as du oublié quelque chose, j'ai vu déjà que tu as fait une faute dans le code où on mets l'adresse des boutons tu as oublié le T de bouton ensuite pour que les boutons soient l'un sur l'autre j'ai fait ceci - Code:
-
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <div class="boutonhautbas"><a href="#top"><img src="url de ton image Haut" alt="Aller en haut"></a></div> <div class="boutonhautbas"><a href="#bottom"><img src="url de ton bouton bas" alt="Aller en bas"></a></div>
j'ai y ajouté ceci pour le bouton du bas et à la fin de la ligne du bouton du haut j'ai mis Voilà j'espère que ca aidera ceux qui veulent le code. Par contre pour qu'il soit en bas à droite et qu'il reste sur la page comme le tiens,rien n'y fait. vois si tu n'as pas oublié quelque chose, ca peut arriver. merci |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | - Ptite_Perle a écrit:
- Tu as changer le code dans le Css?
oui j'ai tout essayé j'ai mis "absolute", j'ai changé les pixel du right, comme tu ma dis |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Bon j'ai un peu réussi pour le bouton je ne l'ai pas comme je voulais mais bon c'est pas grave. Maintenant on va passer au qui est en ligne. J'ai exactement ce que tu m'as dit le souci c'est que je l'ai comme ca - Code:
-
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<div style="text-align: url("http://img11.hostingpics.net/pics/684376qeelperso.png"); width: 850; height: 453;"> <div style="text-align: center; position: relative; left: 195px; top: 40px; width: 330px; height:60px; overflow:auto;"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g13-fondatrice-du-forum"style="text-decoration:none;" ><font color="#EA6EF0" size="2">Fondatrice</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g1-administrateurs"style="text-decoration:none;"><font color="#825EC4" size="2">Administrateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g8-co-administrateurs"style="text-decoration:none;"><font color="#421596" size="2">Co-administrateurs</font></a></span><br><br> <span><a href="http://bonheur-de-ludivine.forumactif.com/g2-moderateurs"style="text-decoration:none;"><font color="#F00971" size="2">Moderateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g7-animatrice"style="text-decoration:none;"><font color="#FC6805" size="2">Animateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g44-vip"style="text-decoration:none;"><font color="#8C17EB" size="2">V.I.P</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g3-membre-actif"style="text-decoration:none;"><font color="#856B50" size="2">Membres actifs</font></a></span><br><br> <span><a href="http://bonheur-de-ludivine.forumactif.com/g6-membres"style="text-decoration:none;"><font color="#EBCA28" size="2">Membres</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g4-invite"style="text-decoration:none;"><font color="#E8AA0E" size="2">Invités</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></div> <div style="position: relative; text-align: center; left: 115px; top: 85px; width: 160px; height:150px;"> <span class="gensmall"> {TOTAL_POSTS}. <br/>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr> <td class="catHead" colspan="2" height="28"> <!-- BEGIN switch_viewonline_link --> <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span> <!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink --> <span class="cattitle">{L_WHO_IS_ONLINE}</span> <!-- END switch_viewonline_nolink --> </td> </tr> <tr> <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}</span></td> </tr> <tr> <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</span></td> </tr> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} <tr> <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td> </tr> <!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr>
Et ca fait comme ca Je te mets une capture d'écran et je te donne le code de tout le QEEL si tu voir se qui ne va pas merci [Vous devez être inscrit et connecté pour voir ce lien] |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Coucou,
Le lien que tu me donne, c'est juste une image animée, je te donne mon modéle de tableau, pour faire un queel comme le mien, sans tableau tu ne peux pas
Amicalement |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | oups je me suis trompée d'image voici la bonne [Vous devez être inscrit et connecté pour voir cette image] |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | - Ptite_Perle a écrit:
- Coucou,
Le lien que tu me donne, c'est juste une image animée, je te donne mon modéle de tableau, pour faire un queel comme le mien, sans tableau tu ne peux pas
Amicalement Non mais l'image que je t'ai envoyé c'était pas la bonne je voulais t'envoyer la capture d'écran de mon forum là où il y a le qui-es -en-ligne. Bon c'est pas grave, là du coups j'ai enlevé le code en attendant. Mais j'ai bien mis le tableau que je te mets ci-dessus et ensuite le code que je t'ai donné. mais voilà ca fesait en faite un qui est en ligne tout en longueur et plus en petit tableau avec les liens des groupes juste par dessous. si tu as vraiment besoin d'une capture d'écran pour que tu vois comment ca fait dis le moi je le ferais, merci pour ton aide, gros bisous |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Coucou
Je regarde ca de plus pret aujourd'hui
Bisoussssss |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | ok je te donne la capture d'écran je viens de la faire, gros bisous [Vous devez être inscrit et connecté pour voir cette image] |
| |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120741 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | Bonjour, Katia Voici le résultat [Vous devez être inscrit et connecté pour voir cette image]Voici ton code: - Code:
-
<!-- BEGIN disable_viewonline --> <center><div style="background-image: url(http://i44.servimg.com/u/f44/14/04/66/48/210.jpg); width: 830px; height: 467px;"> <div style="text-align: center; position: relative; left: 170px; top: 60px; width: 348px; height:80px; overflow:auto;"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g13-fondatrice-du-forum"style="text-decoration:none;" ><font color="#EA6EF0" size="2">Fondatrice</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g1-administrateurs"style="text-decoration:none;"><font color="#825EC4" size="2">Administrateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g8-co-administrateurs"style="text-decoration:none;"><font color="#421596" size="2">Co-admi.</font></a></span><br> <span><a href="http://bonheur-de-ludivine.forumactif.com/g2-moderateurs"style="text-decoration:none;"><font color="#F00971" size="2">Moderateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g7-animatrice"style="text-decoration:none;"><font color="#FC6805" size="2">Animateurs</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g44-vip"style="text-decoration:none;"><font color="#8C17EB" size="2">V.I.P</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g3-membre-actif"style="text-decoration:none;"><font color="#856B50" size="2">Memb. actifs</font></a></span><br> <span><a href="http://bonheur-de-ludivine.forumactif.com/g6-membres"style="text-decoration:none;"><font color="#EBCA28" size="2">Membres</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <span><a href="http://bonheur-de-ludivine.forumactif.com/g4-invite"style="text-decoration:none;"><font color="#E8AA0E" size="2">Invités</font></a></span><img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"> <img src="http://i63.servimg.com/u/f63/11/83/54/29/space10.gif"></div> <div style="position: relative; text-align: center; left: 70px; top: 105px; width: 130px; height:180px;"> <span class="gensmall"> {TOTAL_POSTS}. <br/>
J'ai du rédimensionner ton image, je te la donne: [Vous devez être inscrit et connecté pour voir cette image]J'ai du changer pas mal de dimensions, pour que le résultat sois parfait. A toi maintenant de changer les couleurs pour que l'on y voit un peu mieux Amicalement |
| |
| |
katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 54 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 103860 Re: Je cherche de l'aide pour créer un qui-suis-je personnalisé | | ouahhhhh!!!!! sublime, je t'adore ma puce, tu es trop géniale, merci merci merci
c'est super je vais vite aller le mettre |
| |
| |