Code pour catégorie et forum

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

Résolu Code pour catégorie et forum

Message par Yuuko Nakami le Ven 15 Juil 2011 - 13:28

Bonjour, bonjour !
J'aimerais savoir comment faire ce style de catégorie & forum :


J'aimerais avoir des explication parce que je ne comprend rien du tout oO
Voici mon forum :http://yaoi-no-gyoukai.meilleurforum.net/

Voici mon 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}

         {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 --><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="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">
               <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"></span></td></tr></table>

            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
         <td class="row3 over" align="center" valign="middle" height="50">
         <BR><span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR><table width="75%"><tr><td align="center"><span class="gensmall"><div class="postetmess"><b>Sujets:</b>  {catrow.forumrow.TOPICS} || <b> Messages:</b> {catrow.forumrow.POSTS}</div></span></td></tr></table></span>
      </td>
   <!-- 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 -->

Et mon CSS :
Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#38072E;
-moz-border-radius:6px;}

I{border-bottom:none; color:#38072E;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

.forumline {-moz-border-radius:0px;}
.forumline{border: #38072E;
-moz-border-radius: 0px 0px 0px 0px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}



a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #38072E;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
color: #363642;
text-align: center;
display: block;
-moz-border-radius:10px;
}


a.mainmenu:hover {
text-align: center;}

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; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
font-size:15px;
border-bottom: 3px double #363642;
display: block;}

.box {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");

font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #363642;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #363642;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
border: 5px solid #363642;
}

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


td.row1{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row2{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3Right{background-image : url(http://img641.imageshack.us/img641/301/xvbxvbvxv.png);}


.navig {
position: fixed;
top: 0px;
width: 100%;
border-bottom: 5px solid #363642;
border-top: 5px solid #363642;
text-align: center;
left: 0px;
right: 0px;
}

a.mainmenu {
margin: 0px;
font-family: Georgia;
word-spacing: 0px;
font-variant: normal;
text-transform: lowercase;
font-size: 19px;
text-shadow: 1px 1px 1px #FFFFFF;
letter-spacing: -3px;
}




.fontqeel {
  background-color: #CCC0CC;/*couleur de fond*/
  -moz-border-radius: 0px; /* Coins arrondis sous Mozilla */
  -webkit-border-radius: 0px; /* Coins arrondis sous Chrome */
  border-top: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-bottom: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-left: 10px #363642 solid; /* couleur sur les navigateurs récents */
 border-right: 10px #363642 solid; /* couleur sur les navigateurs récents */
}

.groupes {
  text-transform: lowercase;/* transforme le texte en lettres majuscules */
font-family: Georgia;
font-variant: normal;
  font-weight : bold;/*texte en gras*/
  font-size:24px; /* Taille du texte */}

.liste24h {
  height: 20px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */
  overflow:auto; /* scroll automatique quand la hauteur dépasse */
  fond-color: #FFFFFF;
}

.liste24h td.row1{
text-align: center;
}



/*------------------------------------------INDEX---------------------------------*/

.titre1{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}


.titre2{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}

.navigationbycoma{
color: #B42000;
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #615366;
border-top: 0px solid #686F82;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Georgia;
font-weight : bold;
width: 120px;
text-align: center;
}

.navigationbycoma:hover{
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #363642;
border-top: 0px solid #363642;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: georgia;
font-weight : bold;
width: 120px;
text-align: center;
 font-size:8px;
}




body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:geogia; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: georgia;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #363642;
border-left: 6px solid #363642;
border-right: 6px solid #363642;
border-top: 2px solid #363642;
border-bottom: 2px solid #363642;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border:2px dotted #000000;
}

a {
  text-shadow: 1px 1px 1px #FFFFFF;
}

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #CCC0CC;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #363642;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 180px ;
color:#363642;
border-top: 10px solid #363642;
border-bottom: 10px solid #363642;
border-right: 5px solid #363642;
border-left: 5px solid #363642;
}



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  cursor: pointer;
  margin-bottom: -1px;

.mon_onglet:hover{
  background: #b8efa1;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000; 
  border-bottom: 1px solid #ffffff; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

Merci d'avance !


Dernière édition par Yuuko Nakami le Mer 20 Juil 2011 - 19:05, édité 1 fois

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par SoraNoHime le Ven 15 Juil 2011 - 13:42

Bonjour

merci de me fournir un schéma plutôt qu'un modèle pris sur un autre forum.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par Yuuko Nakami le Ven 15 Juil 2011 - 15:50

Ah d'accord, voilà :


C'est bon ?

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par SoraNoHime le Ven 15 Juil 2011 - 15:54

Tout à fait ^^

Je m'occuper de votre template, cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (1 fois toutes les 24h) si besoin.

PS : faut-il que les descriptions de catégories aient toutes la même taille ? si oui combien en hauteur ? Désirez vous qu'une barre apparaisse si vos descriptions dépassent ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par Yuuko Nakami le Ven 15 Juil 2011 - 16:00

Merci beaucoup.
Je les veux bien de la même taille :
height: 140px
width: 450px

Merci beaucoup.

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par SoraNoHime le Dim 17 Juil 2011 - 2:16

Voici déjà votre 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 --><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>
      </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="middle" width="100%" height="50" align="right">
                  <table width="100%"><tr><td colspan="2">
                            <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </h{catrow.forumrow.LEVEL}>
</td></tr>
<tr><td width=100%" valign="top">
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">               
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
            <td class="row3 over" align="center" valign="middle" height="50"><div style="width:175px;">
            <span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR>
<table width="75%"><tr><td align="center">
<span class="gensmall"><div class="postetmess">Sujets:  {catrow.forumrow.TOPICS} || Messages: {catrow.forumrow.POSTS}</div></span></span></div>
</td></tr></table>
</td></tr></table></span>
          </td>
      <!-- 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 -->

Pensez-vous pouvoir régler la css avant que je ne fasse ce qu'il manque des modifications, puis me la fournir ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par Yuuko Nakami le Dim 17 Juil 2011 - 22:39

Voilà, est-c que c'est bon ?

Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#38072E;
-moz-border-radius:6px;}

I{border-bottom:none; color:#38072E;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;
font-family: Georgia;}

.forumline {-moz-border-radius:0px;}
.forumline{border: #38072E;
-moz-border-radius: 0px 0px 0px 0px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}



a.forumlink:link, a.forumlink:visited {
font-family:  Géorgia;
text-transform : uppercase;
text-align: center;
font-size: 22px;
border-bottom: 5px solid #38072E;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
color: #363642;
text-align: center;
font-size: 22px;
display: block;
-moz-border-radius:10px;
}


a.mainmenu:hover {
text-align: center;}

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; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
font-size:15px;
border-bottom: 3px double #363642;
display: block;}

.box {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");

font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #363642;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #363642;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
border: 5px solid #363642;
}

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


td.row1{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row2{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3Right{background-image : url(http://img641.imageshack.us/img641/301/xvbxvbvxv.png);}


.navig {
position: fixed;
top: 0px;
width: 100%;
border-bottom: 5px solid #363642;
border-top: 5px solid #363642;
text-align: center;
left: 0px;
right: 0px;
}

a.mainmenu {
margin: 0px;
font-family: Georgia;
word-spacing: 0px;
font-variant: normal;
text-transform: lowercase;
font-size: 19px;
text-shadow: 1px 1px 1px #FFFFFF;
letter-spacing: -3px;
}




.fontqeel {
  background-color: #CCC0CC;/*couleur de fond*/
  -moz-border-radius: 0px; /* Coins arrondis sous Mozilla */
  -webkit-border-radius: 0px; /* Coins arrondis sous Chrome */
  border-top: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-bottom: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-left: 10px #363642 solid; /* couleur sur les navigateurs récents */
 border-right: 10px #363642 solid; /* couleur sur les navigateurs récents */
}

.groupes {
  text-transform: lowercase;/* transforme le texte en lettres majuscules */
font-family: Georgia;
font-variant: normal;
  font-weight : bold;/*texte en gras*/
  font-size:24px; /* Taille du texte */}

.liste24h {
  height: 20px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */
  overflow:auto; /* scroll automatique quand la hauteur dépasse */
  fond-color: #FFFFFF;
}

.liste24h td.row1{
text-align: center;
}



/*------------------------------------------INDEX---------------------------------*/

.titre1{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}


.titre2{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}

.navigationbycoma{
color: #B42000;
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #615366;
border-top: 0px solid #686F82;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Georgia;
font-weight : bold;
width: 120px;
text-align: center;
}

.navigationbycoma:hover{
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #363642;
border-top: 0px solid #363642;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: georgia;
font-weight : bold;
width: 120px;
text-align: center;
 font-size:8px;
}




body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:geogia; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: georgia;
Font-size: 22px;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #363642;
border-left: 6px solid #363642;
border-right: 6px solid #363642;
border-top: 2px solid #363642;
border-bottom: 2px solid #363642;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border-bottom: 7px solid #363642;
border-top: 7px solid  #363642;
border-right: 7px solid  #363642;
border-left: 7px solid  #363642;
}

a {
  text-shadow: 1px 1px 1px #FFFFFF;
}

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #CCC0CC;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #363642;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 180px ;
color:#363642;
border-top: 10px solid #363642;
border-bottom: 10px solid #363642;
border-right: 5px solid #363642;
border-left: 5px solid #363642;
}



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  cursor: pointer;
  margin-bottom: -1px;

.mon_onglet:hover{
  background: #b8efa1;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000; 
  border-bottom: 1px solid #ffffff; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par SoraNoHime le Lun 18 Juil 2011 - 19:19

Voici votre 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 --><center><table width="85%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <th nowrap="nowrap" width="100%" class="secondarytitle" valign="middle" align="center"> {catrow.tablehead.L_FORUM} </th>
          </tr></table></center><center><table class="forumline" width="97%" border="0" cellspacing="0" 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 -->
              <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">
              <div class="tourimg"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50" align="right">
                      <table width="100%"><tr><td colspan="2">
                                <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </h{catrow.forumrow.LEVEL}>
    </td></tr>
    <tr><td width=100%" valign="top">
            <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                <span class="gensmall">             
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
              </td>
                <td class="row3 over" align="center" valign="middle" height="50"><div style="width:175px;">
                <span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR>
    <table width="75%"><tr><td align="center">
    <span class="gensmall"><div class="postetmess">Sujets:  {catrow.forumrow.TOPICS} || Messages: {catrow.forumrow.POSTS}</div></span></span></div>
    </td></tr></table>
    </td></tr></table></span>
              </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><table class="forumline" width="97%" border="0" cellspacing="0" cellpadding="0"></center>
          <!-- 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>
         
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </tr></table></center><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et mettez ceci dans votre css, à personnaliser :

Code:
/*coller le forum au cadre*/
.bodyline {
padding-left : 0px!important;
padding-right : 0px!important;
}

/*tour de new no news lock*/
.tourimg {
border : 3px solid #ff0000;
}

/*titre du forum*/
a.forumlink {
text-align : right;
padding-right : 40px;
border-bottom : 3px solid #ff0000;
font-size : 20px;
font-family : Arial;
display : block;
}

/*tour de la description*/
.descrip {
border : 7px solid #0000ff;
height: 140px;
width: 450px;
overflow : auto;
}

/*tour dernier message*/
.derniersmess {
border : 7px solid #0000ff;
}

/*titre des catégories*/
.secondarytitle {
display : block;
height : 50px;
border-top : 3px solid #00ff00;
border-left : 3px solid #00ff00;
border-right : 3px solid #00ff00;
background-color : #ffff00;
  -moz-border-radius-topleft: 75px;
  -webkit-border-top-left-radius: 75px;
  border-top-left-radius: 75px;
  -moz-border-radius-topright: 75px;
  -webkit-border-top-right-radius:75px;
  border-top-right-radius: 75px;
}
.secondarytitle h2{
font-size : 20px;
font-family : Arial;
}

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par Yuuko Nakami le Mar 19 Juil 2011 - 11:16

Merci beaucoup, c'est très jolie !

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour catégorie et forum

Message par SoraNoHime le Mer 20 Juil 2011 - 13:28

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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