Ichigooo !

Partager | 
 


 « {FORUM} Faire une belle description »

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


Kaktus
Fraise

Féminin
Messages : 78
Date d'inscription : 24/03/2012
Âge : 16
Logiciel graphique : Photoshop CS4 (et GIMP inutilisé)
Contact et infos

MessageSujet: {FORUM} Faire une belle description   Dim 25 Mar - 11:47

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. 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 ! Smile

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 ! Smile

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 ! Smile

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 ! Smile

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

•••••••••••••••••••••••••••••••••••••••••••




Starbucks
Pomme

Féminin
Messages : 1388
Date d'inscription : 12/06/2011
Âge : 14
Logiciel graphique : GIMPI *w* !! Les Nyan à pinceaux vaincront !
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Dim 25 Mar - 12:07

Sympa comme petit tuto Razz !
Merci Kaktus ^^

•••••••••••••••••••••••••••••••••••••••••••






Spoiler:
 


Kaktus
Fraise

Féminin
Messages : 78
Date d'inscription : 24/03/2012
Âge : 16
Logiciel graphique : Photoshop CS4 (et GIMP inutilisé)
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Dim 25 Mar - 12:16

Mais de rien ! Very Happy

•••••••••••••••••••••••••••••••••••••••••••




FunKist
Pastèque

Masculin
Messages : 1774
Date d'inscription : 13/07/2011
Âge : 17
Logiciel graphique : The GIMP *les chats à pinceau vaincront!*
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Dim 25 Mar - 12:29

Je pense qu'on a droit à des points même avec des tutos de codage? :s
Bon, allez, 5 points pour toi =)
Beau tuto *w*

•••••••••••••••••••••••••••••••••••••••••••


///



Shine
Fraise

Féminin
Messages : 436
Date d'inscription : 10/02/2012
Âge : 13
Logiciel graphique : PhotoShop CS5
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Dim 25 Mar - 21:37

Cool le tutoriel ^-^
J'en ferais certainement un ou deux pour le codage ^-^

•••••••••••••••••••••••••••••••••••••••••••



Akémi !! Tu gères ♥ Passes vite cerise o/
Cadeaux *O*:
 


Jinny
Pomme

Féminin
Messages : 3758
Date d'inscription : 05/12/2011
Logiciel graphique : 'Toshop CS5/CS6 - Gimp 2.8
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Mar 27 Mar - 0:59

Oooh ! C'est intéressant, ça. ^^
J'aime ! Smile

•••••••••••••••••••••••••••••••••••••••••••



Merci beaucoup, Yeah ! Ch'est un super cadeau ! Wink 


Merci pour le beau cadeau, Perle-De-Corail ! ^^
Spoiler:
 

Merchi, Manon&Ana ! Mon n'élèvounette fidèle ! ^^



Fan inconditionnelle de :
Musique, Osu!, Graphisme, Chant/Fandub et Lecture/Écriture


Kaktus
Fraise

Féminin
Messages : 78
Date d'inscription : 24/03/2012
Âge : 16
Logiciel graphique : Photoshop CS4 (et GIMP inutilisé)
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Sam 31 Mar - 15:02

Merci Fun' ! :3

Ravie que cela vous plaise ^^

•••••••••••••••••••••••••••••••••••••••••••




Tity
Orange

Féminin
Messages : 146
Date d'inscription : 19/04/2013
Âge : 21
Logiciel graphique : Photoshop CS6
Contact et infos

MessageSujet: Re: {FORUM} Faire une belle description   Jeu 30 Mai - 15:02

Merci pour le tuto Very Happy

Bon par contre "la description" correspond à quoi ^^"

•••••••••••••••••••••••••••••••••••••••••••





Petit kit fait grâce au tuto de Sweety Smile
 

{FORUM} Faire une belle description

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

 Sujets similaires

-
» FRST (Farbar) description
» *Plus belle la vie*
» Ma plus belle histoire d'amour ... Mon cheval <3
» ASHLEY BENSON - RPG Australie (Adélaïde) - Belle-sœur et amie.
» Comment faire une Pub ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cocktail Graph' :: Détente & autres :: Tutoriels-