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! |
| [RÉSOLU!!!!! :D ]Problème de sous-forums - quel template? | |
| Fire-Fly
{ Membre actif }
Messages : 429
| Bonjour! J'ai une question au sujet des sous-forums, et j'ignore si le type de personnalisation que j'ai en tête est possible :/ J'ai modifié l'apparence de mes forums sur l'index, en fait; le tableau et les catégories et tout le kit, et comme on le sait, l'apparence qu'on donne à nos forums sur l'index devient celle des sous-forums lorsqu'on sélectionne le forum en question (sur la page où il y a la liste des sujets). Mais je cherche, justement, à ce que ce ne soit pas la même chose... Généralement, on peut modifier l'apparence des sujets dans TOPIC_LIST_BOX mais je ne vois pas les sous-forums dans le template Quelqu'un saurait comment faire? MERCI |
Dernière édition par Fire-Fly le Lun 21 Mai 2012, 20:51, édité 1 fois | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| En fait, le template correspondant est viewforum_body, pour l'afichagedu forum. Tu veerras à l'intérieur un - Code:
-
{TOPICS_LIST_BOX} ceci correspond au template nommé pareil.
Cependant, je ne crois pas qu'il est possible, depuis ce template de modifier l'affichage des sous-forums... | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| J'ai eu beau explorer de fond en comble, je ne vois pas J'en conclu que ce ne doit pas vraiment être possible, car je n'ai jamais vu ça. Merci quand même! Sur ce, je change ma question pour essayer de trouver une autre solution J'ai décidé d'explorer le tutoriel sur Never-Utopia pour comprendre comment ça fonctionne la liste des forums en deux colonnes. Il y a toutefois un problème auquel je n'arrive pas à remédier :/ ... Mettre un arrière plant uniquement en arrière des forums! La seule solution que j'ai trouvé est de mettre l'image derrière la catégorie et, justement, ça fonctionne bien, mais quand on arrive aux sous-forums c'est là que ça bug à cause de la taille de l'image. Screens: Index: Liste des sujets/sous-forums: Bref, le problème est là, mon image de fond fait 970*650 et ça fonctionne parfaitement pour l'index, même que ça se redimensionne s'il y a moins de forums, mais pour les sous-forums, là ça bug. J'ai essayé un paquet de truc mais rien n'y fait Merci encore une fois! Édit: J'ai complètement oublié de mettre mes codes ><' Index-box: - 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 -->
<div class="cate_titre"><span class="catetitre_bloc"></span> <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>
<!-- END tablehead --> <!-- BEGIN cathead -->
<!-- END cathead --> <!-- BEGIN forumrow --> <div class="forum_bloc"> <div class="forum"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </span> <div class="forum_contenu"> {catrow.forumrow.FORUM_DESC}<br /> <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td> <td><span class="stats_lastpost"> <span class="stats">{catrow.forumrow.TOPICS} topics & {catrow.forumrow.POSTS} posts</span> <span class="lastpost">{catrow.forumrow.LAST_POST}</span> </span></td> </tr></table></div> </div> <div class="sous_forum"> <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <span class="ouverture_sousforum">Subforums</span> </div> </div> </div>
<!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- END catfoot --> <!-- BEGIN tablefoot -->
<!-- END tablefoot --><!-- END catrow -->
Css: - Code:
-
.cate_titre{ clear: both; height: 100px; margin-top: 50px; }
.catetitre_bloc{ position: relative; z-index: 1; display: block; width: 100%; height: 650px; margin-left: auto; margin-right : auto; background-image: url('http://xtropik.net/uploads/1335994788_tropik.jpeg'); border-bottom: 5px solid #ae1414; }
.catetitre_content{ position: absolute; z-index: 2; display: block; width: 950px; margin-left: auto; margin-right: auto; margin-top: -625px; text-align: center; padding: 2px; }
.catetitre { color: #000; font-family: ESSTIXThirteen, Monotype Corsiva, Georgia, Arial; font-size: 40px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0px #e0e0e0; }
.forum_bloc { width: 950px; margin-left: auto; margin-right: auto; margin-top: -30px; }
.forum{ float: left; width: 460px; height: 250px; margin-left: 5px; margin-right: 5px; margin-bottom: 50px; }
a.forumlink { position: relative; z-index: 2; display: block; width: 100%; color: #454545 !important; text-align: center; font-family: "Trebuchet MS"; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; text-shadow: 1px 1px 0px #000000; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
a.forumlink:hover { letter-spacing: 1px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.forum_contenu{ position: relative; z-index: 1; width: 98%; height: 90%; padding: 4px; margin-left: auto; margin-right: auto; margin-top: -5px; background-color:#742510; border-left: 3px double #F2B600; border-right: 3px double #F2B600; border-bottom: 5px solid #F2B600; border-top: 5px solid #F2B600; }
.description { display: block; width: 400px; margin: auto; height: 100px; overflow: hidden; border: 2px solid #F2B600; box-shadow: 1px 1px 1px #191817; -moz-box-shadow: 1px 1px 1px #191817; -htm-box-shadow: 1px 1px 1px #191817; -webkit-box-shadow: 1px 1px 1px #191817; -o-box-shadow: 1px 1px 1px #191817; }
.description_contenu { position: absolute; display: block; width: 391px; height: 91px; overflow: auto; background-color: #000; font-size: 10px; color: #F2B600; text-align: jutsify; padding: 5px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .description_contenu:hover { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .icone_stats { width: 300px; margin: auto; margin-top: -30px; } .stats_lastpost { display: block; width: 160px; height: 80px; margin-left: 10px; background-color: #ae1414; border: 1px solid #e0403f; padding: 5px; text-align: center; } .stats { display: block; margin-bottom: 5px; border-bottom: 1px dotted #e0403f; padding-bottom: 5px; font-size: 10px; color: #8f8f8f; } .lastpost { display: block; font-size: 11px; } .sforum { position: relative; z-index: 3; display: block; height: 0; background: #ae1414; color: #F2B600; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .ouverture_sousforum { position: relative; z-index: 3; display: block; float: right; width: 120px; margin-right: 20px; background: #51691A; color: #F2B600; font-size: 11px; text-align: center; padding: 4px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .sous_forum:hover .sforum { height: 50px; background: #191817; color: #b5b5b5; padding: 4px; overflow: auto; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .sous_forum a { color: #b5b5b5 !important; text-shadow: 1px 1px 0px #000000; } .sous_forum a:hover { color: #ffffff !important; }
| | |
| | | pamina
{ Membre actif }
Messages : 1170
| Hello Fire-Fly ! Ton sujet est-il toujours d'actualité ? Si nous n'avons pas de réponse dans 3 jours, le problème sera considéré comme résolu et archivé. Merci de ta compréhension. | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Non ce n'est toujours pas réglé | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ce problème est-il toujours d' actualité ? Pourrais-tu fournir davantage d'explications afin de mieux cerner ta demande ? Si ce sujet n'a toujours pas de reçu de réponse dans quatre jours, il sera archivé. Merci d'avance. | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| C'est bon je comprends, mais je ne sais pas comment mieux expliquer mon problème, et j'ai beau essayer des millions de choses, je n'arrive pas à régler mon problème! :/
Si personne ne vient m'aider, j'abandonnerai et reviendrai à l'affichage classique, mais j'aurais quand même bien aimé réussir... | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Pourrais-t-on avoir le lien vers le forum en question, s'il-te-plaît? ^^ | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Sure, c'est ici | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Je crois que c'est les position qui font un peu leur caca habituel! ^^
As-tu essayé de mettre le z-index à 0 pour toutes ces choses, et à 1 ou 2, voire 3 pour le tableau des sujets? ^^ | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Ghaa. Rien à faire, je me suis rendue à z-index 6 pour forumline et le tableau est toujours caché en dessous N'empêche, c'était une bonne idée... Mais, je dis ça comme ça, tu ne connaitrais pas un moyen (j'ai essayé mais je ne comprends pas assez bien la structure) pour la séparer en deux si on veut? Parce que là, c'est l'arrière-plan des catégories qui déborde en dessous des forums qui crée cet effet, mais c'est loin d'être the best. Parce que je, disons, présage d'autres problèmes car le forum pour lequel je fais cette déco, il y a des forums qui comportent une dizaine de sous-forums. Mon image ressemble à ça en dessous de mes catégories: Elle est parfaite pour 3 ou 4 forums ou sous-forums sans qu'il n'y ait quelques déformations que ce soit, mais s'il y en a 10, alors soit elle va se répéter (ça sera donc laid), ou on aura l'impression, si ça ne se répète pas, que les sous-forums ''débordent''. Donc ce que je me demandais c'est; serait-ce possible de mettre cette image sous-les catégories: (relativement facile) et celle-ci derrière les forums ? J'espère que ma question est claire :/ | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Oui, il suffirait que le fond de tes titres de catégories ou du div les entourant, soir la première image (donc la barre du haut), et que le background de ton forum-bloc soit la deuxième image, en ayant bien sûr un repeat! ^^
Pour ce qui est des sujets qui n'apparaissent pas, faire cela pourrait résoudre ton problème! | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| C'est exactement ce que je veux faire. Je sais que c'est d'appliquer le fond à une div et le mettre en repeat, mais selon ce que j'ai compris du code, ça ne peut pas fonctionner car il y a un bloc qui correspond au nom de la catégorie, et un bloc qui correspond au carré du forum, sauf qu'il n'y a rien en dessous de ça... j'ai essayé de rajouter des div, table, name-it, j'ai essayé un paquet de truc, mais rien n'y fait... | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Je ne comprends pas ce que tu veux dire par "Il n'y a rien en dessous de ça" ? | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| J'avoue que ce n'est pas très claire, excuse moi! Dans l'ordre, dans le code, on retrouve: >Les catégories >''forumbloc'', qui sert en fait à ajuster les marges, j'aurais penser que comme c'était le bloc qui englobait les forums, en lui mettant un arrière-plan que ça fonctionne, mais non, ya rien à faire ça ne s'affiche pas. ....>''forum'', c'est littéralement le carré qui contient les informations au sujet du forum, dans mon cas sur mon forum, les carrés rouges. ........>toutes les autres composantes Donc, quand je dis qu'il n'y a rien en dessous, c'est dans le sens que derrière les carrés (forums), il n'y a pas d'autres div où rien dans lequel je peux afficher un arrière plan Est-ce que je suis plus claire dans mes explications ? | | |
| | | 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. | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Oui, toujours d'actualité! | | |
| | | Nyo The Neko
{ Spécialiste }
Messages : 245
| Hello!
Désolée, je ne comprenais pas le problème, ni vraiment tes explications. J'ai essayé de regarder, mais j'avais toujours rien compris >< | | |
| | | Doare
{ Spécialiste }
Messages : 544
| Hey there. ^^ Pour que le forum_bloc englobe tous les forums d'une catégorie, il faut modifier légèrement ton template. Les balises de début et de fin doivent être placés différemment. Voilà le passage concerné avec quelques explications en commentaire. - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cate_titre"><span class="catetitre_bloc"></span> <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div> <div class="forum_bloc"> <!--ici, c'est l'entête de la catégorie ; en plaçant le début de forum_bloc ici, je crée une div qui englobe les forums--> <!-- END tablehead --> <!-- BEGIN cathead -->
<!-- END cathead --> <!-- BEGIN forumrow --> <!--ancien début du forum_bloc, placé ici il fait un avec "forum"--> <div class="forum"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </span> <div class="forum_contenu"> {catrow.forumrow.FORUM_DESC}<br /> <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td> <td><span class="stats_lastpost"> <span class="stats">{catrow.forumrow.TOPICS} topics & {catrow.forumrow.POSTS} posts</span> <span class="lastpost">{catrow.forumrow.LAST_POST}</span> </span></td> </tr></table></div> </div> <div class="sous_forum"> <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <span class="ouverture_sousforum">Subforums</span> </div> </div> <!--ancienne fin de forum_bloc-->
<!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- END catfoot --> <!-- BEGIN tablefoot --> <div class="clear"></div> <!--permet de signaler la fin des "float" des forums et de donner sa vraie taille au forum-bloc--> </div> <!--fin de forum_bloc, pour englober les forums--> <!-- END tablefoot --><!-- END catrow --> Et voilà le template modifié : - 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 -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div> <div class="forum_bloc"> <!-- END tablehead --> <!-- BEGIN cathead -->
<!-- END cathead --> <!-- BEGIN forumrow --> <div class="forum"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </span> <div class="forum_contenu"> {catrow.forumrow.FORUM_DESC}<br /> <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td> <td><span class="stats_lastpost"> <span class="stats">{catrow.forumrow.TOPICS} topics & {catrow.forumrow.POSTS} posts</span> <span class="lastpost">{catrow.forumrow.LAST_POST}</span> </span></td> </tr></table></div> </div> <div class="sous_forum"> <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> <span class="ouverture_sousforum">Subforums</span> </div> </div>
<!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- END catfoot --> <!-- BEGIN tablefoot --> <div class="clear"></div> </div> <!-- END tablefoot --><!-- END catrow --> J'ai retiré au passage les reliquats de ta manipulation précédente dans le "cate_titre". Il devrait se suffire à lui-même. Et le CSS correspondant... - Code:
-
.cate_titre, .forum_bloc { width: 950px; } .cate_titre { height: 67px; margin-top: 50px; background: url('http://i46.servimg.com/u/f46/14/26/75/48/arr_ca11.jpg') no-repeat; text-align:center; } .cate_titre h2 { color: #000; font-family: ESSTIXThirteen, Monotype Corsiva, Georgia, Arial; font-size: 40px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0px #e0e0e0; } .forum_bloc { margin: 0 auto; background-image:url('http://i46.servimg.com/u/f46/14/26/75/48/arr_ca12.jpg'); border-bottom:5px solid #AE1414; }
.forum{ float: left; width: 460px; height: 250px; margin-left: 5px; margin-right: 5px; margin-bottom: 50px; }
a.forumlink { position: relative; z-index: 2; display: block; width: 100%; color: #454545 !important; text-align: center; font-family: "Trebuchet MS"; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; text-shadow: 1px 1px 0px #000000; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
a.forumlink:hover { letter-spacing: 1px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.forum_contenu{ position: relative; z-index: 1; width: 98%; height: 90%; padding: 4px; margin-left: auto; margin-right: auto; margin-top: -5px; background-color:#742510; border-left: 3px double #F2B600; border-right: 3px double #F2B600; border-bottom: 5px solid #F2B600; border-top: 5px solid #F2B600; }
.description { display: block; width: 400px; margin: auto; height: 100px; overflow: hidden; border: 2px solid #F2B600; box-shadow: 1px 1px 1px #191817; -moz-box-shadow: 1px 1px 1px #191817; -htm-box-shadow: 1px 1px 1px #191817; -webkit-box-shadow: 1px 1px 1px #191817; -o-box-shadow: 1px 1px 1px #191817; }
.description_contenu { position: absolute; display: block; width: 391px; height: 91px; overflow: auto; background-color: #000; font-size: 10px; color: #F2B600; text-align: jutsify; padding: 5px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .description_contenu:hover { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .icone_stats { width: 300px; margin: auto; margin-top: -30px; } .stats_lastpost { display: block; width: 160px; height: 80px; margin-left: 10px; background-color: #ae1414; border: 1px solid #e0403f; padding: 5px; text-align: center; } .stats { display: block; margin-bottom: 5px; border-bottom: 1px dotted #e0403f; padding-bottom: 5px; font-size: 10px; color: #8f8f8f; } .lastpost { display: block; font-size: 11px; } .sforum { position: relative; z-index: 3; display: block; height: 0; background: #ae1414; color: #F2B600; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .ouverture_sousforum { position: relative; z-index: 3; display: block; float: right; width: 120px; margin-right: 20px; background: #51691A; color: #F2B600; font-size: 11px; text-align: center; padding: 4px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .sous_forum:hover .sforum { height: 50px; background: #191817; color: #b5b5b5; padding: 4px; overflow: auto; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .sous_forum a { color: #b5b5b5 !important; text-shadow: 1px 1px 0px #000000; } .sous_forum a:hover { color: #ffffff !important; } Voilà voilà. J'espère que ça ira. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Hello, j'ai pas bien suivi le fil de la conversation (j'ai rien compris en fait) mais pour la question initialement posée : - Citation :
- J'ai modifié l'apparence de mes forums sur l'index, en fait; le tableau et les catégories et tout le kit, et comme on le sait, l'apparence qu'on donne à nos forums sur l'index devient celle des sous-forums lorsqu'on sélectionne le forum en question (sur la page où il y a la liste des sujets). Mais je cherche, justement, à ce que ce ne soit pas la même chose...
Je me demande si attribuer une classe au contenu de index_body ne règlerait pas le problème ? C'est index_box qui est utilisé tant sur l'index que dans les sous forums (l'équivalent sur une installation PHPBB3 - je parle bien du script et pas de la 'version' FA - serait le template forumlist_body). Aussi, si tu appliques la classe mon-index autour de {BOARD_INDEX} (template index_body) tu pourras faire ça : - Code:
-
.mon-index .classe { /* apparence de .classe sur l'index */ }
.classe { /* apparence de .classe en dehors de l'index */ } Voilà, je sais que je suis HS maintenant mais la question méritait une réponse x) (Bien évidemment, ceci impose que la mise en page, par défaut, passe uniquement par le CSS. Impossible de modifier le code HTML...) | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Merci infiniment à vous deux! Tout d'abord, désolée d'avoir été si peu claire dans mes explications, c'était assez dure d'exprimer le problème avec précision @Doar, merci, la modification que tu as apporté au code marche parfaitement Je suis vraiment reconnaissante, merci encore! @'Christa, merci beaucoup à toi aussi, je risque d'utiliser ce que vous m'avez apporter tous les deux. J'ai quand même une question... Si je comprends bien (sait-on jamais!), {BOARD_INDEX} c'est le tableau des forums/catégories sur l'index (seulement l'index, c'est bien ça? ) Donc si on lui met une classe (mon-index), les valeurs de cette classe seront appliquées seulement au tableau de l'index. Premièrement, je me demande pourquoi on met ".classe" dans le CSS. Parce que généralement quand on voit - Code:
-
.mon-index .classe ça voudrait dire: la classe CLASSE dans la classe mon-index. ?? Donc est-ce que "classe" est une classe que j'ai mis quelque part...? Ensuite, je me demande aussi, si on a plusieurs (dans le cas ou MON-INDEX est bien la classe du tableau sur l'index) effets à appliquer dans différentes balises dans le tableau de l'index, on fait comment?Comme ça par exemple? - Code:
-
.cate-title .mon-index{ } et ce pour toutes les classes? Merci beaucoup encore | | |
| | | Doare
{ Spécialiste }
Messages : 544
| (Mais qu'est-ce que je fais encore debout, moi...) - Citation :
- Si je comprends bien (sait-on jamais!), {BOARD_INDEX} c'est le tableau des forums/catégories sur l'index (seulement l'index, c'est bien ça? ) Donc si on lui met une classe (mon-index), les valeurs de cette classe seront appliquées seulement au tableau de l'index.
Oui. Tu peux lui donner une class, ou même une ID, ce qui me paraîtrait plus approprié. - Citation :
- Donc est-ce que "classe" est une classe que j'ai mis quelque part...?
Non, c'est juste un exemple que 'Christa a donné pour te montrer la structure que cela donne. Ce qui m'amène à la question suivante... - Citation :
- Ensuite, je me demande aussi, si on a plusieurs (dans le cas ou MON-INDEX est bien la classe du tableau sur l'index) effets à appliquer dans différentes balises dans le tableau de l'index, on fait comment?Comme ça par exemple?
- Code:
-
.cate-title .mon-index{ } et ce pour toutes les classes? Non, c'est l'inverse. ".mon-index" est parent de toutes les balises en question, donc tu le spécifieras en premier. En revanche, comme tu l'as dit, il faudra effectivement le spécifier dès que tu voudras que les effets de certains éléments ne s'appliquent que sur l'index. Cette astuce permettant de donner des règles spéciales pour l'index, garde à l'esprit qu'il est inutile de répéter pour les catégories et forums de l'index des propriétés qui s'appliquent également en-dehors. En résumé.. - Code:
-
.mon-index .forum { /* les effets spéciaux de mes forums sur l'index (float, tailles, etc.) */ } .forum { /* le style par défaut de mes forums s'il y a (couleurs, etc.) */ } Je pense que tu le savais déjà, mais bon, on sait jamais. C'est bon ? \o/ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Hello Doare a tout expliqué, je n'ai rien à rajouter du coup (Merci Doare) | | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Oui cette partie là ça va merci ^^ et - Doare a écrit:
- Citation :
- Ensuite, je me demande aussi, si on a plusieurs (dans le cas ou MON-INDEX est bien la classe du tableau sur l'index) effets à appliquer dans différentes balises dans le tableau de l'index, on fait comment?Comme ça par exemple?
- Code:
-
.cate-title .mon-index{ } et ce pour toutes les classes? Non, c'est l'inverse. ".mon-index" est parent de toutes les balises en question, donc tu le spécifieras en premier. En revanche, comme tu l'as dit, il faudra effectivement le spécifier dès que tu voudras que les effets de certains éléments ne s'appliquent que sur l'index.
gnaa, mon erreur, dictée par la fatigue haha! Merci en tout cas Pour le reste, tout est claire, merci beaucoup à vous deux @Modos: finalement résolu | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Eh bien j'archive, merci Fire-Fly ! | | |
| | | Contenu sponsorisé
| | | | | [RÉSOLU!!!!! :D ]Problème de sous-forums - quel template? | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|