Comment faire une ligne moderne pour catégories ??

Page 2 sur 2 Précédent  1, 2

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

Résolu Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Lun 5 Sep 2011 - 14:38

Rappel du premier message :

Bonjour,

Aujourd'hui, jour de rentrée : joyeuse rentrée :3 , j'ai découvert un design impressionnant au niveau des catégories divers d'un forum dont je ne citerai le nom.
Voici le résultat de leur codage miraculeux, que j'admire.



Comment réaliser cela ?

Merci d'avance Very Happy


Dernière édition par Rin_. le Ven 21 Oct 2011 - 20:22, édité 1 fois

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Mar 20 Sep 2011 - 20:00

Vous avez modifié votre template index_box ?

Sinon, vous pouvez modifiez ceci dans le template :

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>

par

<div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</div>

et ensuite dans le css, vous mettez :

Code:
.forumlink {background-color:red !important;}

vous changez la couleur comme vous le voulez.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Mer 21 Sep 2011 - 19:39

C'est dans le même style en effet ! Mais savez-vous, comment mettre ce code pour les titre de catégories ? Je suppose que ce n'est peut-être pas le même pas code.


Dernière édition par Rin_. le Jeu 22 Sep 2011 - 17:52, édité 1 fois

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Jeu 22 Sep 2011 - 0:12

Les titres des catégories, c'est à ce niveau-là :

Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

ensuite, vous procédez de la même manière que pour les titres des forums, mais en gardant le <th

et la classe à utiliser, ici, est secondarytitle


Cordialement.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Jeu 22 Sep 2011 - 18:01

Je ne suis pas très douée, et je ne comprends pas trop :S
Pouvez-vous me réexpliquer plus en détails s'il vous plaît ?

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Jeu 22 Sep 2011 - 19:26

Et bien, pour les titres des forums, vous avez du faire comme ceci :

<div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>

C'est à dire rajouter une classe forumlink pour pouvoir modifier les titres des forums via cette classe, dans le CSS. Il faut donc procéder de la même manière pour les titres des catégories. Actuellement, vous avez :

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM} </th>

pour les titres des catégories ({catrow.tablehead.L_FORUM}) vous avez la classe secondarytitle; donc dans le css, vous allez rajouter le code :

.secondarytitle {background-color:red !important;}
(avec le même code que vous avez mis pour forumlink)



Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Ven 23 Sep 2011 - 20:38

J'ai compris, merci !
Mais est possible d'agrandir la longueur de la zone rouge ?

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Sam 24 Sep 2011 - 11:04

Up ~
Alors alors, personne :3 ?

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Sam 24 Sep 2011 - 11:26

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

je peux avoir le lien du forum test où on peut voir votre fond rouge ? Ainsi qu'un screen pour savoir ce que vous voudriez comme longueur, à peu près. Parce que techniquement la zone rouge correspond à la zone du titre du message, donc si ce que vous demandez est ce que je pense (soit sous les titres des messages et auteur) et bien il faudra d'autres code en prime, et non pas agrandir la zone.

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Sam 24 Sep 2011 - 12:08

Etant donné que mon forum,( http://pensionnat-awave.forumgratuit.org ), est actuellement en construction, j'ai testé le code dessus. J'ai aussi changé la couleur de la zone, pour que cette-dernière soit plus "agréable" à regarder. Voici un screen de ma demande. Il est en effet question de longueur, j'aimerai quelle aille jusqu'à la "case" sujet.

Voilà ce que je voudrai.


Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Dim 25 Sep 2011 - 19:00

Pour allez jusque la case "sujet" recherchez ceci dans votre template :

Code:
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
et remplacez-le par
Code:
      <th class="secondarytitle" width="50">{L_TOPICS}</th>

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Jeu 29 Sep 2011 - 21:12

Je regarderai demain, merci encore de votre réponse !

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Lun 3 Oct 2011 - 10:20

Alors, vous avez regardé ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Jeu 6 Oct 2011 - 20:31

Je suis désolée de ne pas vous avoir répondu plus tôt. J'ai effectivement testé le code que vous m'avez indiqué, mais cela ne change rien : la bande reste toujours au même endroit qu'elle avait avant la modification de la template.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par tupac le Ven 7 Oct 2011 - 7:45

Bonjour

Pour prolonger votre barre il vous faut retirer les colonnes ( sujets et messages ) a l'aide de ce tuto.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr le Ven 7 Oct 2011 - 10:12

Tupac, non ce n'est pas ça qu'elle veut. Smile

Rin, puis-je avoir votre template modifié ainsi que le css correspondant ? Parce que depuis le temps, je ne sais plus où nous en sommes. Assomé

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Jeu 13 Oct 2011 - 20:55

Comme l'a dit Lixyr Yrna, ce n'est pas ce que j'ai demandé.
Merci quand même Tupac! Very Happy

Voici mon CSS :
Code:
.forumlink {background-color:#DFE19F !important;}

a.forumlink:hover:after{
content:" ★";
}

-moz-box-shadow:0px 0px 8px #465975;box-shadow:0px 0px 8px #465975;-webkit-box-shadow:0px 0px 8px #465975;
Et la template :

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 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 class="secondarytitle" 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">
            <div class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</div>
         </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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <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>
   </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 -->

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Sam 15 Oct 2011 - 9:07

Un petit up !

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par tupac le Dim 16 Oct 2011 - 9:33

Bonjour Rin_.

Placez ce code dans votre feuille de style css.

Code:
a.forumlink{border:4px solid #826D53;background-color: #d8ceb5;display:block;text-align:center;}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. le Ven 21 Oct 2011 - 20:21

C'est ça Very Happy
Merci beaucoup à vous deux ! Merci Lixyr Yrna, et Tupac !

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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


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