Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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

Scratpub
***

Féminin
Messages : 107
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 le 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.
avatar

Neptunia
Membre actif

Féminin
Messages : 13908
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 le 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.
avatar

Scratpub
***

Féminin
Messages : 107
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 le 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%;
}
avatar

Neptunia
Membre actif

Féminin
Messages : 13908
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 le 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
avatar

Scratpub
***

Féminin
Messages : 107
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 le Ven 6 Juil 2018 - 9:18

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

Chacha
Modéractif
Modéractif

Masculin
Messages : 57989
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 le Ven 6 Juil 2018 - 10:39

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

Scratpub
***

Féminin
Messages : 107
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 le Dim 8 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.
avatar

Scratpub
***

Féminin
Messages : 107
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 le Lun 9 Juil 2018 - 23:32

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

Code:
 top: -30px;
? Confused
avatar

Scratpub
***

Féminin
Messages : 107
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 Milouze14 le 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++
avatar

Milouze14
Membre actif

Masculin
Messages : 5244
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 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 le 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
avatar

Scratpub
***

Féminin
Messages : 107
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 le 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.
avatar

Scratpub
***

Féminin
Messages : 107
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 Milouze14 le 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++

avatar

Milouze14
Membre actif

Masculin
Messages : 5244
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 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 le 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 ?
avatar

Scratpub
***

Féminin
Messages : 107
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 Milouze14 le 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++
avatar

Milouze14
Membre actif

Masculin
Messages : 5244
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 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 le 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
avatar

Scratpub
***

Féminin
Messages : 107
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 Milouze14 le 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
avatar

Milouze14
Membre actif

Masculin
Messages : 5244
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 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 le 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
avatar

Scratpub
***

Féminin
Messages : 107
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 le Sam 14 Juil 2018 - 17:44

Bonjour une petite aide serais la bienvenue...
avatar

Scratpub
***

Féminin
Messages : 107
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 le Mar 17 Juil 2018 - 22:11

Bonsoir,

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

Scratpub
***

Féminin
Messages : 107
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 le 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
avatar

Scratpub
***

Féminin
Messages : 107
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