problème titre catégorie

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

Résolu problème titre catégorie

Message par Nelliel le Ven 26 Déc 2014 - 11:30

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

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

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par [Nihil] le Ven 26 Déc 2014 - 12:18

Hello Smile

Effectivement il faut s'inspirer du sujet Astuce 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://illiweb.com/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 Smile

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par Nelliel le Sam 27 Déc 2014 - 18:46

Bonsoir,

merci de ton aide Smile 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:

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par [Nihil] le Sam 27 Déc 2014 - 19:25

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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par Nelliel le Sam 27 Déc 2014 - 20:04

En effet même sans le code les images n’apparaissent pas scratch

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par [Nihil] le Dim 28 Déc 2014 - 21:05

Alors dans ton template à cet endroit là :
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 Smile ?

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par Nelliel le Dim 28 Déc 2014 - 21:11

Non du tout :/ L'image ne s'affiche toujours pas sur l'index =(

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par [Nihil] le Dim 28 Déc 2014 - 21:21

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 Sad

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par Nelliel le Dim 28 Déc 2014 - 21:25

Oh, c'est parce que je l'ai fait sur le forum test du forum Surprised histoire de pas faire un peu peur aux membres x)

C'est pour la première catégorie que je l'ai fais :3

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par [Nihil] le Dim 28 Déc 2014 - 21:29

Merci pour le lien Smile

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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème titre catégorie

Message par Nelliel le Dim 28 Déc 2014 - 21:38

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 I love you

Nelliel
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 05/12/2014

http://www.yesyou-can.com/
Nelliel 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