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.

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.

Anzu
+ Hyperactif +

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.

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é ?

Anzu
+ Hyperactif +

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

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

Anzu
+ Hyperactif +

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

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

Anzu
+ Hyperactif +

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

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

Anzu
+ Hyperactif +

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 =$


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.

Anzu
+ Hyperactif +

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


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



Anzu
+ Hyperactif +

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

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.

Anzu
+ Hyperactif +

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

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