CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Alignement de catégorie et de liens | |
| WordStorm
{ Membre }
Messages : 10
| J'ai deux problèmes en un! Le premier- Spoiler:
Les liens (Voir les nouveaux messages depuis votre dernière visite, Voir ses messages, Voir les messages sans réponses) sont décalés et j'aimerais qu'ils soient alignés avec les catégories et qu'ils ne ressortent pas à droite. Le deuxième- Spoiler:
C'est sensiblement la même chose. Les liens sont décalés et le QEEL est trop large. J'aimerais qu'il soit de la même largeur que les autres catégories, c'est à dire de 800px. Le CSS de mon forum : - Spoiler:
a:hover { cursor:ne-resize;}
u{text-decoration: none; }
body { background-attachement: no-fixed; background-repeat: no-repeat; background-position: top center; margin: 0 auto; }
.postbody { text-align: justify !important; margin-left:20px; margin-right:20px; margin-top: 20px; font-size: 11px; line-height: 14px; }
.button2{ -moz-border-radius: 5px;}
a.forumlink:before { content: "✿"; color : #82921A; font-size: 30px; padding-right: 5px; }
a.forumlink:hover:before { content: "✿"; color : #B9D024; font-size: 30px; padding-right: 5px; }
a.forumlink{ font-size: 24px; color: #B9D024; text-shadow: 0px 1px 1px #82921A; font-variant: lowercase; font-family: georgia; letter-spacing: 1px; text-decoration : note !important; text-align: left; font-style:italic; }
a.forumlink:hover{ font-size: 24px; color: #B9D024; text-shadow: 0px 1px 1px #5a6218; font-variant: lowercase; font-family: georgia; letter-spacing: 1px; text-decoration : note !important; text-align: left; }
.secondarytitle h2 { color: #ffffff; text-shadow: 1px 1px 1px #8E6E5F; font-size: 30px; font-variant: lowercase; font-family: pea lauren america; letter-spacing : 1px; background-image: url(\'\'); margin-top: -20px; background-repeat:no-repeat; background-position: top left; padding-left: 50px; padding-right: 80px; padding-top: -10px; padding-bottom: 30px; width: 400px; }
a.mainmenu{ font-family: georgia; font-size: 16px; color: #fff; align: center; font-style:italic; }
a.mainmenu:hover{ text-shadow: 1px 1px 3px #8E6E5F; font-family: georgia; font-size: 16px; color: #fff; align: center; font-style:italic; }
.forumline { padding: 10px; width: 800px; -moz-border-bottom-right-radius: 25px; bborder-bottom-right-radius: 25px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.categorie{ font-size: 12px; text-align: justify; width: 100%; padding: 10px; padding-right: -20px; margin-left: -10px; font-family: times new roman; color: #5a6218; background-color: #fff; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
.categorie2{ background-color: #FEF1E9; padding: 30px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 40px; -webkit-border-radius: 100px 40px 100px 40px; border-radius-topleft: 100px; border-radius-topright: 40px; border-radius-bottomright: 100px; border-radius-bottomleft: 40px; border-top: 10px solid #f5b1b1; border-right: 10px solid #f5b1b1; border-left: 10px solid #f5b1b1; border-bottom: 10px solid #f5b1b1; }
.cat{ background-color: #fff; padding: 10px; }
body.chatbox { background-color: #FDE7AC; }
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none;} a:link { text-decoration: none;} a:hover { text-decoration: none;}
tr.post span.gensmall { display: none; }
.profil{ text-align: left; font-weight:normal; color: #fff; margin: 5px; font-size: 11px; padding: 5px 5px; font-family: arial; background-color: white; width: 200px; border-right: 2px solid #8E6E5F; border-left: 2px solid #8E6E5F; }
.top{ position: relative; top: -55px; left: 247px; }
.twitter{ position: relative; top: -260px; left: 640px; margin: -90px; margin-right: 600px; }
.statistiques{ border:0px; background-image: url("IMAGE EN HAUT"); background-repeat: no-repeat; background-position: center; height:200px;}
.groupes{ height:40px; padding-right:5px; padding-left:5px; padding-bottom:5px; font-size:12px; font-weight: bold; text-align:center; text-decoration: none !important;}
.forumsliens{ margin-top: -10px; color: white; background-color: #B9D024; text-align: center; font-size: 9px; height: 17px; overflow: auto; -moz-border-radius: 20px; border-radius: 20px; }
.box-content.profile { background-color: #EE0030; }
.profilname{ text-align: center; font-size: 22px; font-family; georgia; font-variant: small-caps; text-shadow: 1px 1px 1px #bcbcbc; }
.quote { background-color: #fff; padding: 10px; font-size: 10px; }
.code { background-color: #fff; padding: 10px; font-size: 10px; }
Index_box - Spoiler:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://i.imgur.com/dw0cj.png" /></td></tr></table> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <div class="titrecat"><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></div> <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%"> <div style="text-align: center;"><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}></div> </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><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</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 --> <div class="forumsliens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall"><b>{catrow.forumrow.TOPICS}</b> sujets <b>&</b> <b>{catrow.forumrow.POSTS}</b> messages</span></br> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </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 -->
J'image que tout doit être changé dans les templates, mais je suis pas douée avec cette section. Un énorme merci à la personne qui pourra m'aider!! Je ne donne pas l'adresse du forum puisqu'il pas visible pour le moment, je l'ai mis en construction pour la journée |
Dernière édition par WordStorm le Mar 08 Mai 2012, 13:25, édité 2 fois | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour WordStorm ! Afin d'aider les codeurs, je pense qu'il serait utile que tu fournisses ton code CSS ainsi que les templates modifiés (comme celui modifié pour le QEEL par exemple). Si tu ne veux pas les afficher, n'hésite pas à utiliser les balises - Code:
-
[hide] [/hide] qui permettent que seuls les gens postant sur ce topic puissent les visualiser. Merci d'avance ! | | |
| | | WordStorm
{ Membre }
Messages : 10
| Oups désolée! J'ai édité pour rajouter mes codes | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Bonsoir!
Voici les deux parties de codes correspondant à tes deux problèmes:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> et celui-ci, qui se trouve dans index_body et non pas index_box!!
- Code:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table> Pour gérer la taille de ces deux tables, il suffit de changer le width="100%" (dans table, au début du code) en width="XXpx", XX étant la taille que tu veux pour cette table. Ensuite, il suffit de vérifier que le placement est correct par rapport au reste du forum pour que cela s'affiche correctement.
Voilà, en espérant que cela résout ton problème! ^^ | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ce problème est-il toujours d' actualité ? Si ce sujet n'a toujours pas de reçu de réponse dans quatre jours, il sera archivé. Merci d'avance. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Sans réponse de ta part depuis maintenant plusieurs jours, je me vois dans l'obligation d' archiver ce problème. S'il n'était pas résolu, n'hésite pas à ouvrir un nouveau sujet. Bonne journée. | | |
| | | Contenu sponsorisé
| | | | | Alignement de catégorie et de liens | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|