Style CSS titre de module particulier
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
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
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
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!
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
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