Message sur un fond Bouton_activeMessage sur un fond Bouton_hoverMessage sur un fond Fb-hoverMessage sur un fond 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
» Système d'onglets simple et personnalisable
Message sur un fond EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Message sur un fond EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Message sur un fond EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Message sur un fond EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Message sur un fond EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Message sur un fond EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Message sur un fond EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Message sur un fond EmptySam 11 Fév 2023, 06:04 par Krager

-14%
Le deal à ne pas rater :
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 trs/min, Classe ...
299.99 € 349.99 €
Voir le deal

Partagez
 

Message sur un fond

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kuragari-sekai.forumactif.com/
Cataliana
Cataliana
{ Membre }
{ Membre }

Féminin Messages : 25



Message sur un fond Empty
Bonjour/bonsoir,

J'aimerais savoir comment faire quelque chose comme ça

Message sur un fond 100614074048979353

https://nsa15.casimages.com/img/2010/06/14/100614074110492896.jpg

Message sur un fond 100614074126328188

dans un message quelconque, sur un sujet. Est-ce le même procédé pour tous les types ou non ?
Merci d'avance.

MessageSujet: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 02:40
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Message sur un fond Empty
    Bonjour !

    Il faut utiliser les class, pour avoir un rendu tel que celui de tes deux exemples. Par exemple, un code que je viens de créer pour répondre à ta question :

    Code:
    <div align="center"><div class="partenaires">Liste des partenaires</div></div>

    A mettre dans ton message. Et enfin, à mettre dans ton css :

    Code:
    .partenaires
    {background-color: #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px dotted #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 300px;
    color: #fff;
    font-size: 18px;
    font-variant: small-caps;}

    Après bien sûr, à toi d'en faire ce que tu veux, tu peux modifier toutes les valeurs, changer le nom de la classe etc (oublie juste pas de la modifier aussi dans ton message, après.)


    Et donc pour te répondre, oui, c'est le même procédé pour tous les types =) A moins que l'utilisation soit faite par un membre, dans ce cas-là c'est un peu plus complexe car il n'a pas accès au css et doit mettre toutes les valeurs dans son message =)
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 06:05
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Message sur un fond Empty
Bonjour !

S'il s'agit d'un titre uniquement et pas d'un bouton, ce n'est pas plus compliqué que définir n'importe quel autre style.
Je vais t'expliquer la méthode.

La première chose à faire est de trouver un nom pour le style qu'on va définir. Je n'ai pas d'idées (pour changer :p) donc je vais l'appeler titre-avec-fond. Comme tu l'utiliseras probablement plusieurs fois sur la page (ou dans ton message) ce sera une classe. Donc pour dire au css que ce sera une classe, on mettra bien un point devant le nom.
Mais avant d'en venir au css, restons sur le html. Tout ce qu'il y a à faire, c'est d'appliquer la classe qu'on va créer à ton titre. Pour ça, on va utiliser les balises div. Ce qui donne ceci :
Code:
<div class="titre-avec-fond">Titre</div>
Il faudra mettre ça, et uniquement ça. Pas besoin de rajouter de couleurs, de mise en gras, ou autre, tout ça se fera dans le css.

Venons-en à notre fameux css, dans lequel nous allons créer notre style. Un style se définit par un nom et un ensemble de propriétés, qui seront mises en deux accolades. Une propriété s'énonce en donnant son nom, deux points, sa valeur, et un point virgule pour terminer la ligne.
Les propriétés... ça peut être un peu n'importe quoi. Je vais te citer celles dont tu peux avoir le plus besoin. Quand j'ai mis plusieurs valeurs séparées par un slash, n'en garde qu'une seule. Leur signification est écrite entre des parenthèses que tu devras supprimer aussi.
• Fond de couleur :
background-color: couleur ;
• Bordure :
○ Style de la bordure :
border-style: solid/double/dotted/dashed; (ligne pleine, ligne double, ligne pointillée, ligne pointillée. Il en existe d'autres, mais ce sont les plus utilisées)
○ Epaisseur de la bordure :
border-weight: Ypx; (Y étant la valeur de ton choix)
○ Couleur de la bordure :
border-color: couleur;
• Texte en gras :
font-weight: bold;
• Taille du texte :
font-size: Ypx ; (Y étant la valeur de ton choix. Il existe d'autres façon que les pixels pour définir la taile de ton texte, mais je pense que ce sera plus simple de garder cette unité)
• Arrondir les angles : (il faut mettre l'ensemble des trois propriétés, car chacune ne marche que sur quelques navigateurs !)
-moz-border-radius: Ypx ;
-webkit-border-radius: Ypx ;
border-radius: Ypx ;
(le Y est le rayon de l'arrondi)
• Centrer le texte :
text-align: center ;

Voilà pour les principales propriétés. Il ne te reste plus qu'à les mettre dans ton css.
Code:
.titre-avec-fond
{
   propriété: valeur ;
}


J'espère avoir réussi à t'éclairer. Si tu n'as pas compris, n'hésite pas.
Fu'


EDIT : moarf heu... bon ben j'prend ma retraite puisque je suis pas assez rapide XD
EDIT Kaiji : Mais non Fu' mais non y faut pas xD Deux explications veulent mieux qu'une xD
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 06:15
Revenir en haut Aller en bas
http://kuragari-sekai.forumactif.com/
Cataliana
Cataliana
{ Membre }
{ Membre }

Féminin Messages : 25



Message sur un fond Empty
Je vous remercie beaucoup pour vos réponses, elles sont claires et précises pour ça pas de soucis. Je ne pense pas avoir fait de bêtise, j'ai tout suivi, cependant lorsque je place:

Code:
<div class="type1">Partenaires</div>

dans mon post, j'ai le code tout simplement et aucun rendu, j'ai bien vérifié et le html est activé, voici ce que j'ai mis dans le css:

Code:
.type1
{background-color: #4E2134 ;
border-style: solid;
border-weight: 3px;
border-color: #ffffff;
font-weight: bold;
font-size: 5px ;
-moz-border-radius: 4px ;
-webkit-border-radius: 4px ;
border-radius: 4px ;
text-align: center ;}
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 11:01
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Message sur un fond Empty
    Je vois aucune erreur. Tu as activé le html partout, tu es sûre ? Profil + forum + message ?
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 11:12
Revenir en haut Aller en bas
http://kuragari-sekai.forumactif.com/
Cataliana
Cataliana
{ Membre }
{ Membre }

Féminin Messages : 25



Message sur un fond Empty
Euh je pense, j'ai activé via le profil > préférences > toujours voir le html, y a t-il autre chose à part ça que j'ai oublié ?
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 19:18
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Message sur un fond Empty
Dans le panneau d'administration, général -> message & emails -> configuration -> activer le html
Dans un message, les options et décocher "désactiver le html dans ce message"
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 19:27
Revenir en haut Aller en bas
http://kuragari-sekai.forumactif.com/
Cataliana
Cataliana
{ Membre }
{ Membre }

Féminin Messages : 25



Message sur un fond Empty
Ah oui en effet je n'avais pas décoché la case, sorry. Merci beaucoup pour cette réponse, il ne me reste plus qu'à peaufiner, je pense que c'est résolu. Merci encore. ^^
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 19:55
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Message sur un fond Empty
    Parfait alors je classe ^^
MessageSujet: Re: Message sur un fond   Message sur un fond EmptyLun 14 Juin 2010, 20:18
Revenir en haut Aller en bas
Contenu sponsorisé




Message sur un fond Empty
MessageSujet: Re: Message sur un fond   Message sur un fond Empty
Revenir en haut Aller en bas
 

Message sur un fond

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

 Sujets similaires

-
» Fond de message
» 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 :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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 | Cookies | Forum gratuit