Commente le nouveau design !
Aidez nous à nous faire connaître, et votez pour BG toutes les deux heures en votant sur les top sites :)

Partagez | 
 

 {FORUM} Faire de belles descriptions

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


Webmiss
avatar
ღ Messages : 202

Voir le profil de l'utilisateur


MessageSujet: {FORUM} Faire de belles descriptions   Mer 2 Mai - 0:01

N'as-tu jamais eu envie d'avoir de belles descriptions sur ton forum ? Laisse-moi donc t'expliquer, c'est très simple, tu verras. :angel: Pour commencer, il te faut un forumactif, haha. Puis, tu dois absolument être fondateur car il faut toucher aux templates. Rends toi sur le panneau d'administration puis sur Affichage > Templates > Général, puis va sur le template Index_Box. Clique sur pour l'éditer, et cherche ce petit morceau dans ton template:
Code:
{catrow.forumrow.FORUM_DESC}
Et remplace-le par ceci:
Code:
<div class="descriptionsforum">{catrow.forumrow.FORUM_DESC}</div>
Clique sur enregistrer et n'oublie pas de publier . Ca ne change rien ? C'est normal ! Nous allons maintenant ajouter la propriété CSS. Rends toi dans Affichage > Images & Couleurs > Couleurs > Feuille de style CSS, puis colle ce code:
Code:
.descriptionsforum {
PROPRIÉTÉS;
}
Remplace PROPRIÉTÉS par les propriétés de ton choix bien sûr. N'hésitez pas à vous rendre ici pour une liste de propriétés CSS. Ci-dessous, quelques codes CSS à personnaliser pour vos catégories. :3

Exemple n°1 à personnaliser. Modifiez les tailles, les couleurs, ajoutez des choses... comme vous le souhaitez ! :)

Code:
.descriptionsforum {
background-color: white;
width: 500px;
text-align: justify;
color: black;
box-shadow: 0px 0px 10px grey;
padding: 5px;
}
Exemple n°2 à personnaliser. Modifiez les tailles, les couleurs, ajoutez des choses... comme vous le souhaitez ! :)

Code:
.descriptionsforum {
background-color: white;
width: 500px;
text-align: justify;
color: black; 
padding: 5px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
}
Exemple n°3 à personnaliser. Modifiez les tailles, les couleurs, ajoutez des choses... comme vous le souhaitez ! :)

Code:
.descriptionsforum {
background-color: white;
width: 500px;
text-align: justify;
color: black; 
padding: 5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

Exemple n°4 à personnaliser. Modifiez les tailles, les couleurs, ajoutez des choses... comme vous le souhaitez ! :)

Code:
.descriptionsforum {
background-color: white;
width: 500px;
text-align: justify;
color: black;
border-left: 3px solid grey;
border-right: 3px solid grey;
padding: 5px;
}

_________________
Quand j'étais petite je regardais toujours par la fenêtre, le chemin que traçait la lumière. J'y voyais un avenir très, très lointain, un conte d'antan, où le monde était plein de couleurs. D’innombrables étoiles sortent d'un tunnel, par où le son continue sa traversé. J'ai soudainement levé les yeux. Ta chaleur... Ce ciel nocturne scintille. Ce ciel... Me rappelle des souvenirs.
Nyâ *-*:
 
Revenir en haut Aller en bas


M&m's
avatar
ღ Messages : 17

Voir le profil de l'utilisateur


MessageSujet: Re: {FORUM} Faire de belles descriptions   Ven 29 Juin - 2:00

Merci pour c'est beau CSS
juste une petite question, comment on fait pour mettre une bordure de couleur sur les css arrondi?
Revenir en haut Aller en bas


Webmiss
avatar
ღ Messages : 202

Voir le profil de l'utilisateur


MessageSujet: Re: {FORUM} Faire de belles descriptions   Ven 20 Juil - 20:58

Je n'avais pas vu :)
Code:
border: Xpx solid #FFFFFF;
En personnalisant le Xpx par la taille de la bordure et #FFFFFF par la couleur ainsi que solid parce que tu veux (solid/dashed/dotted...)

_________________
Quand j'étais petite je regardais toujours par la fenêtre, le chemin que traçait la lumière. J'y voyais un avenir très, très lointain, un conte d'antan, où le monde était plein de couleurs. D’innombrables étoiles sortent d'un tunnel, par où le son continue sa traversé. J'ai soudainement levé les yeux. Ta chaleur... Ce ciel nocturne scintille. Ce ciel... Me rappelle des souvenirs.
Nyâ *-*:
 
Revenir en haut Aller en bas


Contenu sponsorisé



MessageSujet: Re: {FORUM} Faire de belles descriptions   

Revenir en haut Aller en bas
 

{FORUM} Faire de belles descriptions

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment faire pour que l'header face toute la largeur du forum ?
» Savoir si je peux faire quelque chose pour mon forum
» faire un quizz sur un forum
» Commetn faire un chatbox dans un forum
» FAIRE LA PUB DE SON FORUM SUR UN AUTRE

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Bubble Gum :: Tutoriels HTML & CSS-