problème titre catégorie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
problème titre catégorie
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : des mois...
Lien du forum : http://www.yesyou-can.com/
Description du problème
Bonjour et joyeuses fêtes :3alors, j'ai cherché pas mal sur le forum avant de poster mais je n'ai rien trouvé à ce qui se rapporte à mon souci, j'ai même tenté avec le codage donné pour les titres des forum sur le forum, mais... Rien ne marche, je vais finir par m'arracher les cheveux. (ça serait bête haha.) Donc le problème, c'est... Les titres des catégories, se mettent sur les liens et la case des messages dans les topics et tout ça... J'ai tout essayé. Je rends les armes j'appel à l'aide. Help me. ;-; Voici le code utilisé :
- Code:
.titre_cat {text-align:center;position:relative;top:-50px;
padding:0px;margin-bottom:-125px;
width:750px;height:80px;}
.titre_cat img {width:465px;height:58px;position:relative;top: 0px;}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.titre_cat img {top: -48px; }
}
h2 {color:#F5D9B3; font-size:26px;font-family: 'Gloria Hallelujah', cursive;
text-shadow:-1px -1px 0px #;}
et dans la partie template :
- Code:
<!-- BEGIN tablehead -->
<center><img src="http://img4.hostingpics.net/pics/947243hautcate.png" /><div class="titre_cat">{catrow.tablehead.L_FORUM}</div></center><br />
<table class="forumline" width="749px" border="0" cellspacing="0" cellpadding="0">
<!-- END tablehead -->
- Code:
<!-- BEGIN tablefoot -->
</table><img src="http://img4.hostingpics.net/pics/623808bascates.png" style="margin-bottom:10px;"><br /><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
Dernière édition par Nelliel le Dim 28 Déc 2014 - 21:40, édité 1 fois
Re: problème titre catégorie
Hello
Effectivement il faut s'inspirer du sujet Placer une image comme titre de forum.
Il faut d'abord que tu mettes tes titres de catégorie sous cette forme là :
Normalement une fois cela fait tu n'auras que des textes pour tes titres de catégorie au niveau de ton affichage (comme si tu n'avais pas mis d'image).
Il ne nous reste plus qu'à faire apparaitre l'image (et disparaitre les textes) sur l'affichage de l'index.
Pour cela on va ajouter ceci dans le CSS :
Dis nous si ça fonctionne
Effectivement il faut s'inspirer du sujet Placer une image comme titre de forum.
Il faut d'abord que tu mettes tes titres de catégorie sous cette forme là :
- Code:
<span>titre textuel du forum</span><img style="display:none" src="http://2img.net/i/fa/i/smiles/icon_smile.gif" />
Normalement une fois cela fait tu n'auras que des textes pour tes titres de catégorie au niveau de ton affichage (comme si tu n'avais pas mis d'image).
Il ne nous reste plus qu'à faire apparaitre l'image (et disparaitre les textes) sur l'affichage de l'index.
Pour cela on va ajouter ceci dans le CSS :
- Code:
.titre_cat h2 img {
display: block;
}
.titre_cat h2 span {
display: none;
}
Dis nous si ça fonctionne
Re: problème titre catégorie
Bonsoir,
merci de ton aide alors en effet ça marche, mais le seul bémol, c'est que du coup, le titre de la catégorie n’apparaît plus sur l'index, même en mettant le code. :/
merci de ton aide alors en effet ça marche, mais le seul bémol, c'est que du coup, le titre de la catégorie n’apparaît plus sur l'index, même en mettant le code. :/
- Spoiler:
Re: problème titre catégorie
Hum, je me trompe peut-être mais il me semble que même sans ce code, les images n'apparaissaient pas sur l'index. Pourrais tu me le confirmer s'il te plait ? (pour être sûr de savoir où modifier )
Re: problème titre catégorie
En effet même sans le code les images n’apparaissent pas
Re: problème titre catégorie
Alors dans ton template à cet endroit là :
Il faut retirer la balise <br />
Ensuite dans ton CSS, on va remplacer :
En mettant ceci à la place :
Est ce que c'est mieux comme ça ?
- Code:
<!-- BEGIN tablehead -->
<center><img src="http://img4.hostingpics.net/pics/947243hautcate.png" /><div class="titre_cat">{catrow.tablehead.L_FORUM}</div></center><br />
<table class="forumline" width="749px" border="0" cellspacing="0" cellpadding="0">
<!-- END tablehead -->
Il faut retirer la balise <br />
Ensuite dans ton CSS, on va remplacer :
- Code:
.titre_cat {text-align:center;position:relative;top:-50px;
padding:0px;margin-bottom:-125px;
width:750px;height:80px;}
.titre_cat img {width:465px;height:58px;position:relative;top: 0px;}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.titre_cat img {top: -48px; }
}
En mettant ceci à la place :
- Code:
.titre_cat h2 {
left: 0;
margin: 0;
position: absolute;
right: 0;
top: -45px;
z-index: 5;
}
.titre_cat {
position: relative;
}
Est ce que c'est mieux comme ça ?
Re: problème titre catégorie
Non du tout :/ L'image ne s'affiche toujours pas sur l'index =(
Re: problème titre catégorie
Hum, je ne sais pas si c'est normal mais dans ton forum http://www.yesyou-can.com/ je ne vois ni le changement de CSS ni de template
Re: problème titre catégorie
Oh, c'est parce que je l'ai fait sur le forum test du forum histoire de pas faire un peu peur aux membres x)
C'est pour la première catégorie que je l'ai fais :3
C'est pour la première catégorie que je l'ai fais :3
Re: problème titre catégorie
Merci pour le lien
L'erreur vient de moi désolée xD, il faut remplacer :
Par
Et enfin tu peux changer le placement en hauteur de l'image en modifiant la valeur de top: -45px; pour .titre_cat h2
L'erreur vient de moi désolée xD, il faut remplacer :
- Code:
.titre_cat h2 img {
display: block;
}
Par
- Code:
.titre_cat h2 img {
display: block!important;
}
Et enfin tu peux changer le placement en hauteur de l'image en modifiant la valeur de top: -45px; pour .titre_cat h2
Re: problème titre catégorie
Oh ne soit pas désolée, c'est déjà super gentil de m'aider ** Et ça marche ** Je te remercie tout plein tu viens de me sauver la vie
Sujets similaires
» Problème titre de catégorie
» Problème code titre catégorie majuscule
» Problème agencement titre catégorie
» Problème image titre catégorie dans les forums
» [ModernBB] Problème titre catégorie
» Problème code titre catégorie majuscule
» Problème agencement titre catégorie
» Problème image titre catégorie dans les forums
» [ModernBB] Problème titre catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum