Personnalisation de Categorie

Page 1 sur 2 1, 2  Suivant

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

Résolu Personnalisation de Categorie

Message par *angiesworld* le Ven 15 Juil 2011 - 19:51

Avant tout bien le bonjour à vous,

Ce message parce qu’après mainte recherche je voulais savoir comment faire ce type de catégorie:
Une image en haut de la Catégorie :


Une image en guise de Titre de Catégorie :


Une image en bas de la Catégorie :


Trois codes différents que je ne connais malheureusement pas et dont je ne saurais où placer.
J’ai vu je ne sais combien de code différents pour faire cet effet.. Variant selon la personnalisation des codages du forum en question. A force j’en suis perdu et usée. -_-"
Je voulais donc savoir si quelqu’un saurait m’aider?!

Merci par avance, à ceux qui auront essayé et quelque soit la réponse donné, je tiens à vous remercier d’avoir prit de votre temps pour lire ceci. ♥
Amicalement, Angie

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Ven 15 Juil 2011 - 19:56

Bonsoir *Angiesworld*,

Dans le template repérez :

Code:
<!-- 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 -->

et remplacez le par :

Code:
 <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="imghaut" 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" class="dersuj"><div style="width:150px;">{L_LASTPOST}</div></th>
      </tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- END tablehead -->

puis
Code:
 <!-- END catfoot --> <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
  <!-- END catrow -->

à remplacez par :

Code:
 <!-- END catfoot --> <!-- BEGIN tablefoot -->
    </table><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
      <!-- END catrow -->

et enfin dans la css rajoutez :

.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}

.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}

.imghaut {
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}

.imgbas {
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;
}

en personnalisant les partie en rouge. le secondarytittle pour le titre de la catégorie, imghaut pour l'image en haut, imgbas pour l'image en bas

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: Personnalisation de Categorie

Message par *angiesworld* le Ven 15 Juil 2011 - 20:27

Bonsoir à toi Macema,

Je tiens tout d’abord à te remercier de l’interet que tu as su me porter.. Cela me touche plus que tu ne pourrais l’imaginer.
Donc merci de l’aide apportée! ♥

Ensuite j’ai rencontré quelques petit soucis.
Voyez par vous-même : http://becrazy.forumactif.org/

Concernant déjà le problème de taille entre les titres de catégorie et le forum en lui-même..
Comment puis arranger cela?!
Soit je rétréci la taille du forum soit agrandi celle du la catégorie c’est ça?!

Ensuite comment faire pour effacer les mentions « Derniers Messages » et le titre de la Catégorie.. Qui chevauchent tout deux la création ?!

Merci en tout cas..

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Ven 15 Juil 2011 - 20:32

C'est étonnant avec ce que je vous ai donné, ils devraient pas chevaucher dernier message déjà. Par contre, je savais qu'il nous faudrait régler le problème du titre original.

Pour la taille, oui il faut soit agrandir l'image de la catégorie, soit réduire celle du forum.

Mais avant de tester, on va mettre comme il se doit le reste.

Pouvez-vous me rendre votre nouvel index_box, css inclus ^^ ?

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: Personnalisation de Categorie

Message par *angiesworld* le Ven 15 Juil 2011 - 20:39

Voilà qui a de quoi me rassurer xD

Pour la taille du forum je n'arrive plus à savoir où la modifié.. (Le boulet!) Pouvez vous m’éclairer?!

CSS :
Code:
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}

.forumline{
border: 4px #FFFDD1 solid;
}

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

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important;
}

.contenu {
  background-image: url('http://img52.imageshack.us/img52/4278/fondtitreo.jpg');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
    color : #B57D55;
          margin-left: 5px;
          margin-right: 5px;
          padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}

.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFBAB;
margin-left: 17px;
margin-right: 5px;
}

.categorylink a
{color: #B57D55;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.categorylink a:hover
{color: #F5A967;}

.onglet
{background-color: #FFFBAB;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;}

.lineal {text-align: left;
border-bottom: 2px solid #FFFBAB;
padding: 0px 10px 3px 0px;
margin-left: 17px;
margin-right: 5px;
height : 10pt
}


.profilentour {
text-align:left;
padding:9px;
background-color: #E4FAA8;
-moz-border-radius:0px;
}

.postdetails.poster-profile a img {200
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 4px solid #FFFBAB;
}

.menu_PA {
margin-bottom: 3%;
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

.menu_PA:hover {
background-color: #transparent;
  text-shadow: #FFFBAB 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }


a.menuu {
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
margin-left:-4px;
padding:3px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.menuu:hover {
background-color: #transparent;
  text-shadow: #FFFBAB 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }


.box {
background-color: #F5DCC9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 0 10px 5px 10px;
min-height: 55px;
color: #B57D55;
font-family: georgia;
}


.partners_PA img {
border: 2px #FFFBAB solid;
margin: 5px;
padding: 2px;
opacity: 0.7; filter:alpha(opacity=70);
-moz-opacity: 0.7;
}

.partners_PA img:hover {
opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1;
}


a.infobulle{
    position:relative;
    z-index:24;
    color:#E4FAA8 ;
    text-decoration:none;
    opacity: 0.7; filter:alpha(opacity=70);
    -moz-opacity: 0.7;
}

a.infobulle:hover {z-index:25; opacity: 1; filter:alpha(opacity=100);
-moz-opacity: 1; }

a.infobulle span {position: absolute; visibility:hidden;}

a.infobulle:hover span{
 visibility: visible;
 top:-3px;
 left:10px;
 width:12em;
border: 2px #FFFBAB solid;
 background-color:#F5DCC9;
 text-align: center;
 padding:5px;
 color : #B57D55;
}

.statistiques{
border:0px;
background-image: url("http://nsm03.casimages.com/img/2010/04/29/100429020703664145926952.png");
background-repeat: no-repeat;
background-position: center;
height:270px;
text-shadow: #e1dddc 0px 1px 0px;}

.groupes{
background-color:#F5EE67;
border: 1px #F5A967 dotted;
-moz-border-radius : 7px 7px 7px 7px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align: justify;
text-decoration: none !important;}

.yosh td { background-color: transparent; }


a.forumlink {
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #FFFBAB;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #FFFBAB 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #F5A967;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
 }

.maintitle, .maintitle h1, th, .nav {text-transform: uppercase;}

.nomdecategorie
{
padding-bottom:0px;
      padding-top:5px;
      padding-bottom:5px;
      background-image: url('http://img710.imageshack.us/img710/7749/9k2frdjpg.png');
      letter-spacing: 4px;
      font-family: Georgia;
      margin-left:90px;
      margin-right:90px;
      margin-top:-10px;
      margin-bottom:-10px;
      -moz-border-radius-bottomleft:0px;
      -moz-border-radius-topleft:60px;
      -moz-border-radius-bottomright:0px;
      -moz-border-radius-topright:60px;}


.messuj {
border: 1px solid #a49896;
background-color: #E4FAA8;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding : 5px;
width: 150px;}

.arrondi {
border: 1px solid #a49896;
background-color: #FFFBAB;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
padding : 5px;
width: 150px;}

.secondarytitle{
background-image: url('http://img813.imageshack.us/img813/9080/627694categ7.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 475px;
}

.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}

.imghaut {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}

.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}

Index_Box:
Code:
<center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
<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="imghaut" 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" class="dersuj"><div style="width:150px;">{L_LASTPOST}</div></th>
          </tr>
    </table><table class="forumline" 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 -->
      <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">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
                                  <td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
                        <span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
                <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
                      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- 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><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
          <!-- END catrow -->

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Ven 15 Juil 2011 - 20:41

POur la taille Siffleur Allez faire un tour dans PA > Général > Forum : Général...

Pour le reste je regarde ^^

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: Personnalisation de Categorie

Message par *angiesworld* le Ven 15 Juil 2011 - 20:45

J’avais souvenir que, dans certains codes.. Ils placaient directement le lien de l’image dans le template..
Comme ceci par exemple :
Code:
<!-- BEGIN tablehead -->

<table class="forumline" width="900px" border="0" cellspacing="0" cellpadding="0">
  <br><tr><td colspan="3" nowrap="nowrap" width="900" class="secondarytitle" align="center" style="background-image:url('HAUTSIDEBAR ');padding-bottom:10px;"> {catrow.tablehead.L_FORUM} </td>
  </td></tr>
<!-- END tablehead -->

Puis pour l’image de titre ils l’a mettaient directement dans le titre de la catégorie. Ou ils installaient un code (Url Catégorie / Url Image Catégorie)

Est-ce que ça ne fonctionnerai pas mieux?!

En tout cas merci pour la dimension du forum Wink

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Ven 15 Juil 2011 - 20:51

^^ essayez déjà

vous pouvez faire des tests sans me demander Siffleur c'est vous l'admin de ce forum Sourire2

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: Personnalisation de Categorie

Message par *angiesworld* le Ven 15 Juil 2011 - 20:56

J’avais déjà tentée mais il me manquait le CSS..
Ceci dit si on arrive pas à avancer, ce que je n’oserais espérer, j’pourrais toujours réessayer.. ^_^

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 1:39

Voici où j'en suis au niveau du template.

Code:
 <center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
    <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="imghaut" width="759" border="0" cellspacing="1" cellpadding="0">
              <tr>
                  <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" valign="bottom"> {catrow.tablehead.L_FORUM} </th>
              </tr>
        </table><table class="forumline" 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 -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="759">
            <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">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
          <!-- BEGIN forum_link_no -->
                                      <td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
                            <span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
                    <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
                          </td>
          <!-- END forum_link_no -->
          <!-- BEGIN forum_link -->
          <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
          <!-- 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><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
              <!-- END catrow -->
Y'a-t-il un mieux pour vous ? 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: Personnalisation de Categorie

Message par *angiesworld* le Sam 16 Juil 2011 - 2:03

Pour ma part j’ai changée l’index_box et ai enlevée les CSS donné.. Avec regret îl est vrai.

Ça à peu prêt marché..
Etant donné que « Derniers Messages » n’apparaît pas et que je peux mettre mon image de titre directement à la place du titre en lui-même..
Mais le HIC c’est que déjà il me manque une fiche CSS. Mais qu’en plus l’image du haut se répète..
Fin après ce ne sont que des détails.

Mais si j’peux trouver mieux j’y suis toute ouï. =D

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 2:05

si vous avez mis la bonne css, l'image du haut ne devrait pas se répéter --'

Ceci :

Code:
.secondarytitle{
background-image: url('http://img813.imageshack.us/img813/9080/627694categ7.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 475px;
}

.dersuj{
background-color: transparent;
background-image:none;
width: 150px;}

.imghaut {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}

.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-color: transparent;
height: 121px;
width: 759px;
}

est-il bien installé dans votre css.

en sachant que le code background-repeat: no-repeat; évite la répétition.

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: Personnalisation de Categorie

Message par *angiesworld* le Sam 16 Juil 2011 - 2:14

C’est ce que je disais justement..
J’ai modifié le template. Ce n’es plus le code que vous m’aviez donné.. Embarassed
Du coup je n’ai pas le CSS qui convient au code que j’ai postée.

Voilà ce que j’ai changé dans mon Index_Box
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<table class="forumline" width="759px" border="0" cellspacing="0" cellpadding="0">
  <br><tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center" style="background-image:url('http://img232.imageshack.us/img232/3029/110514085258800895.png');padding-bottom:10px;"> {catrow.tablehead.L_FORUM} </td>
  </td></tr>
<!-- END tablehead -->

Code:
<!-- BEGIN tablefoot -->

<tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center"><img src="http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png"><br><br></td></tr>

</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
Puis dans chaque titre de catégorie j’ai mit un autre code pour poster l’image de la catégorie :
Code:
<a href="http://becrazy.forumactif.org/c6-archives" ><img src="http://img813.imageshack.us/img813/9080/627694categ7.png" border="0"></a>

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 2:18

reprenez les codes css que je vous ai fourni au dessus ^^ et insérez les dans votre style

soit : (remplacez juste le premier code que vous venez de me donner)

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<table class="forumline" width="759px" border="0" cellspacing="0" cellpadding="0">
  <br><tr><td colspan="3" nowrap="nowrap" width="759px" class="secondarytitle" align="center" style="background-image:url('http://img232.imageshack.us/img232/3029/110514085258800895.png');padding-bottom:10px;background-repeat: no-repeat;height: 121px;width: 475px;"> {catrow.tablehead.L_FORUM} </td>
  </td></tr>
<!-- END tablehead -->

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: Personnalisation de Categorie

Message par *angiesworld* le Sam 16 Juil 2011 - 2:32

J’ai remplacé le code désiré..
Mais je craint qu’il n’y ai des interférences si j’puis dire.
Etant donné que les liens ont déjà été intégré à la P.A.. Si je rajoute en plus le CSS donné dans lequel figure également les liens.. Je n’en vois pas vraiment l’utilité.. Ca risque de poser problèmes non?!

Ceci etant dit j’ai essayée avec et sans le CSS et ça ne change rien de toute façon..

Mais le code donné semble fonctionné.. Il n’y à déjà plus de répétition. ^_^

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 2:35

^^ il n'y a pas de risques d'interférences tant que le code n'est pas appellé par une class dans le template. Du coup, vous pouvez meme l'enlever de votre css sans problème.

Par contre, il faudrait pouvoir centrer tout cela non ?

XD rendez-moi encore le tout que j'opère encore votre template, + css, et ajoutez moi la largeur que vous avez mis pour votre forum Siffleur

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: Personnalisation de Categorie

Message par *angiesworld* le Sam 16 Juil 2011 - 2:52

Et bien justement j’ai remarqué le dans le template il y avait la class « secondarytitle » d’utilisée.. Et que cette même class figurait justement dans le CSS en question..

Du coup je ne sais plus ce que je suis censé modifier, laisser ou encore supprimer.
Un peu paumée le boulet! xD

En effet centré cela pourrait s’avérer idéal..

Par contre là est le problème. Je ne sais pas à quelle largeur faire mes catégories ne sachant pas quelle est la taille de mon forum actuellement..
Il y est dit juste « 20% ». Confused

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 2:56

essayez déjà en mettant la largeur de l'image soit 759

il faut savoir que e connais pas moins de 4 façons d'intégrer ces images. La première que je vous ai donné étant la meilleure, car par la suite, on peut changer par la css les images sans avoir à re modifier le template.

Sourire2 Bon j'ai toutes les données, je vous redirai la meilleure pour demain soir.

Bonne nuit victoire

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: Personnalisation de Categorie

Message par *angiesworld* le Sam 16 Juil 2011 - 3:53

L’idéal aurait en effet été de modifier directement via le CSS et de laisser le template à chaque changement de design fait.
Mais le problème c’est que visiblement il y a des choses dans le nouveau codage que j’avais intégré.. Qui « améliorait » l‘effet donné..
Deja le « Dernier Messages«  avait disparu.. Puis la photo était vu plus nettement..
(Quel code exactement donné cet effet ça je ne saurais le dire.. C‘est là qu‘est le problème)

Donc je pense qu’un mixte entre les deux serait peut être.. Parfait!
Allez savoir..
En tout cas merci à toi de m’aider comme ça. Razz

Bonne Nuit & Prend soin de toi!
Amicalement.

PS: Pour ce qui est de la largeur on pourra modifier ça après.. Mais j’pense que ça se rapproche plus des 900 que des 759.

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Sam 16 Juil 2011 - 21:54

^^ je pense avoir trouvé, et maintenant tout passe par la css :

voici votre template :

Code:
    <center><img src="http://img822.imageshack.us/img822/7874/sanstitre2lad.png"></center><br>
    <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="0" cellpadding="0" style="border : 0px solid transparent;">
      <tr>
          <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle" valign="bottom"> {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="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
          <!-- BEGIN forum_link_no -->
                                      <td class="row3 over" align="center" valign="middle" height="50"><div class="messuj">
                            <span class="gensmall">{catrow.forumrow.TOPICS} Sujets || {catrow.forumrow.POSTS} Messages</span></div>
                    <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
                          </td>
          <!-- END forum_link_no -->
          <!-- BEGIN forum_link -->
          <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
          <!-- 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 --><tr><td colspan="3"><div class="imgbas"> </div></td></tr>
    </table><img src="{SPACER}" alt="" height="10" width="1" /><!-- END tablefoot -->
      <!-- END catrow -->

et votre css :

Code:
    body {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
    }

    .forumline{
    border: 4px #FFFDD1 solid;
    }

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

    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important;
    }

    .contenu {
      background-image: url('http://img52.imageshack.us/img52/4278/fondtitreo.jpg');
              font-family: Trebuchet MS;
              font-size: 11px;
              text-align: justify;
        color : #B57D55;
              margin-left: 5px;
              margin-right: 5px;
              padding: 15px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:0px
    }

    .categorylink
    {border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #FFFBAB;
    margin-left: 17px;
    margin-right: 5px;
    }

    .categorylink a
    {color: #B57D55;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    }

    .categorylink a:hover
    {color: #F5A967;}

    .onglet
    {background-color: #FFFBAB;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: -1px;}

    .lineal {text-align: left;
    border-bottom: 2px solid #FFFBAB;
    padding: 0px 10px 3px 0px;
    margin-left: 17px;
    margin-right: 5px;
    height : 10pt
    }


    .profilentour {
    text-align:left;
    padding:9px;
    background-color: #E4FAA8;
    -moz-border-radius:0px;
    }

    .postdetails.poster-profile a img {200
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border: 4px solid #FFFBAB;
    }

    .menu_PA {
    margin-bottom: 3%;
    background-color: #transparent;
      text-shadow: #635f5e 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #FFFBAB;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }

    .menu_PA:hover {
    background-color: #transparent;
      text-shadow: #FFFBAB 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #F5A967;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }


    a.menuu {
    background-color: #transparent;
      text-shadow: #635f5e 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #FFFBAB;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    margin-left:-4px;
    padding:3px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }

    a.menuu:hover {
    background-color: #transparent;
      text-shadow: #FFFBAB 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #F5A967;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }


    .box {
    background-color: #F5DCC9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 0 10px 5px 10px;
    min-height: 55px;
    color: #B57D55;
    font-family: georgia;
    }


    .partners_PA img {
    border: 2px #FFFBAB solid;
    margin: 5px;
    padding: 2px;
    opacity: 0.7; filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    }

    .partners_PA img:hover {
    opacity: 1; filter:alpha(opacity=100);
    -moz-opacity: 1;
    }


    a.infobulle{
        position:relative;
        z-index:24;
        color:#E4FAA8 ;
        text-decoration:none;
        opacity: 0.7; filter:alpha(opacity=70);
        -moz-opacity: 0.7;
    }

    a.infobulle:hover {z-index:25; opacity: 1; filter:alpha(opacity=100);
    -moz-opacity: 1; }

    a.infobulle span {position: absolute; visibility:hidden;}

    a.infobulle:hover span{
    visibility: visible;
    top:-3px;
    left:10px;
    width:12em;
    border: 2px #FFFBAB solid;
    background-color:#F5DCC9;
    text-align: center;
    padding:5px;
    color : #B57D55;
    }

    .statistiques{
    border:0px;
    background-image: url("http://nsm03.casimages.com/img/2010/04/29/100429020703664145926952.png");
    background-repeat: no-repeat;
    background-position: center;
    height:270px;
    text-shadow: #e1dddc 0px 1px 0px;}

    .groupes{
    background-color:#F5EE67;
    border: 1px #F5A967 dotted;
    -moz-border-radius : 7px 7px 7px 7px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:15px;
    font-weight: bold;
    text-align: justify;
    text-decoration: none !important;}

    .yosh td { background-color: transparent; }


    a.forumlink {
    background-color: #transparent;
      text-shadow: #635f5e 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #FFFBAB;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }

    a.forumlink:hover{
    background-color: #transparent;
      text-shadow: #FFFBAB 1px 1px 1px;
      background-image: url('http://i42.tinypic.com/1roygg.jpg');
    color: #F5A967;
    display: block;
    font-family: GEORGIA;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    -moz-border-radius:5px;
    -moz-box-shadow: 0px 2px 2px #a49896;
    }

    .maintitle, .maintitle h1, th, .nav {text-transform: uppercase;}


    .nomdecategorie
    {
    padding-bottom:0px;
          padding-top:5px;
          padding-bottom:5px;
          background-image: url('http://img710.imageshack.us/img710/7749/9k2frdjpg.png');
          letter-spacing: 4px;
          font-family: Georgia;
          margin-left:90px;
          margin-right:90px;
          margin-top:-10px;
          margin-bottom:-10px;
          -moz-border-radius-bottomleft:0px;
          -moz-border-radius-topleft:60px;
          -moz-border-radius-bottomright:0px;
          -moz-border-radius-topright:60px;}

    .messuj {
    border: 1px solid #a49896;
    background-color: #E4FAA8;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    padding : 5px;
    width: 150px;}

    .arrondi {
    border: 1px solid #a49896;
    background-color: #FFFBAB;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    padding : 5px;
    width: 150px;}

    .dersuj{
    background-color: transparent;
    background-image:none;
    width: 150px;}

    .secondarytitle {
    background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 121px;
    width: 759px;
    }

    .imgbas {
    background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
    background-repeat: no-repeat;
    background-color: transparent;
    height: 121px;
    width: 759px;
    }

Amicalement.

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: Personnalisation de Categorie

Message par *angiesworld* le Dim 17 Juil 2011 - 2:17

Hihaaaaaaaaa.. victoire

(Petit crie d’hystérie veuillez m’excuser de cette absence momentanée.. xD)

Donc comme vous l’avez constater.. Me voilà ravie.
Ravie de pouvoir voir qu’il semblerait que le code ai enfin fonctionné..
Tout semble opérationnel et normale.. Si ça n’est quelques réglages à faire de redimensionnement et centrage des images..

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

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

Bizarre voici ce que j'ai : http://famille.pro-forums.fr/

j'ai réglé la largeur du forum sur 759

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: Personnalisation de Categorie

Message par *angiesworld* le Dim 17 Juil 2011 - 2:34

Ah bah déjà la largeur du forum a été réglé.
Tandis que moi pas..
Sachant que j’veux justement garder la largeur que j’ai et faire une image de catégorie en fonction de celle-ci.
Malheureusement ne sachant pas comment mesurer la taille de la catégorie vu qu’elle ne s’affiche que sous forme de pourcentage.. C’est pas évident!

Les images ne sont pas centrées par contre..Excepter celle du titre de la catégorie.
Après je sais pas si ça fera mieux pour autant quoi =/

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

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

centrer l'image est pas difficile ^^

.secondarytitle {
background-image: url('http://img232.imageshack.us/img232/3029/110514085258800895.png');
background-repeat: no-repeat;
background-position : bottom center;
background-color: transparent;
height: 121px;
width: 759px;
}

.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-position : bottom center;
background-color: transparent;
height: 121px;
width: 759px;
}

pour mesurer, un scan écran puis un entourage vous donne la largeur facilement sur un logiciel de traitement d'images. pour vous la longueur de vos catégories font 992, si j'ai bien mesurer ^^

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: Personnalisation de Categorie

Message par *angiesworld* le Dim 17 Juil 2011 - 2:49

Ca c’est les trucs de débutant que même après deux ans j’ai toujours pas retenu.. -_- "
AieAieAie.
Donc pour le centrage c’est bon c’est fait.. Si ça n’est que ça n’a pas fonctionné sur l’image du bas, malheureusement il est vrai. =/

Puis pour la mesure faudrait que j’essai.. En enlevant les images. Histoire d’être sur de la taille qu’elles font.
J’vais voir ça de ce pas!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

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

Déjà je me suis plantée Embarassed c'est

.imgbas {
background-image: url('http://img14.imageshack.us/img14/9540/701046hjnbgvfdccopie.png');
background-repeat: no-repeat;
background-position : top center;
background-color: transparent;
height: 121px;
width: 759px;
}

ensuite dans le template repérez :

Code:
<!-- BEGIN tablefoot --><tr><td colspan="3"><div class="imgbas"> </div></td></tr>

et changez le en :

<!-- BEGIN tablefoot --><tr><td colspan="3" class="imgbas"> & nbsp;</td></tr>

en enlevant l'espace entre & et n.

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: Personnalisation de Categorie

Message par *angiesworld* le Dim 17 Juil 2011 - 3:53

Désolé d’avoir désertée comme ça j’ai eu quelques soucis avec ma Free
(Vive la technologie oui. -_-")

Donc pour le CSS je modifierai après..
Le souci là c’est que j’arrive pas à mesurer mes catégories.
Donc j’aurais peut être besoin d’aide si possible. J’ai supprimé le CSS comme ça on a aucune image qui pourrait le modifier ou le déformer. On peut prendre la taille en tout tranquillité.

Par contre pour le template.
Ça « & nbsp; » c’est pas censé etre un « code » a enlevé en temps normale?!
On m’a toujours dit, quand j’avais ça.. Que ça n’avait rien à faire dans un codage.
Il sert à quoi ce code la au juste?!

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Dim 17 Juil 2011 - 4:09

en faite ce code représente un espace en langage informatique, quant à l'enlever ?!!! il peut être utile parfois. en particulier pour afficher un blanc dans un endroit où on ne veut aucun texte et où les espaces ne seraient pas pris en compte seuls... DOnc parfois utiles et importants.

Mon outil de mesure intégré à Firefox continue de me dire 992 pour la largeur de vos catégories ^^

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: Personnalisation de Categorie

Message par *angiesworld* le Dim 17 Juil 2011 - 4:44

Merci pour cette précision ^_^
Dans ce cas la prochaine fois qu’on me dira de l’enlever j’en ferais qu’à ma tête et le garderai..
Par contre la il sert à quoi dans ce code là? Juste que je sache.. Par curiosité..

Bon bah dans ce cas merci à toi.. J’ferais une catégorie de cette taille la et on verra ce que ça donnera..

Concernant les codages c’est bon j’ai tout modifiée. Et apparemment tout à l’air de correctement fonctionner..
Par contre avant d’en finir.. J’voulais savoir comment mettre soit sur la gauche, soit sur la droit ou au centre.. Le titre de la catégorie.

Est-ce que je dois rajouter comme tout les autre ceci :
Code:
.dersuj{
background-color: transparent;
background-position : bottom left;
background-image:none;
width: 150px;}

*angiesworld*
*****

Féminin
Messages : 758
Inscrit(e) le : 16/11/2009

http://becrazy.forumactif.org/
*angiesworld* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation de Categorie

Message par SoraNoHime le Dim 17 Juil 2011 - 4:55

puisque nous avons enlever la colonne dernier sujet, vous pouvez enlever ce code.

pour le titre de la catégorie j'ai ajouté un code pour le mettre en bas dans le template, il faudra peut etre l'enlever selon la précision de l'endroit que vous désirez obtenir. Il me faut connaitre votre hiérarchie pour vous donner le code.

Et pour l'espace en langage informatique, il sert justement ici à dire à la cellule du tableau où se trouve votre image du bas qu'elle n'est pas vide, et donc doit s'afficher, ce que nous n'aurions pas avec un simple espace. ^^

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.

Page 1 sur 2 1, 2  Suivant

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