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

3 participants

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

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

Message par Scratpub Ven 29 Juin 2018, 17:56

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.


Dernière édition par Scratpub le Mar 17 Juil 2018, 22:40, édité 1 fois
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Neptunia Ven 29 Juin 2018, 18:25

Bonjour ^^


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

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

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Ven 29 Juin 2018, 18:31

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Neptunia Ven 29 Juin 2018, 19:12

Mon code corrigeait le souci.

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

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

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Ven 29 Juin 2018, 19:41

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Chacha Ven 06 Juil 2018, 09:18

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

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

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Ven 06 Juil 2018, 10:39

Bonjour je n'ai pas réussi à changer
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Dim 08 Juil 2018, 14:44

Bonjour un petit up pour remonté le sujet.

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Lun 09 Juil 2018, 23:32

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

Code:
 top: -30px;
? Confused
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Invité Mar 10 Juil 2018, 18:17

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

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mar 10 Juil 2018, 20:58

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mer 11 Juil 2018, 14:20

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Invité Mer 11 Juil 2018, 15:40

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

a++

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mer 11 Juil 2018, 16:55

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Invité Mer 11 Juil 2018, 17:01

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

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mer 11 Juil 2018, 17:30

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Invité Mer 11 Juil 2018, 19:04

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

Hélène Clin d\'oeil , je ne savais pas que tu  avais repris le forum de Quierra !!


a++


Dernière édition par Milouze14 le Mer 11 Juil 2018, 19:38, édité 2 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mer 11 Juil 2018, 19:36

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

Hélène Clin d\'oeil , 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. Wink
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Sam 14 Juil 2018, 17:44

Bonjour une petite aide serais la bienvenue...
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mar 17 Juil 2018, 22:11

Bonsoir,

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

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

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

Résolu Re: Comment séparer le titre de ma catégorie ?

Message par Scratpub Mar 17 Juil 2018, 22:40

Bonsoir, finalement j'ai trouvé moi même l'erreur !
C'était à cause du :
Code:
 margin-left: 20px;
Very Happy
Scratpub

Scratpub
****

Féminin
Messages : 229
Inscrit(e) le : 10/07/2016

http://scratpub.forumactif.org/
Scratpub 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