Modifier colonne fond des titres

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

Résolu Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 19:10

Bonsoir , je voudrais réussir a agrandire la colonne 'fond des titres' comme ceci:

Quelqu'un pourais m aider svp?, cela fait un moment que je cherche comment faire mais je ne trouve pas >.<...
Merci d'avance pour vos réponses.
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 19:25


Bonsoir ^^

Mettez ceci dans votre CSS =>

Code:
.secondarytitle {
font-size: ??px;
   }

A vous mettre la valeur.

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 19:50

je l'ai fait, malheureusement il n'y a pas eu de changement.
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 20:36


C'est possible d'avoir le lien du forum concerné ?
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 20:48

oui. C'est mon forum de test :

http://kpop123.forumactif.com/forum
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 21:00

Code:
.secondarytitle h2 {
    font-size: 18px;
}

Mieux ? Razz
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 21:10

non toujour rien T.T
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 21:15

C'est possible d'avoir votre CSS ?
Pourtant Le code que je vous ai donné fonctionne > <

Et via les couleurs dans le PA vous avez essayé ?
Pour le champ: Taille Police Titres Message & Catégorie

Edit: Ah quand j'y pense, vous avez modifié votre template index box, c'est possible d'avoir le code ? Vous avez peut être mis quelque chose à ce sujet Razz
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 21:30

Voici mon Css ( trés charger) :

Code:

/***APPARENCE FORUM***/

.secondarytitle h2 {
    font-size: 18px;
}



body {
background-position: top center;
background-repeat: no-repeat;
background-image: url(http://img821.imageshack.us/img821/9706/hhjfu.png);
}
 

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #ffffff;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: times new roman;
font-size: 15px;
}

#add-google{ border: 0px dotted #9e9e9e; }

.fond_magique{
    background-image:url('http://img232.imageshack.us/img232/4119/sanstitre21n.png') !important;
}


/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url("http://");
padding:2px 3px;}

.forumline{
background-image:url("http://");
border-bottom: 7px #21000E solid;
border-top: 7px #21000E solid;
border-right: 0px #FFCF67 solid;
border-left: 0px #FFCF67 solid;
}

a.forumlink {
text-decoration: none;
background-color: #;
border-bottom: 0px dashed #ECF0F6;
border-top: 0px dashed #ECF0F6;
-moz-border-radius: 10px ;
border-right: 0px solid #ECF0F6;
-moz-border-radius: 10px ;
border-left: 0px solid #ECF0F6;
display:block;
}



a.forumlink{
-moz-border-radius: 1px 1px 1px 1px;
background-color: #;
border-bottom: 1px dotted #ffffff;
color:f0f9ee;
font-family: sans-serif;
font-size: 12px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
}

a.forumlink:hover {
text-transform:none;
}


.attachbox dt {
text-transform:none;
}



/***P.A***/

.boxtitle {
background-color: #D2E3D1;
color: #DC394C;
border-bottom: 1px dashed #45407A;
font-weight:bold;
text-decoration:none;
font-size: 12px;
margin:0px 5px 0px 0px;
padding: 3px 10px 3px 10px;
display: block;
text-align : center;
}

.box {
background-color: #F1EFE3;
color: #4E87B2;
border: 0px solid #45407A;
font-size:12px;
margin: 0px;
padding: 3px 10px 3px 10px;
width: auto;
}

.att {
background-color: #F1EFE3;
color: #AD1F31;
border: 0px solid #45407A;
font-weight: bold;
font-size:11px;
text-align: center;
margin: 0px;
padding: 0px;
width: auto;
}

.li {
list-style-position: outside;
list-style-type: circle;
}

#subnav A:link, #subnav A:visited, #subnav A:active {
background-color: #F1EFE3;
color: #DC394C;
border-bottom: 1px dashed #4E87B2;
text-transform: lowercase;
text-decoration:none;
font-size: 11px;
display: block;
text-align : center;
padding: 2px;
line-height: 12px;
display: block;
}

#subnav A:hover {
background-color: #F1EFE3;
color: #4E87B2;
border-bottom: 1px dashed #DC394C;
text-transform: lowercase;
}



/***DESCRIPTION FORUM***/

#def {
display: block;
background-color: #;
border: 0px dotted #45407A; 
text-align: center;
font-size: 14px;
color:#45407A;
font-face: Trebuchet MS;
width: 70%;
}

.links a:link, .links a:active, .links a:visited {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #;
border-bottom: 0px dotted #4E87B2;
font-size: 0px;
}

.links a:hover {
text-decoration: none;
text-transform: none;
font-weight: bold;
color: #;
border-bottom: 0px dotted #DC394C;
font-size: 0px;
}




/***LIENS FORUM***/




.gensmall {
font-size : 12px;
text-transform: .gensmall ;
}

a.gensmall {
font-size : 12px;
text-transform: .gensmall ;
}

a.gensmall:hover{
font-size : 12px;
text-transform: capitalize;
}
a.imginfo { /* INFOBULLES */
position: relative;
color: #7d7d7d; /* couleur de votre texte */
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6; /* vos couleurs et taille de bordures */
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}



/***DIVERS***/

blockquote {
width: 600px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
letter-spacing:2px;
font-size: 12px;
text-align: left;
background-image:url('http://illiweb.com/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
}

.fiche {
width: 610px;
border: 1px solid #942772;
font-size: 15px;
color:#E3393A;
font-family: Comic Sans MS;
text-align: left;
}

.titre {
font-family: Tahoma;
font-size: 110%;
text-transform: uppercase;
background-image: URL(" ");
border-bottom: 1px dashed #ffffff;
color: #D18763;
text-align: left;
border-left: 2px solid #B4B6B;
border-right: 2px solid #B4B6B;
}

.stitre {
border-bottom : 1px solid #942772;
font-size: 15px;
color:#E3393A;
text-transform:lowercase;
letter-spacing:2px;
text-align: right;
width: 600px;
}



/***TITRE TOPICS***/

a.topictitle{
font-variant: capitalize;
color: #000000;
font-size: 15px;
font-face: Trebuchet MS;
}


a.topictitle:visited{
font-variant: capitalize;
color : #23758F;
font-size: 15px;
font-face: Trebuchet MS; }

a.topictitle:hover{
font-variant: capitalize;
color : #45407A;
font-size: 12px;
font-face: Trebuchet MS;
}




/***CITER/CODE/SPOILER***/
.quote{
font-family: Times New Roman;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url('http://illiweb.com/fa/empty.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url('');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}

.spoiler_content, .spoiler_content.hidden {
font-family: Times New Roman;
font-size: 12px;
color: #000000;
background-color: #E1D8CE;
background-color: none
border-top : 2px dotted #45407A;
border-bottom: 2px dotted #45407A;
border-left: 1px dotted #45407A;
border-right: 1px dotted #45407A;
text-align: left;
background-image:url(' ');
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: bottom right;
width: 100%;
}








/*----QEEL----*/
.fa td {
background-color: transparent;
border: 0px #F2C799 solid;
-moz-border-radius : 8px 8px 8px 8px;
-webkit-border-radius : 8px 8px 8px 8px;
}


.statistiques{
border:0px;
width:995px;
background-image: url("http://img337.imageshack.us/img337/355/52745179.png");
background-repeat: no-repeat;
background-position: center;
height:300px;}

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






.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

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

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

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

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

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border: 1px solid #121212;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background: none;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 7px;
  color: ;
  background: none;
  border-top: 1px solid #21000E;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }



template index box oui je l'ai déja modifier :



Code:



<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         


         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         



      </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">
               <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>
       <td class="row3 over" align="center" valign="middle" height="50">
        <div style="background-color: #1F181A; padding: 5px;"><span class="gensmall">{catrow.forumrow.POSTS} messages -  {catrow.forumrow.TOPICS} sujets<br /></div><div style="background--image:url('http://img232.imageshack.us/img232/4119/sanstitre21n.png'); padding: 5px;">{catrow.forumrow.LAST_POST}</div></span>
      </td>
      </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 21:34



Observez un peu, vous avez ceci dans votre CSS !! Razz =>
Il y a font-size: 15px, il suffit d'augmenter cette valeur Wink

Code:
.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #ffffff;
font-family: Times New Roman;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #000000;
font-family: times new roman;
font-size: 15px;
}
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 21:58

cela fonctionne mais le texte lui aussi devient trop grand =$

avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 22:03


Non non seule la taille des titres des catégories a changé.
Par contre, 50 px c'est énorme Shocked donc logique que vous ayez l'impression de voir le texte en grand.
16, 18, voire 20 c'est suffisant.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Ven 31 Déc 2010 - 22:13

si je met que 16 ou 18 j'arriverais à mettre un titre de se gore? :



ah mais pour ça je dois retirer les titre en texte et ça je ne sais pas
comment on fait non plus >.<

avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Ven 31 Déc 2010 - 22:30

ah mais pour ça je dois retirer les titre en texte et ça je ne sais pas
comment on fait non plus >.<

Comment ca retirer les titres en texte ?

A la base, vous vouliez augmenter la taille des titres des catégories, chose faite, mais maintenant ?

Piouu je ne vous suis plus du tout Snifff


avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Sam 1 Jan 2011 - 20:58

lol,je suis désolé c'est parceque je viens de remarquer que se sont des image et non du texte sur les exemple que je vous aient donner




http://www.feeltherock.com/forum.htm

donc mintenant je me demande comment ils ont fait pour mettre des image dans les titres
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par Anzu le Sam 1 Jan 2011 - 21:01


C'est très simple en fait ^^

Dans PA > Général > Forum > Catégories et forums > A la place du texte pour votre catégorie, vous mettez l'image, comme ceci:

Code:

<img src="http://i67.servimg.com/u/f67/15/47/69/96/galeri10.png">

Cordialement.
avatar

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier colonne fond des titres

Message par b2uty le Sam 1 Jan 2011 - 21:36

*o* omg sa fonctionne, cetter donc si simple sa fait des mois que je demande et cherche partout comment faire.

Merci énormément, :p je susi trop contante.

Je met donc se sujet résolu ^^
avatar

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty 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