Comment séparer le titre de ma catégorie ?

[Scratpub]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous.
Voilà je viens ici car j'aimerais savoir comment séparer le titre de ma catégorie ? A présent je n'aime pas le style car c'est trop serré pour moi. Merci à vous à voir dans la capture d'écran.

[Neptunia]

Bonjour ^^


Le forum qui a fourni le codage assure aussi le service après-vente

Dans le template index_box, remplacer :

Code:

<!-- FIN DERNIERS MESSAGES -->
    </tr>
  <!-- END forumrow -->

par :

Code:

<!-- FIN DERNIERS MESSAGES -->
    </tr><br />
  <!-- END forumrow -->

Dans la feuille de style CSS, remplacer :

Code:

span .forumlink{
 position: relative;
 top: -10px;
 left: 40px;
 display: bock;
 width: 90%;
}

par :

Code:

span .forumlink{
 position: relative;
 top: -30px;
 left: 40px;
 display: bock;
 width: 90%;
}

Le -30px étant évidemment modulable à souhait.

[Scratpub]

Bonjour Neptunia,
merci pour ta réponse rapide.
Quel est le hic pour modifier la hauteur? Dans ton code.? Car du coup sa ma centrer en même temps.

[Neptunia]

Mon code corrigeait le souci.

Si ça ne colle plus ça vient des modifications supplémentaires que tu as faites de ton côté

Au passage je ne vois toujours pas ta modification de template (ne pas oublier de le publier)

Ta feuille css comporte maintenant :

Code:

a.forumlink:link, a.forumlink:visited {
    -moz-border-radius: 10px;
    border-bottom: 5px double #000000;
    color: #000;
    display: block;
    font-family: Georgia;
    font-size: 100%;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

Il faut supprimer le display: block

---

Autre erreur à corriger, et elle ne vient pas de toi mais du tuto.

Dans le bloc de css :

span .forumlink{
position: relative;
top: -10px;
left: 40px;
display: bock;
width: 90%;
}

Il faut lire display: block (c'est pas l'heure de se siroter une bière)

Le tuto a été corrigé en ce sens.

---

Edité :

Même erreur ici :

.tfa_suj_mess .gensmall{
 font: 12px Verdana;
 color: #0094A8;
 position: relative;
 top: -10px;
 right: 15px;
 display: bock;
 width: 90%;
}

[Scratpub]

Oops cela ne change rien. Voici mon css :
Si cela peut aider.

Code:

/* ------------------ CATÉGORIES -------------------- */

/* TABLE CATÉGORIES */
.forumline.tfa{
 background: #ffffff;
 border: 1px solid #00000;
 border-left: 5px solid #00000;
 border-right: 5px solid #00000;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 margin-bottom: 10px;
}
/* TITRE CATÉGORIE  */
.secondarytitle, .secondarytitle h2 {
 font: 17px Arial;
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
 -moz-transition: all 1s ease; /* pour navigateur mozilla */
 -o-transition: all 1s ease; /* pour navigateur opera */
 transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE CATÉGORIE AU SURVOL  */
.secondarytitle:hover, .secondarytitle h2:hover {
 font-size: 20px;
 color: #CC0000;
}
/* TITRE FORUM */
.forum_titre{
 float: left;
 width: 70%;
 margin: 0;
 padding: 0;
}
span .forumlink{
position: relative;
top: -10px;
left: 40px;
display: bock;
width: 90%;
}
.forumlink {
 font: 12px Verdana;
 color: #D1A781;
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
 -moz-transition: all 1s ease; /* pour navigateur mozilla */
 -o-transition: all 1s ease; /* pour navigateur opera */
 transition: all 1s ease; /* pour les navigateurs récents */
}
/* TITRE FORUM AU SURVOL */
.forumlink:hover{
 font-size: 12px;
 margin-left: 20px;
 color: #CC0000;
}
.forum_titre{
 background: url('') transparent 14px 0px no-repeat;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease; 
}
.forum_titre:hover{
 background: url('http://i45.servimg.com/u/f45/11/95/30/70/lkj510.png') transparent 100% 0px no-repeat;
}
/* NOMBRE MESSAGES - NOMBRE SUJETS */
.tfa_suj_mess .gensmall{
 font: 12px Verdana;
 color: #0094A8;
 position: relative;
 top: -10px;
 right: 15px;
 display: bock;
 width: 90%;
}
.chiffres{
 font: 12px vERDANA;
 color: #000000;
}
/* DESCRIPTION */
.tfa_description{
 position: relative;
 width: 99%;
 margin: auto;
 background: #43A9E8;
 border: 1px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border-top: none;
}
.descrp{
 width: 98%;
 margin: auto;
 padding: 3px 0;
}
.modo{
 width: 98%;
 margin: auto;
 margin-top: 3px;
}
/* DERNIERS MESSAGES */
.derniers_tfa_messages{
 position: relative;
 width: 94%;
 margin: auto;
 padding: 0; 
 background: #43A9E8;
 border: 1px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border-top: none;
} 
.derniers_tfa_messages .gensmall.tfa{
 width: 96%;
 margin: auto;
 display: block;
 margin: 0 auto 5px;
}
/* ICONES NEW - NO NEW - CLOS */
.icone_tfa_cat{
 position: relative;
 width: 100%;
 text-align: center;
 top: -15px;
}
/* SOUS FORUMS */
.tfa_sous_forum{
 width: 100%;
 text-align: center;
 margin: 7px auto;
}
/* LIENS SOUS-FORUMS */
.tfa_sous_forum a.gensmall{
 diplay: inline-block;
 background: #43A9E8;
 margin: 0 2px;
 padding: 2px;
 font: 12px verdana;
 border: 0px solid #000000;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px; 
 -webkit-transition: all 0.8s ease; /* pour navigateur webkit */
 -moz-transition: all 0.8s ease; /* pour navigateur mozilla */
 -o-transition: all 0.8s ease; /* pour navigateur opera */
 transition: all 0.8s ease; /* pour les navigateurs récents */
} 
/* LIENS SOUS-FORUMS AU SURVOL */
.tfa_sous_forum a.gensmall:hover{
 padding: 8px;
 font: 12px verdana;
 background: #43A9E8;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000; 
 -moz-box-shadow: 3px 1px 2px #000;
 -webkit-box-shadow: 3px 1px 2px #000;
 box-shadow: 3px 1px 2px #000;
 text-decoration: none !important;
 -webkit-transform : rotate(-20deg);/* pour navigateur webkit */
 -moz-transform : rotate(-20deg); /* pour navigateur mozilla */
 -o-transform : rotate(-20deg);/* pour navigateur opera */
 transform: rotate(-20deg);  /* pour les navigateurs récents */ 
}





/* TABLE QEEL */
.Hline{
 background: #ffffff;
 border: 1px solid #000000;
 border-left: 5px solid #000000;
 border-right: 5px solid #000000; 
 -moz-border-radius: 0 15px 0 15px;
 -webkit-border-radius: 0 15px 0 15px;
 border-radius: 0 15px 0 15px;
}
/* CELLULES QEEL */
.Hline .row1{
 background: transparent;
 border: none;
}
/* TITRE QEEL */
.Hhead{
 padding-bottom: 10px;
}
.Hhead .cattitle{
 margin-right:15px;
 font: bold italic 17px Verdana;
 -webkit-transition: all 1s ease; /* pour navigateur webkit */
 -moz-transition: all 1s ease; /* pour navigateur mozilla */
 -o-transition: all 1s ease; /* pour navigateur opera */
 transition: all 1s ease; /* pour les navigateurs récents */ 
}
/* TITRE AU SURVOL */
.Hhead .cattitle:hover{
 font-size: 20px;
 color: #e49b33;
}
/* GROUPES QEEL */
.Hgroupe span{
 margin: 10px;
}
/* LIENS (texte) DES GROUPES */
.Hgroupe a{
 background: #43A9E8;
 border: 1px dotted;
 font: bold italic 15px verdana;
 padding: 5px;
 text-decoration: none;
}
/* LIENS (texte) DES GROUPES AU SURVOL*/
.Hgroupe a:hover{
 outline: none;
 text-decoration: none;
}
/* STATISTIQUES */
#Hstat{
 margin: 10px auto;
}
#Hstat .gensmall.tfa{
 display: inline-block;
 margin: 5px;
}
/* MEMBRES CONNECTES */
#Htotal{
 background: #43A9E8;
 border: 1px dotted #000000; 
 width: 80%;
 margin: auto;
 padding: 5px; 
}

/* SUJETS ACTIFS - TOP POSTEURS - TOP 20 POSTEURS */
#Hbest{
 text-align: center;
 margin: 0 auto 10px 0; 
}
#Hbest .gensmall.tfa{
 display: inline-block;
 background: #43A9E8;
 border: 1px dotted #000000;
 margin: 5px;
 padding: 5px;
}
#Hbest .gensmall.tfa a.gensmall{
 font: bold italic 12px Verdana;
}
/* DERNIERS CONNECTES */
#Hconnect{
 width: 48%;
 float: left;
 padding: 5px; 
 background: #43A9E8;
 border: 1px dotted #000000; 
}
/* ANNIVERSAIRES */
#Hbirsday{
 width: 48%;
 float: right;
 padding: 5px; 
 background: #43A9E8;
 border: 1px dotted #000000; 
} 
/* CONTENU DERNIERS CONNECTES - CONTENU ANNIVERSAIRES */
#Hconnect div, #Hbirsday div{
 width: 97%;
 margin: auto;
 padding: 5px;
 max-height: 50px;
 overflow-y: auto;
}


/**Divers**/

/*--- Retirer le soulignement des pseudos sur vos forums ---*/

a { text-decoration: none; }

/*--- Enlever le soulignement d'absolument tous les liens ---*/

a:hover {
text-decoration: none !important;
}



/*--- Arrondir les angles sur tout le forum ---*/

.forumline,
.row1, .row2, .row3, .row3Right {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

/*--- Curseur de la sourie en forme de croix ---*/

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

/*--- Le QEEL ---*/

.tableauqueel {
background-color : #color;
border:2px solid #996c4a;
-moz-border-radius : 10px 10px 10px 10px
}


.droite{
font-size : 15px ;
border-left : 3px dotted #996c4a;
padding-left : 8px }


.groupes {
background-color:#004094;
border: 1px solid #000000;
height: 9px;
padding-right:5px;
padding-left: 5px;
font: normal 8px georgia;
font-weight: bold;
text-align:center;
text-transform: none;
font-variant: small-caps;
text-shadow: #ffffff 2px 2px 2px;
}


[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Scratpub]

Bonjour je n'ai pas réussi à changer

[Scratpub]

Bonjour un petit up pour remonté le sujet.

J'ai le même soucis avec les nombres de sujets et messages.

[Scratpub]

Bonsoir je n'arrive toujours pas à résoudre mon problème avec ce code :

Code:

 top: -30px;

?

[Invité]

Hello Scratpub,
il suffit de trouver la class et le style donné:

Code:


.tfa_suj_mess .gensmall


trouves :

Code:

top: -10px;

augmentes la valeur 10 par 15 ou selon ton souhait .

a++

[Scratpub]

Bonsoir Milouze14, merci cela fonctionne !
Mais maintenant c'est que sa touche le titre de la catégorie. Il manque un peut d'espace blanc....

[Scratpub]

Bonjour j'ai enfin réussi à résoudre ce problème.
Par contre je ne c'est pas pourquoi cela fait tremblé mes titres de catégories quand je passe le curseur dessus? Cela ne dois pas tremblé normalement.

[Invité]

Hello Scratpub,
c'est dû au float:left ici:

Code:


.forum_titre


Supprimer le

Code:

float:left;

remplaces par:

Code:


position: absolute;
margin-left: 0%;


Puis ici:

Code:

.tfa_suj_mess

supprimes le

Code:

 float:left;

remplaces par:

Code:

float:right;

Il faudra peut être revoir le codage sur la hauteur des titres des catégories .

a++

[Scratpub]

Bonjour Milouze14 voici ce que j'ai mis :

Code:


/* TITRE FORUM */
.forum_titre{
position: absolute;
margin-left: 0%;
 width: 70%;
 margin : 0;
 padding: 0;
}

Code:

.tfa_suj_mess{
 float:right;
 width: 30%;
 margin: 0;
 padding: 0;
 text-align: right;
}

mais cette fois-ci c'est pire lol.
Ou c'est moi qui fait pas bien ?

[Invité]

Re,
tu as bien fait pour les deux codes .
Il n'y a plus de saccade mon ami , c'était le but non?

a++

[Scratpub]

Coucou non non sa ne fait pas le même effet de transition, le mien il tremble beaucoup quand on passe la sourie dessus.

[Invité]

Re,
je vais laisser Neptunia gérer cela car elle sera plus en mesure de te réponde .

Hélène , je ne savais pas que tu  avais repris le forum de Quierra !!


a++

[Scratpub]

Re,
je vais laisser Neptunia gérer cela car elle sera plus en mesure de te réponde .

Hélène , je ne savais pas que tu  avais repris le forum de Quierra !!


a++

D'accord je vais attendre sa réponse.
Merci déjà pour votre coup de main.

[Scratpub]

Bonjour une petite aide serais la bienvenue...

[Scratpub]

Bonsoir,

quelqu'un peut m'aider? Je suis toujours coincée sur ce problème.
Merci à vous.

[Scratpub]

Bonsoir, finalement j'ai trouvé moi même l'erreur !
C'était à cause du :

Code:

 margin-left: 20px;