Style CSS titre de module particulier

Style CSS titre de module particulier was created by cat1910

Posted 8 years 10 months ago #28276
Bonjour,
ma question est plus d'ordre CSS général que template creator, mais je tourne en rond, je me permets de la poser quand même.
Je cherche à créer un style de titre comme sur l'image jointe.
Quelqu'un aurait une idée lumineuse?
Merci!
Catherine
by cat1910
Attachments:

Please Log in or Create an account to join the conversation.

Replied by carabao on topic Style CSS titre de module particulier

Posted 8 years 10 months ago #28277
bonjour,

Cela ne répond pas à tout à fait à ta demande mais voici quelques pistes.

www.xul.fr/css/h1.php
by carabao

Please Log in or Create an account to join the conversation.

Replied by cat1910 on topic Style CSS titre de module particulier

Posted 8 years 10 months ago #28279
Merci Carabao, j'avais déjà vu le lien que tu donnes et qui ne répond pas tout à fait à ma demande.

Un autre forum m'a donné une solution très rapidement, je la partage ici pour ceux qui auraient besoin de la même chose:


<h1 class="title"><span>Titre</span></h1>


.title{
position:relative;
text-align:center;
}
.title::before{
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
background:#a9c622;
height:2px;
z-index:-1;
}
.title span{
background:#a9c622;
padding:4px 8px;
}


fiddle.jshell.net/nw49qcqg/

A bientôt!
by cat1910

Please Log in or Create an account to join the conversation.

Replied by carabao on topic Style CSS titre de module particulier

Posted 8 years 10 months ago #28280
Merci pour ton retour.
by carabao

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Style CSS titre de module particulier

Posted 8 years 10 months ago #28281
salut
tout à fait, les :before et :after sont très bien pour cette utilisation :)

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.983 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 572 guests and no members online