Revenir en haut Aller en bas



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

Partagez | 
 

 Quelques morceaux de CSS pour personnaliser votre forum.

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

Powned »
Membre paumé } ;
Messages : 8
Niveau : « aucun.
Logiciel : Photoshop, peut-être.. Un jour.
Date d'inscription : 27/08/2011

Feuille de personnage
Total des points: 12
Points [Décembre]: 0
Duels gagnés: 0

Quelques morceaux de CSS pour personnaliser votre forum. Empty
MessageSujet: Quelques morceaux de CSS pour personnaliser votre forum.   Quelques morceaux de CSS pour personnaliser votre forum. Icon_minitimeJeu 8 Sep - 18:42

Bon, eh bien il s'agit ici de code CSS tout simples, mais que je trouves plutôt pratiques, alors... Bah voilà, je vous en fait part ! o/
Je risque de peut-être en ajouter d'autres.. Au cours de mon apprentissage en codage >w< Je suis encore novice ! :3
La plus part sont à modifier selon vos envies et désirs. ~


Installer une marge au début des message, de façon à ce que le texte ne soit pas collé sur la ligne le séparant de l'avatar.
Ici, une marge de 15 pixels.
Code:
.postbody {
padding-left: 15px;
}


Enlever la précision du nombre d'éditions d'un message à la fin de celui-ci.
Code:
tr.post span.gensmall {
display: none;
}


Personnaliser les boutons de personnalisation des messages. (choix de couleur du texte, taille du texte, centrer... etc.)
Ici, on arrondi les bordures !
Code:
.button2 {
    -moz-border-radius: 5px;
}


Changer la taille des icons d'avatar dans la section "membres". (pour qu'ils ne soient pas déformés par exemple !)
Ici, une largeur de 50 pixels et une hauteur de 80 pixels.
Code:
.avatar.mini, .avatar.mini img {
    width: 50px;
    height: 80px;
  }


Personnaliser le nom d'utilisateur se trouvant au-dessus de l'avatar.
Ici, on retire le vilain soulignement !
Code:
.cpname a {
    text-decoration: none;
}

Personnaliser l'avatar.
Ici, on l'entoure d'une bordure noire.
Code:
.postdetails.poster-profile a img {
    border: solid 2px #000000;
}


Voilà, ce n'est pas grand chose, mais j'espère que ces petits codes seront utile à quelques uns d'entre vous ! Je ne suis malheureusement pas encore assez avancée pour m'aventurer dans les templates. >_>
Voilà ~
:peur:
Revenir en haut Aller en bas
Rainbow

Rainbow »
{Administratrice}
Messages : 555
Niveau : « Light Moon.
Logiciel : Photofiltre Studio X & Photoshop CS5.1
Date d'inscription : 08/05/2011
Age : 31
Localisation : Sur un arc-en-ciel

Feuille de personnage
Total des points: ❀♥
Points [Décembre]: ❀♥
Duels gagnés: 0

Quelques morceaux de CSS pour personnaliser votre forum. Empty
MessageSujet: Re: Quelques morceaux de CSS pour personnaliser votre forum.   Quelques morceaux de CSS pour personnaliser votre forum. Icon_minitimeVen 9 Sep - 12:53

C'est super utile! Merci Trisou ^^
Revenir en haut Aller en bas
 

Quelques morceaux de CSS pour personnaliser votre forum.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

-
» Commande de thème pour un forum
» Rainbow veut un petit kit pour le forum (:
» Votre playlist !
» Votre nom en japonais (:
» Votre livre préféré ?
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 ::  :: Codes-