Images des forums sous les titres ?

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

Résolu Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 0:36

Hello tout le monde :)Alors voilà, je me suis mis en tête de modifier quelques peu le design de mon forum : c'est pourquoi j'ai eu l'idée de mettre les images des descriptions sous leur titre... ça paraît assez abstrait dit comme ça, mais voilà le résultat que je veux :


Néanmoins, après plusieurs tests, notamment des <div style>, je n'ai pas réussi à obtenir la même que ci-dessus :


Les problèmes notables sont les quelques px sur les côtés qui forment deux petit espaces, et surtout que je n'arrive pas à faire passer l'image sous les titres sans pour autant tout déformer... si une âme charitable décide de m'aider voilà l'image pour faire des tests :


Merci d'avance !  Smile


Dernière édition par Pokemon-Space le Mar 25 Fév 2014 - 15:41, édité 1 fois

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Neptunia le Mar 25 Fév 2014 - 1:27

Coucou ^^

Vais essayer d'expliquer brièvement comment ça fonctionne.
Déjà l'index des catégories (ou les listes de sujets) n'est rien d'autre qu'un tableau avec des lignes et des colonnes

Sur ta catégorie Graphisme, entre ta colonne où ya l'icone "Pas de nouveau message" et ta colonne "Sujets" tu n'a pas une case, mais en fait 3. Et même 4.
1/ L'entête ou tu as en texte le nom de la section en bleu
2/ La partie haute avec le lien de ta catégorie (réactif au survol)
3/ La description de catégorie
4/ La liste des sous-fofos

Ton image tu la mets dans la description de ta catégorie et du coup elle ne couvrira que la 3e partie de ta grosse case.

Si tu place l'intégralité de ta description à l'intérieur d'un div et que tu lui attribues une couleur de fond, tu saisira mieux quel emplacement maximal ton image occupera.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 10:45

Merci pour la clarification, mais du coup en passant par le div, c'est réalisable ? Et si oui, comment faire ?

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Neptunia le Mar 25 Fév 2014 - 12:03

Par la div de description de ta catégorie bah tu ne pourra pas dire a ton image de sortir de cette div.

Donc le seul moyen est de passer par les templates et de déplacer la variable affichant le lien de ta catégorie.
Tous les forums que je connais et qui arrivent a mettre une image utilisant l'intégralité de la place apparente procédent de la sorte.

En fait dans le template tu as ces 3 variables
Une pour le nom et le lien de ta catégorie.
Une qui correspond a ta description de catégorie.
Une qui correspond à la liste des sous fofos.
Chaque variable a sa place et donc si tu les place dans une meme "case", à l'execution chacun des 3 éléments prendra sa place sans aller prendre la place des autres.
Seul moyen que je connaisse est de sortir au moins une des variables pour la mettre ailleurs.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 13:10

Jusque là je vois ce que vous voulez dire, mais pourrais-je avoir le template concerné et éventuellement les lignes des variables ? Merci d'avance Smile

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Neptunia le Mar 25 Fév 2014 - 13:24

Alors le template c'est index_box et tout spécialement la partie suivante

Code:
<!-- BEGIN forumrow -->
...
...
<!-- END forumrow -->

Pour le nom et lien de catégorie
Code:
<span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>

La description de la catégorie
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

Et la liste des sous-fofos
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

Il y a également dans cette zone la liste des modérateurs lorsqu'elle est activée.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 13:48

Merci beaucoup Very Happy J'aurai cependant une dernière question, avec cette méthode, en passant par le div j'attribuerai un seul background à toutes les sections : est-il possible que j'en attribue un pour chaque section (mon forum en compte 11 : donc 11 backgrounds différents ?)

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Neptunia le Mar 25 Fév 2014 - 14:10

Cette partie du template
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
est située dans une boucle.

Elle est donc exécutée autant de fois qu'il y a de catégories à afficher et pour chaque catégorie elle remplacera la variable {catrow.forumrow.FORUM_DESC} par le contenu de la case Description de la catégorie sur ton panneau admin.

Donc si tu passes par la description des catégories et fofo, ça sera une image par section. Si tu mets l'image en dur dans le template, ça sera la même pour toutes tes catégories vu qu'il n'y a qu'une seule boucle.

Si tu veux faire un test pour comprendre, remplace
Code:
{catrow.forumrow.FORUM_DESC}
par
Code:
AAA{catrow.forumrow.FORUM_DESC}BBB
et regarde ce qu'il se passe.

A faire sur un fofo test ou à vite enlever si c'est ton fofo principal. C'est juste pour que tu comprennes le fonctionnement de la boucle et de la variable.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 15:00

Je suis vraiment désolé Confused , je comprend ce que vous voulez dire en parlant de boucle, mais je ne vois pas comment mettre plusieurs images différentes... ?

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Neptunia le Mar 25 Fév 2014 - 15:14

Le seul moyen de mettre une image a chaque catégorie est de passer par la case Description de catégorie comme tu le fais actuellement.

Sinon il me vient une idée.
Si tu avais des images dont le haut est toujours le même tu pourrais créer l'illusion que tu n'a qu'une image et que le lien de la catégorie est ajouté par dessus. Mais il faudrait que le haut de chaque image soit identique.
Dans ce cas on mettrait le haut d'image en tant qu'image de fond, dans la cellule ou se trouve ton lien de catégorie avec un fond blanc comme ton exemple, ou transparent à l'endroit ou apparaitra le lien.
Et l'image amputée de sa partie haute irait dans chaque description de catégorie.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images des forums sous les titres ?

Message par Pokemon-Space le Mar 25 Fév 2014 - 15:40

Oui j'y ais pensé, et je crois que je n'ai plus que cette solution Smile Merci beaucoup pour votre aide, vraiment précieuse Very Happy

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space 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