Beaux titres Bouton_activeBeaux titres Bouton_hoverBeaux titres Fb-hoverBeaux titres 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
Beaux titres EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Beaux titres EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Beaux titres EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Beaux titres EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Beaux titres EmptyDim 24 Déc 2023, 18:16 par romee

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

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

» Avatar centré dans le profil
Beaux titres EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Beaux titres

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Esto
Esto
{ Membre }
{ Membre }

Masculin Messages : 50



Beaux titres Empty
Salut,

J'ai suivi ce tuto : https://css-actif.forumactif.org/astuces-f33/faire-de-beaux-titres-t156.htm?highlight=beaux+titres
Et je suis arrivé à ce code :
Code:
.soustitre {
font-family: tahoma, impact, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
text-transform: lowercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */
background-color: #c7b9a3; /*--- Couleur de fond ---*/
background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
border-bottom: 1px solid #000000; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */
color: #000000; /* Couleur de la police ^^ */
text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */
border-left: 4px solid #000000; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */
border-right: 4px solid #000000;
}

La ca prend toute la largeur du forum..
J'aurai aimé savoir comment faire pour que ce soit plus petit...
Quelqu'un peut m'aider ? Smile

A bientot ! Wink

EDIT : J'ai réussi mais je n'arrive pas à mettre deux titres sur une même ligne...
Un aperçu :
Spoiler:
Je voudrais mettre les 2 titres cote à cote. Smile
MessageSujet: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 12:08
Revenir en haut Aller en bas
Katara
{ Membre }
{ Membre }

Féminin Messages : 32



Beaux titres Empty
Coucou ! Désolé, je ne sais pas si j'ai le droit de poster là >_<
Je pourrai savoir comment tu as réussi à justement les mettre plus petits et pas qui prennent toute la largeur du forum ? Parce que moi j'arrive pas Razz

Et quand tu dis 2 titres sur la même ligne, tu veux dire quoi ? Que tu n'arrives pas à les mettre côte à côte ?
MessageSujet: Re: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 13:49
Revenir en haut Aller en bas
Esto
Esto
{ Membre }
{ Membre }

Masculin Messages : 50



Beaux titres Empty
Problème réglé !!
Fallait juste créer un tableau sans bordure et y mettre les 2 titres...
Puis pour la largeur, c'est :
Code:
width:NOMBREpx;

Merci beaucoup Katara !! Wink
MessageSujet: Re: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 14:00
Revenir en haut Aller en bas
Katara
{ Membre }
{ Membre }

Féminin Messages : 32



Beaux titres Empty
Merci à toi =D
MessageSujet: Re: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 14:08
Revenir en haut Aller en bas
Esto
Esto
{ Membre }
{ Membre }

Masculin Messages : 50



Beaux titres Empty
Hihihii ^^
Wink
MessageSujet: Re: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 14:15
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



Beaux titres Empty
Donc si c'est résolu... oo
Je classe xD
MessageSujet: Re: Beaux titres   Beaux titres EmptyDim 01 Aoû 2010, 15:37
Revenir en haut Aller en bas
Contenu sponsorisé




Beaux titres Empty
MessageSujet: Re: Beaux titres   Beaux titres Empty
Revenir en haut Aller en bas
 

Beaux titres

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

 Sujets similaires

-
» De beaux titres
» Faire de beaux titres
» Faire de beaux titres (messages)
» Titres décalés
» Problèmes de titres

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