| Problèmes existentiels... ahah. | |
|
|
Regan
{ Membre }
Messages : 131
| Han oui parfaitement ! j'ai testé ton code et ça m'a aidé ^^ Je te laisse expliquer la suite ** | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Donc pour la suite, je vais t'expliquer width, height, class et style. width : Il sert à établir une largeur spécifique à la table ou une cellule. Je ne sais pas si ça marche aussi avec une rangée par contre. Donc, de ce que je sais, tu peux l'utiliser avec <table> et <td>. Tu peux également y mettre des valeurs en pourcentages (%) ou en pixel (px) Le width s'écrit ainsi à l'intérieur de la balise qui ouvre: width="xx%" ou width="XXpx" Exemples: - Code:
-
<table width="100%"> ... </table> <table width="800px"> ... </table> <td width="30%"> ... </td> <td width="150px"> ... </td> height : Il sert à établir une hauteur spécifique à la table ou une rangée. Je n'ai pas vraiment testé avec une cellule, mais ça doit avoir le même effet que pour la rangée. Donc, de ce que je sais, il peut s'utiliser avec <table> et <tr>. Comme pour le width, tu mets des valeurs en % ou en px, et il s'écrit également comme le width: height:="xx%" ou height="XXpx" Exemples: - Code:
-
<table height="100%"> ... </table> <table height="400px"> .. </table> <tr height="60%"> ... </tr> <tr height="300px"> ... </tr> style : Il sert à mettre du CSS spécifique à ton tableau. Tu peux l'utiliser avec <table>, <tr> et <td>. À l'intérieur, tu y mets des propriétés CSS. Il s'écrit à l'intérieur de la balise qui ouvre, un peu comme le width et le height. C'est important d'écrire les propriétés comme si tu serais dans ta feuille de CSS, mais au lieu de faire enter à chaque fois, tu fais un espace entre. À la fin de chaque propriétés, il y a un point-virgule ; style="propriétés CSS" Exemples: - Code:
-
<tr style="border: 5px double #000000; background-color: #FFFFFF;"> ... </tr> <table style="-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"> ... </table> <td style="text-align: justify; padding: 5px; color: #FF0000; font-family: georgia, serif;"> class : Comme le style, il sert à mettre du CSS dans le tableau, mais cette fois-ci à partir de la feuille de CSS. Tu sais probablement comment ça marche, donc en gros tu écris ton CSS, par exemple: - Code:
-
.tableau { background-color: #FFFFFF; } Et tu l'insères dans le tableau. Il s'écrit également un peu comme les autres balises, mais la class ne doit pas être écrite avec le point au début. class="class CSS" Exemples: - Code:
-
<table class="tableau"> ... </table> <td class="tableau"> ... </td> etc etc pour les exemples x) Est-ce que jusque là, ça va? | | |
|
| |
Regan
{ Membre }
Messages : 131
| Ah oui je comprends très bien :DD Merci ! J'c/c dans mes documents ^^'
Je sais pas si c'est moi mais le code exemple je l'ai copié/collé pour voir et ça me fait juste des petits points blancs TT | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| MDR J'ai oublié de préciser que width/height/style/class étaient utilisable à peu près partout, genre dans les div, les span, etc etc.
Le prochain truc que je devras t'expliquer techniquement c'est rowspan/colspan, mais j'ai encore un peu de difficulté avec ça o_o"
C'est pour réussir à faire un tableau de par exemple deux rangées, mais dans la première rangée il y a 2 colonnes et dans la deuxième il y en a 3. | | |
|
| |
Regan
{ Membre }
Messages : 131
| |
| |
Regan
{ Membre }
Messages : 131
| ENCORE désolée pour le double-post, je viens juste te prévenir qu'après plusieurs essais j'ai compris les tableaux, du coup mon problème de fiche de présentation est réglé | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| OKEY ** Bon matiiiin by the way =D Il est 6h08 du matin, mon chat m'a réveillé à 4h30 et après avoir tenté de me rendormir à 5h, je me suis réveillée à 5h30 **
Bref osef. Ça va bieeeen xD? Je vais mettre ton ava toute suite au fait *o* Et plus tard jvais me faire une sign Jinwoon, ça va aller bien avec Dongwoon, ç'mes deux chéris ** *SORT*
Bref. C'est quoi le prochain problème maintenant **? Je sais plus xD | | |
|
| |
Regan
{ Membre }
Messages : 131
| MDRR. Bonjour bonjour Iko xD Bon matin à toi XD Bah j'ai un p'tit service à te demander, tu pourrais me corriger ça? :O:O - Spoiler:
- Code:
-
[center][font=Courier New][size=18][color=white]MODÈLE DE PRÉSENTATION N°I[/color][/size][/font] <div style="margin-top: -10px";>[color=#9e2e2e]Chocolate && strawberry[/color]</div>[/center]
<table width="520" align="center" ><tr align="center"><td><fieldset class="message""><legend><fi>[size=18][font=courier new]Prénom + Second prénom + Nom de famille[/font][/size]</fi></legend><blockquote> [center][img]http://img11.hostingpics.net/pics/702788qeel.png[/img][/center] <div style="margin-top: -17px";>[font=Courier New][size=9][center]© créateur du blend [/center][/size][/font]</div> <table width="400"><tr><td><div style="border: 3px double #221b18; background-color: #080606; padding: 10px; display: block;">[size=15][font=Courier New][center]▬ WILL YOU REMEMBER ME ? ▬[/center] [/font][/size]<div style="margin-top: -9px";> [font=Courier New][center][color=#9e2e2e]« Une citation »[/color][/center][/font]</div> [b]• Date && lieu de naissance : [/b] [b]• Statut social :[/b] [b]• Espèce ( sorcier, lycan, vampire, etc ) :[/b] [b]• Études/emploi :[/b] [b]• 3 qualités/3 défauts :[/b]
</div></tr></td></table>
<table width="400"><tr><td><div style="border: 3px double #221b18; background-color: #080606; padding: 10px; display: block;">[size=15][font=Courier New][center]▬ MEMORIES ▬[/center] [/font][/size]<div style="margin-top: -9px";> [font=Courier New][center][color=#9e2e2e]« Une citation »[/color][/center][/font]</div>
[b]• Physique :[/b] Décrivez l'aspect extérieur de votre personnage ~ en 10 lignes minimum. [b]• Histoire :[/b] Racontez son histoire ~ 15 lignes minimum. </div></tr></td></table>
<table width="400"><tr><td><div style="border: 3px double #221b18; background-color: #080606; padding: 10px; display: block;">[size=15][font=Courier New][center]▬ TAKE OFF YOUR MASK ▬[/center] [/font][/size]<div style="margin-top: -9px";> [font=Courier New][center][color=#9e2e2e]« Une citation »[/color][/center][/font]</div>
[b]• Pseudonyme/Prénom : [/b] [b]• Âge :[/b] [b]• Célébrité utilisée :[/b] [b]• Comment avez-vous découvert le forum ? :[/b] [b]• Que pensez-vous de Fairy Mood ? :[/b] [b]• Fréquence de connexion/10 :[/b] [b]• Un message ? :[/b]
</blockquote></fieldset></td></tr></table>
Et le prochain problème c'est : - Citation :
- 4) Mon dernier problème du moment je pense lol. Alors sur mon forum, j'ai personnalisé la description de mes forums en mettant un joli cadre **. Mais le texte est collé aux bordures et ça fait pire que m'énerver. J'aimerai arranger ça =). J'ai essayé padding mais rien à faire!
| | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Jvais le corriger plus tard okey **?
Sinon ehm t'as le code pour tes descriptions? Je sais pas si tu l'as mit dans les templates, si c'est dans le CSS, tout ça ._. | | |
|
| |
Regan
{ Membre }
Messages : 131
| Oki :/ LE CSS : - Code:
-
.descriptions-categories { border: 4px double #221b18; }
LA TEMPLATE : - Spoiler:
- Code:
-
<br/> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <!-- <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> --> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span> <center><div class="mystats_fa">{catrow.forumrow.POSTS} messages && {catrow.forumrow.TOPICS} sujets. </div></center>
</h{catrow.forumrow.LEVEL}> <span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</div></span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <!-- <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
| | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| - Code:
-
.descriptions-categories { border: 4px double #221b18; padding: 5px; } Ça marche très bien o_o | | |
|
| |
Regan
{ Membre }
Messages : 131
| Ca marche TT Mais moi ça marchait pas =O TT
| | |
|
| |
Regan
{ Membre }
Messages : 131
| Comme problème il reste plus que le qeel et le profil et j'aurai fini de vous embêter ** xD | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Pour ta barre de naving: - Code:
-
a.mainmenu:hover { letter-spacing: none !important; } Ça devrait marcher logiquement~ Ça va également affecter les liens dans le profil par contre, t'sais... Les liens du genre préférences, avatar, signature, tout ça xD | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| *double post* Pour les liens des pseudos uniquement: - Code:
-
.name { letter-spacing: 2px; } Essaie ça pour voir ._. | | |
|
| |
Regan
{ Membre }
Messages : 131
| Problème réglé ^^ Il reste le qeel et le profil | | |
|
| |
Air.
{ Membre }
Messages : 221
| Alors, c'est la première fois que je fais un QEEL comme ça, donc il est possible qu'il y ait des erreurs. Cherche le code suivant dans le template index_body : - Code:
-
<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}
{TOTAL_USERS}
{NEWEST_USER}</span></td> </tr> <tr> <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{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> Et remplace-le par celui-là : - Code:
-
<center><table class="forumline" width="90%" border="0" cellspacing="1" cellpadding="0"> <tr align="center"> <td class="row1" colspan=2 align="center"> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> </td> </tr><br> <tr> <td class="row1" align="center" width="50%"> {L_CONNECTED_MEMBERS} </td> <td class="row1" width="50%"><span class="gensmall"> {TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}
{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</span> </td> </tr> C'est le code de la structure, il n'y a aucune personnalisation *j'ai oublié en fait* (: Et rajoute un < /center> après - Code:
-
<!-- END switch_chatbox_activate --> </table> Ça c'est parce que j'ai mis 90% en width au tableau et qu'il aurait pas été centré sinon, mais tu peux enlever le < center> et mettre 100% en width si tu veux. J'ai pas revu le code pour la Chatbox (la cellule où y a le nombre de connectés sur la Chatbox toussa). Pour le profil je sais pas ;A; | | |
|
| |
Regan
{ Membre }
Messages : 131
| Bonjour Merci beaucoup de m'avoir aidé ! Mais regarde ça donne un truc bizarre : | | |
|
| |
Regan
{ Membre }
Messages : 131
| *double-post* Au pire, je vais passer une commande | | |
|
| |
Air.
{ Membre }
Messages : 221
| Ah crotte J'ai oublié de rec/c le bon code (parce que j'l'ai modifié ;_; ) - Code:
-
<center><table class="forumline" width="90%" border="0" cellspacing="1" cellpadding="0"> <tr align="center"> <td class="row1" colspan=2 align="center"> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> <a href="LIEN_GROUPE"><span style="color: #D41717;">NOM_GROUPE</span></a> </td> </tr><br> <tr> <td class="row1" align="center" width="50%"> {L_CONNECTED_MEMBERS} </td> <td class="row1" width="50%"><span class="gensmall"> {TOTAL_POSTS}
{TOTAL_USERS} <br>
{NEWEST_USER}
{TOTAL_USERS_ONLINE}<br>
{RECORD_USERS}<br>
{LOGGED_IN_USER_LIST}<br>
{L_CONNECTED_MEMBERS}<br>
{L_WHOSBIRTHDAY_TODAY}<br>
{L_WHOSBIRTHDAY_WEEK}
</span> </td> </tr> Normalement ça devrait être bon ? o_ô (bon bien sûr faut que tu remplaces les URL_GROUPE par l'url du groupe et NOM_GROUPE par le nom du groupe, la couleur D41717 tu dois/peux la changer) J'ai fait des retour à la ligne avec < br> mais si tu veux pas que ça soit des retours à la ligne mais juste des espaces ben tu rajoutes ds espaces après les accolades à la place des < br> | | |
|
| |
Regan
{ Membre }
Messages : 131
| Okay j'vais essayer merci ^^ mais j'ai une question :p
Comment je pourrai faire pour que par exemple je puisse changer les phrases du qeel? J'ai essayé et ça marche pas =/ | | |
|
| |
Kimy
{ Membre actif }
Messages : 1190
| Bonsoir, Il y a déjà un tuto sur le forum pour changer les phrases du QEEL =) | | |
|
| |
Regan
{ Membre }
Messages : 131
| Bonjour, bah justement j'ai cherché et je suis tombée sur un tuto retiré pour plagiat ._. J'vais re-regarder quand même, merci. | | |
|
| |
Kimy
{ Membre actif }
Messages : 1190
| |
| |
Regan
{ Membre }
Messages : 131
| @Kimy : Merci @Air : Rien à faire T______T | | |
|
| |
Contenu sponsorisé
| |
| |
| Problèmes existentiels... ahah. | |
|