bordure de la description d'un sous forum

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

Résolu bordure de la description d'un sous forum

Message par Batteur-de-OuFS le Dim 3 Fév 2013 - 17:59

Bonjour,

Je cherche à mettre une bordure autour de la description de mes sous-forums.
Le meilleur résultat que j'ai pu obtenir est celui ci :

Spoiler:

Seulement, je rencontre des problèmes :
  • la fameuse bordure n'est pas présente à droite.
  • je n'arrive pas à donner une taille prédéfinie à ma bordure afin de faire un cadre. C'est à dire, le cadre est toujours de la même taille et je mets du texte dans ce cadre sans qu'il se déforme.
  • si je vais à la ligne avec la balise <br/>, la bordure se déforme et apparaît à chaque ligne.


Voici le lien du forum si jamais l'image ne suffisait pas : http://maclasse.forumpro.fr

Merci d'avance.


Dernière édition par Batteur-de-OuFS le Dim 3 Fév 2013 - 19:22, édité 1 fois

Batteur-de-OuFS
*

Messages : 41
Inscrit(e) le : 06/08/2011

http://maclasse.forumpro.fr
Batteur-de-OuFS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bordure de la description d'un sous forum

Message par Modoki le Dim 3 Fév 2013 - 18:04

Houlà, effectivement ça bug légèrement... Tu as touché les templates (et éventuellement le CSS) j'imagine pour que ça s'applique de cette manière ? Il faudrait avoir le code pour t'aider, si possible, histoire de t'expliquer où est l'erreur.

Modoki
***

Féminin
Messages : 165
Inscrit(e) le : 06/02/2009

http://rpg-pokemon-powa.forum-actif.net/
Modoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bordure de la description d'un sous forum

Message par Batteur-de-OuFS le Dim 3 Fév 2013 - 18:06

dans les templates, j'ai juste rajouté un saut de ligne entre le titre du sous forum et sa description.

voici la partie du css que j'ai inséré pour arriver à cela :

Code:
.genmed
{
margin-left: 35px !important;
padding: 10px;
 -moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-radius: 6px 6px 6px 6px;
border-left: 2px solid #34566E;
border-right: 2px solid #34566E;
border-top: 2px solid #34566E;
border-bottom: 2px solid #34566E;
font-variant: small-caps;
font-size: 11px;
}

Batteur-de-OuFS
*

Messages : 41
Inscrit(e) le : 06/08/2011

http://maclasse.forumpro.fr
Batteur-de-OuFS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bordure de la description d'un sous forum

Message par Modoki le Dim 3 Fév 2013 - 18:23

Désolée mais... Genmed, c'est le texte et pas le bloc de texte il me semble, et ça a surtout l'air d'être plus large que les descriptions de catégories puisque le pop up de bienvenue aussi est affecté. Et en fait autrement ça me parle moyennement. J'espère que si je t'explique en procédant autrement ça t'aidera quand même :c Il va falloir passer par les templates pour faire comme tu veux.
Donc dans Général > index_box, cherche

Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

Tu vas juste devoir appliquer les effets que tu veux (donc ta bordure) en ajoutant une div, et ça devrait te donner

Code:
<span class="genmed"><div style="border:3px solid #ffffff;">{catrow.forumrow.FORUM_DESC}</div></span>

Là, si tu veux passer par la feuille de style CSS pour un rendu plus propre au niveau du code, tu peux tout à fait, enfin apparement tu sais te servir des class donc ça devrait aller.
Le rendu est très grossier mais c'est comme ça qu'on procède normalement, si tu veux de l'aide pour plus, n'hésite pas !

Modoki
***

Féminin
Messages : 165
Inscrit(e) le : 06/02/2009

http://rpg-pokemon-powa.forum-actif.net/
Modoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bordure de la description d'un sous forum

Message par Batteur-de-OuFS le Dim 3 Fév 2013 - 19:21

Merci beaucoup =)

Voici le résultat !!

Spoiler:

et le bout de template
Code:
<span class="genmed"><div style="background-color: white; margin-left: 60px; margin-top: 8px; margin-bottom: 10px; height: 50px; width: 500px; padding: 8px; border:3px solid #000000; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-radius: 6px 6px 6px 6px; border-left: 2px solid #34566E; border-right: 2px solid #34566E; border-top: 2px solid #34566E; border-bottom: 2px solid #34566E;">{catrow.forumrow.FORUM_DESC}</div></span>

Tout ceci semble correspondre à ce que je cherchais =) merci beaucoup

Batteur-de-OuFS
*

Messages : 41
Inscrit(e) le : 06/08/2011

http://maclasse.forumpro.fr
Batteur-de-OuFS 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