AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

code pour les catégories. :)

Voir le sujet précédent Voir le sujet suivant Aller en bas
Aller à la page : 1, 2  Suivant
AuteurMessage

SMS ENVOYES : 130


MessageSujet: code pour les catégories. :) Dim 6 Fév - 19:48

Alors avant tout, je m'excuse pour l'attente. Premièrement parce que j'avais modifier le templates pour un autre forum alors et que maintenant les catégories à bugué alors, maintenant c'est arrangé. Wink Et deuxième, je ne vous l'avais pas fait part avant car j'avais pas encore un petit moment pour arrangé le tout. Donc voilà les codes.

Template indexbox
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}

        {CURRENT_TIME}

        </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>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<fieldset class="fieldfor"><legend class="legfor"><a>{catrow.tablehead.L_FORUM}</a></legend>
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- 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 -->
  <!-- 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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
         

<table><tr><td width="150px"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />  </td>
<td width="400px"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></a>
            </span>
<div class="descriptions">{catrow.forumrow.FORUM_DESC}</div></td>

<td width="50%"><br><div class="lastmess"><span class="gensmall"><center>{catrow.forumrow.LAST_POST}</center></span></div> <div class="totaux"><center><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS}    <b>Messages :</b> {catrow.forumrow.POSTS}</span></center></div>  <div class="sousflinks"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div></td></tr></table>





        <span class="gensmall"><br>
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
</td>
   
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->

      <!-- 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> </fieldset><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

CSS
Code:
/* -------------- CODAGE PAR KETSIA DE CSS ACTIF ----------------------- */
/* MISE EN FORME DES CATÉGORIES */
/* les catégories */
.fieldfor {
color: black;
border: 5px solid #B2A291;
-moz-border-radius: 50px;
padding: 15px;
padding-top : 0px;
text-align: justify;
background-color: #F1ECE5; }


/* le titre des catégories en legend */
.legfor{
background-color: #F1ECE5;
color : black;
-moz-border-radius : 40px 40px 0 0;
font-size : 28px;
font-family : 'Times New Roman';
text-transform : uppercase;
margin-left : 200px;
margin-right : 150px ;
margin-bottom : 36px ;
width : 300px ;
text-align : center ;
border : #B2A291 solid 5px ;
padding-top : none !important ;
padding-bottom : none !important ;
padding-left : 15px ;
padding-right : 15px ;
}

/* LIENS TITRES FORUMS */

a.forumlink {
text-shadow: 0px 0px 2px black ;
color: #1F1D19;
font-family: Georgia;
text-transform: uppercase;
font-weight:bolder;
font-size:15px;
letter-spacing:1px;
display: block;
text-align : center ;

}

a.forumlink:hover {
color: #ECB2C4;
text-shadow: 0px 0px 3px #ECB2C4 ;
}


/*LES TEMPLATES*/
/*Description Sous-forum*/
.descriptions {
text-align: justify;
background-color: #F1ECE5;
border : 3px solid #B2A291 ;
padding : 8px ;
-moz-border-radius : 15px ;
-moz-box-shadow:0px 0px 5px #000000;
width : 470px ;
height : 75px ;
overflow : auto
}

/*Liens Sous Forum*/
.sousflinks {
text-align: justify;
background-color: #F1ECE5;
-moz-border-radius : 15px ;
border : 2px #B2A291 solid ;
width : 170px ;
margin-bottom; 4px;
margin-left: 3px;
margin-top: 2px;
-moz-box-shadow:0px 0px 5px #000000;
 }

.totaux {
background-color: #F1ECE5;
border : 2px solid #B2A291 ;
border-top : 0px solid #B2A291 ;
padding : 5px ;
color : black ;
-moz-border-radius : 0 0 15px 15px ;
-moz-box-shadow: 0px 2px 3px #000000;
width : 160px ;}

.lastmess {
background-color: #F1ECE5;
border : 2px solid #B2A291 ;
border-bottom : 1px solid #B2A291 ;
padding : 5px ;
color : black ;
-moz-border-radius : 15px 15px 0 0 ;
-moz-box-shadow: 0px 0px 5px #000000;
width : 160px ; }


Script à ajouter dans la description du site ^^
Code:
 <script type="text/javascript" src="http://cadatlantis.free.fr/scripts/gradualfader.js"></script>


Dernière édition par Dexter A. Abraham le Mar 8 Fév - 2:24, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

modérateur

SMS ENVOYES : 236


MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 20:58

Pour le script, il faut rajouter ou ?

J'y connais pas grand chose ^^'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

SMS ENVOYES : 130


MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:12

pannean d'admin - général - forum - configuration - description du site.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:17

En tout cas un énorme merci pour le code Very Happy

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:17

C'est pour le forum de base c'est ça ? Pas pour les annexes je crois. Je sais plus en fait ...

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:18

C'est pas pour tout?

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:18

Apparemment ya un problème de balises dans le template.

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:19

DP;
Bah on avait dit que c'était trop "compliqué" pour les forums annexes non ? Et qu'on voulait un truc plus simple je crois

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

administrateur

ÂGE : Vingt trois ans
UNIVERSITE : Oxford University
SMS ENVOYES : 598



Feuille de personnage
Crédits: Honey Bird
Liste:
Matières étudiées/Métier: les matières choisies et/ou le métier
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:21

Non il me semble qu'on avait dit pour tous ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:26


_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

administrateur

ÂGE : Vingt trois ans
UNIVERSITE : Oxford University
SMS ENVOYES : 598



Feuille de personnage
Crédits: Honey Bird
Liste:
Matières étudiées/Métier: les matières choisies et/ou le métier
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:30

Ah ben je sais plus mais moi je pense que c'est bien pour tous ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:31

Moi aussi, sa garderait le même esprit

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

administrateur

ÂGE : Vingt trois ans
UNIVERSITE : Oxford University
SMS ENVOYES : 598



Feuille de personnage
Crédits: Honey Bird
Liste:
Matières étudiées/Métier: les matières choisies et/ou le métier
MessageSujet: Re: code pour les catégories. :) Dim 6 Fév - 21:32

au moins pour le premier design de chaque après on pourrait changer quand on fera la seconde version ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Lun 7 Fév - 1:46

Il y a un problème de balise :/

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

SMS ENVOYES : 130


MessageSujet: Re: code pour les catégories. :) Mar 8 Fév - 2:25

Voilà réessayer maintenant, c'est supposer fonctionner parfaitement cette fois.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

administrateur

UNIVERSITE : Oxford
SMS ENVOYES : 318


MessageSujet: Re: code pour les catégories. :) Sam 30 Avr - 17:00

J'ai retesté les codes, pour des modifications de couleurs, et ça fait un truc bizarre chez moi
http://hells-stuff.forumactif.info/
le "forum" fait un truc bizarre --> Sad
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Sam 30 Avr - 20:53

je vois pas quoi, ya pas de problème chez moi :/

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

administrateur

UNIVERSITE : Oxford
SMS ENVOYES : 318


MessageSujet: Re: code pour les catégories. :) Sam 30 Avr - 21:55

non, finalement j'ai trouvé !!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Ven 8 Juil - 0:41

comme on retouche à tout je demande ; est-ce qu'on garde ce CSS pour les catégories ?

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Ven 8 Juil - 19:50

Moi je serais d'avis de changer perso :/
Tant qu'à faire, autant tout changer je pense, pour repartir sur de bonnes bases :p

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Sam 9 Juil - 0:07

Moi aussi, peut-être
dans un style plutôt simple dirais comme http://i54.tinypic.com/ostkcg.jpg

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 22 ans
UNIVERSITE : Harvard
VILLE : Cambridge
SMS ENVOYES : 819



Feuille de personnage
Crédits: Irish
Liste:
Matières étudiées/Métier: journalisme, sciences économiques, sciences humaines et psychologie
MessageSujet: Re: code pour les catégories. :) Sam 9 Juil - 0:41

Oui pourquoi pas, c'est sympa

_________________
.. Family & friends ♥️
« une courte citation amusante »



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mix-of-things.forumgratuit.org

SMS ENVOYES : 73


MessageSujet: Re: code pour les catégories. :) Sam 9 Juil - 0:41

Vous voulez le code ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

ÂGE : 18 ans
UNIVERSITE : La Sorbonne
VILLE : Paris
METIER : Étudiante
SMS ENVOYES : 1021



Feuille de personnage
Crédits: avatar/signature
Liste:
Matières étudiées/Métier: 1ère année en littérature
MessageSujet: Re: code pour les catégories. :) Sam 9 Juil - 0:43

si tu veux Razz

_________________

ETERNAL SUNSHINE OF THE SPOTLESS MIND. No sleep until I'm done with finding the answer. I feel that I should go and play with the thunder, 'cause somehow I just don't wanna stay and wait for a wonder. Lately I've been walking in circles, watching, waiting for something.♥️
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

SMS ENVOYES : 73


MessageSujet: Re: code pour les catégories. :) Sam 9 Juil - 1:04

Alors, il faut mettre ce code dans la description des catégories :

Code:
<div class="categories"><table width="98%" border="0" cellpadding="0" cellspacing="0"><tr> <td>
<img src="Adesse de l'image">
</td><td><b>NOM DE LA CATEGORIE◊</b> blablablablablablablablablablablablablabla
</td></tr></table></div>

Et ce code dans le CSS du forum en sachant que j'ai laissé mes couleurs et qu'il faudra les changer ^^. Sinon, tout est personnalisable, on peut mettre un fois en bois et tout :

Code:
.categories {
border-left:2px solid #D96380;
border-top:3px solid #D96380;
border-right:2px solid #CFDE82;
border-bottom:3px solid #CFDE82;
background-color: #E5EBBB;
font-family: Arial;
font-size: 11px;
text-align: justify;
margin-left: 0px;
margin-right: 30px;
padding: 5px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px; 
-moz-box-shadow:0px 0px 3px #000000;
}


Après pour avoir le nom de la catégorie ( it's my life ) comme moi il faut mettre ça dans le css :

Code:
a.forumlink{
color : #D57E1D;
background-image:url(URL);
display:block;
text-align:center;
letter-spacing: 1px;
text-transform:lowercase;
font-family: georgia;
font-weight: lighter;
margin: auto;
display:block;
text-shadow: 1px 1px 1px #000000;
}

a.forumlink:hover{
color : #D8637D;
background-image:url(URL);
display:block;
text-align: center;
letter-spacing: 1px;
text-transform:lowercase;
font-family: georgia;
font-weight: lighter;
margin: auto;
display:block;
text-shadow: 1px 1px 1px #000000;
}


Et pour les raccourcis vers les sous forums ( je sais si c'est français ce que je dis) le code à mettre dans le mettre dans la description des catégories c'est :

Code:
<div style="color: rgb(201, 204, 208);" class="abc" align="right"><a class="def" href="LIEN">Nom</a> <a class="def" href="LIEN">Nom</a> <a class="def" href="LIEN">Nom</a> </div>

Sa c'est pour les raccourcis qui se trouveront en haut comme l'exemple que tu as montré. Mais il peut aussi il y en avoir en bas. Dans ce cas, le code c'est :



Code:
<div style="color: rgb(201, 204, 208);" class="efg" align="right"><a class="def" href="LIEN">Nom</a>  <a class="def" href="Lien">Nom</a> <a class="def" href="LIEN">nOM</a>  <a class="def" href="LIEN"> Nom</a> <a class="def" href="LIEN"> Nom</a></div>


Et il faut mettre ça dans le CSS :


Code:
.abc {border-top: 3px solid #B9C874}
.def {
text-align: center;
background-color: #B9C874;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
}
.efg {border-bottom: 3px solid #BA8F8F}
.habitations {
text-align: center;
background-color: #BA8F8F;
color: #BA8F8F;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
}

Comme je sais pas exactement, ce que tu veux, je t'ai tout mis Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur


Contenu sponsorisé




MessageSujet: Re: code pour les catégories. :)

Revenir en haut Aller en bas

code pour les catégories. :)

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

Sujets similaires

+
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
We Made It : Le forum de base :: On a tous besoin de sections privées... :: ADMINISTRATION :: « Corbeille du staff-
Sauter vers: