Fond de message Bouton_activeFond de message Bouton_hoverFond de message Fb-hoverFond de message Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
Fond de message EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Fond de message EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Fond de message EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Fond de message EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Fond de message EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Fond de message EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Fond de message EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Fond de message EmptyVen 03 Fév 2023, 17:22 par Krager

Le deal à ne pas rater :
Nike : Jusqu’à 50% sur les articles de fin de saison
Voir le deal

Partagez
 

Fond de message

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3 ... 9, 10, 11  Suivant
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Fond de message Empty

Fond de sujet

Description

Ce que ça fait ? Cela entoure vos messages (et la signature, mais vous pouvez également n'entourer que les messages) d'une nouvelle couleur ou d'une nouvelle façon. Ainsi vous pouvez changer : le bord, la couleur de fond, l'image de fond, la couleur de la police dans les messages, la police même des messages etc, etc.

Demo

Ah bah voilà un exemple, si tu cliquais!
Et voici un autre exemple pour la seconde méthode!

Code

Vous devez poster un message à la suite pour afficher le code

Informations générales

Nyo the Neko23/04/2012Cela dépend des options utilisés.Anoobnyme24.03: Ajout de l'exemple pour entourer les messages uniquement.


Dernière édition par Nyo The Neko le Mar 24 Avr 2012, 16:36, édité 1 fois
MessageSujet: Fond de message   Fond de message EmptyLun 23 Avr 2012, 09:40
Revenir en haut Aller en bas
http://camelot-timeofkings.forumactif.com/
Sunlight
Sunlight
{ Membre }
{ Membre }

Féminin Messages : 23



Fond de message Empty
je te remercie encore d'avoir partagé ton tuto avec moi sur CToK, j'avoue qu'au départ ça faisait bizarre, question d'habitude xD mais je l'ai enlevé car la fondatrice Choupie n'aimait pas trop l'effet, mais je vais quand même réessayer en encadrant que les messages cette fois-ci sans prendre la signature Wink

en tous cas, tuto très sympa I love you
MessageSujet: Re: Fond de message   Fond de message EmptyLun 23 Avr 2012, 18:16
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Fond de message Empty
Juste pour signaler une update avec un exemple d'effet pour le second code (celui pour entourer les messages uniquement). Comme écrit dans l'exemple, vous pouvez utiliser dans votre CSS:
Code:
min-height: NOMBREpx;
pour définir une hauteur minimale. ainsi, même pour les messages ayant que peu de lignes, donc étant très courts, vous n'aurez pas trop d'espace avec la signature.
L'utilisation du "min-" dans ce cas est très importante, car vous donnez une hauteur minimale. En effet, vous ne voulez pas que ce contour s'arrête avant la fin du message (comme le ferait un height). Cependant, l'utilisation d'un height est utile si vous voulez que vos messages ne fassent pas plus d'une certaine hauteur, et qu'en suite on ait à scroller (donc mettre un overflow: auto; dans le div). Mais si ce n'est pas le cas, utilisez min-height!

Ensuite, j'avais oublié le . devant le nom de la classe entour_message dans le CSS, erreur débile que je n'ai vue qu'en ajoutant l'exemple de message! Razz
MessageSujet: Re: Fond de message   Fond de message EmptyMar 24 Avr 2012, 16:42
Revenir en haut Aller en bas
http://forumnonouvert.com/
xNekow
xNekow
{ Membre }
{ Membre }

Féminin Messages : 24



Fond de message Empty
Merci, c'est exactement le style de tuto que j'aime~ Fond de message 215926
MessageSujet: Re: Fond de message   Fond de message EmptyJeu 26 Avr 2012, 04:35
Revenir en haut Aller en bas
http://purplehazz.com
Yunawey
Yunawey
{ Membre }
{ Membre }

Féminin Messages : 19



Fond de message Empty
Merci, voilà un code qui va rendre mon forum bien joli Very Happy
MessageSujet: Re: Fond de message   Fond de message EmptySam 28 Avr 2012, 04:25
Revenir en haut Aller en bas
http://waddiwasi.forumactif.fr/
Sweety San
Sweety San
{ Membre }
{ Membre }

Féminin Messages : 16



Fond de message Empty
Merci pour le tuto, je le cherchais ^^
MessageSujet: Re: Fond de message   Fond de message EmptyDim 29 Avr 2012, 04:39
Revenir en haut Aller en bas
http://happygirls.forumgratuit.org
Luniia
Luniia
{ Membre }
{ Membre }

Féminin Messages : 33



Fond de message Empty
Merci beaucoup !=)
MessageSujet: Re: Fond de message   Fond de message EmptyDim 29 Avr 2012, 06:48
Revenir en haut Aller en bas
http://breathe.forumgratuit.org/
Century Sex
Century Sex
{ Membre }
{ Membre }

Féminin Messages : 7



Fond de message Empty
Han je le cherchais justement, merci Fond de message 3333627970
MessageSujet: Re: Fond de message   Fond de message EmptyDim 29 Avr 2012, 14:51
Revenir en haut Aller en bas
http://eileenworld.ucoz.net/
Eileen☆
Eileen☆
{ Membre }
{ Membre }

Féminin Messages : 10



Fond de message Empty
Merci je le cherchais justement! Wink
MessageSujet: Re: Fond de message   Fond de message EmptyLun 30 Avr 2012, 16:58
Revenir en haut Aller en bas
http://edonokuroitaiyo.forum-canada.com/
Mayde
{ Membre }
{ Membre }

Féminin Messages : 13



Fond de message Empty
Merci beaucoup
MessageSujet: Re: Fond de message   Fond de message EmptyMar 01 Mai 2012, 11:59
Revenir en haut Aller en bas
http://rain-road.com/flash/movie/kutsushitacat.html
Kiyomi
Kiyomi
{ Membre }
{ Membre }

Féminin Messages : 33



Fond de message Empty
Merci !
MessageSujet: Re: Fond de message   Fond de message EmptyJeu 03 Mai 2012, 04:24
Revenir en haut Aller en bas
http://l-orchidee-sauvage.monempire.net/
Evanaelle
Evanaelle
{ Membre }
{ Membre }

Féminin Messages : 37



Fond de message Empty
Merci pour ce partage de tuto Smile
J'adore le rendu sur mon forum Smile franchement félicitation Wink
MessageSujet: Re: Fond de message   Fond de message EmptyVen 04 Mai 2012, 11:55
Revenir en haut Aller en bas
http://pyphilia.folio-graphiques.fr/
Pyphilia
Pyphilia
{ Membre }
{ Membre }

Féminin Messages : 13



Fond de message Empty
Ah, ça à l'air sympa ♥ Merci ♥
MessageSujet: Re: Fond de message   Fond de message EmptyVen 04 Mai 2012, 17:15
Revenir en haut Aller en bas
http://untold-legends.keuf.net/
Ravener
Ravener
{ Membre }
{ Membre }

Féminin Messages : 70



Fond de message Empty
Oh super idée! J'aime bien =D Merci beaucoup!
MessageSujet: Re: Fond de message   Fond de message EmptySam 05 Mai 2012, 16:41
Revenir en haut Aller en bas
http://haru-haru.forumactif.com/
Sakira
Sakira
{ Membre }
{ Membre }

Féminin Messages : 22



Fond de message Empty
Merci!
MessageSujet: Re: Fond de message   Fond de message EmptyMer 09 Mai 2012, 14:24
Revenir en haut Aller en bas
http://eternalmoon.lebonforum.com/
Gothic Lolita
Gothic Lolita
{ Membre }
{ Membre }

Féminin Messages : 41



Fond de message Empty
merciiiii
MessageSujet: Re: Fond de message   Fond de message EmptySam 12 Mai 2012, 02:28
Revenir en haut Aller en bas
http://sincity.bbactif.com
Lebowski
{ Membre }
{ Membre }

Masculin Messages : 23



Fond de message Empty
Merci
MessageSujet: Re: Fond de message   Fond de message EmptySam 12 Mai 2012, 11:38
Revenir en haut Aller en bas
Yeul
Yeul
{ Membre }
{ Membre }

Féminin Messages : 44



Fond de message Empty
Merci beaucoup pour ce partage. ♥
MessageSujet: Re: Fond de message   Fond de message EmptyDim 13 Mai 2012, 12:54
Revenir en haut Aller en bas
http://teenage-revolution.forumactif.com
Smynter
Smynter
{ Membre }
{ Membre }

Féminin Messages : 21



Fond de message Empty
Merci! Smile j'aime bien l'effet
j'vais probablement réaliser ce truc mais avec une bulle de BD Smile
MessageSujet: Re: Fond de message   Fond de message EmptyMar 15 Mai 2012, 16:52
Revenir en haut Aller en bas
http://...
Babydoll.
Babydoll.
{ Membre }
{ Membre }

Féminin Messages : 11



Fond de message Empty
Vraiment cool ce tuto , merci Very Happy
MessageSujet: Re: Fond de message   Fond de message EmptyJeu 17 Mai 2012, 17:33
Revenir en haut Aller en bas
http://bdown.eklablog.com/
BrokenDown* Heart
BrokenDown* Heart
{ Membre }
{ Membre }

Féminin Messages : 93



Fond de message Empty
Merci beaucoup pour ce tutoriel
MessageSujet: Re: Fond de message   Fond de message EmptySam 19 Mai 2012, 09:21
Revenir en haut Aller en bas
http://ac-town.forumgratuit.org/
Stef7891
{ Membre }
{ Membre }

Masculin Messages : 16



Fond de message Empty
Merci infiniment!!
MessageSujet: Re: Fond de message   Fond de message EmptyMar 22 Mai 2012, 16:23
Revenir en haut Aller en bas
http://www.shinobinohattan.com/
Exi
{ Membre }
{ Membre }

Masculin Messages : 3



Fond de message Empty
Ah tiens j'ai vu cet effet sur un forum que j'ai recemment visité, et l'effet rendait vraiment bien. Du coup un grand merci, je m'en vais de se pas l'appliquer sur le miens ^^
MessageSujet: Re: Fond de message   Fond de message EmptyMar 22 Mai 2012, 19:19
Revenir en haut Aller en bas
http://prosperia.forumsactifs.com/
littleladydoll
littleladydoll
{ Membre }
{ Membre }

Féminin Messages : 10



Fond de message Empty
merciii =)
MessageSujet: Re: Fond de message   Fond de message EmptyVen 25 Mai 2012, 14:42
Revenir en haut Aller en bas
http://ornitholand.over-blog.com/article-le-brechet-saillant-485
chardonoire.....CMF
chardonoire.....CMF
{ Membre }
{ Membre }

Masculin Messages : 14



Fond de message Empty
Merci pour le tuto
MessageSujet: Re: Fond de message   Fond de message EmptyDim 27 Mai 2012, 15:18
Revenir en haut Aller en bas
Contenu sponsorisé




Fond de message Empty
MessageSujet: Re: Fond de message   Fond de message Empty
Revenir en haut Aller en bas
 

Fond de message

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 11Aller à la page : 1, 2, 3 ... 9, 10, 11  Suivant

 Sujets similaires

-
» Message sur un fond
» Fond de message différent pour un admin
» Fond profil message qui va trop bas.
» Image de fond dans un message
» Une image de fond dans le champ de rédaction d'un message

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Personnalisation F.A. :: Lecture des sujets-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit