28172 sujets

CSS et mise en forme, CSS3

[Résolu] Changer couleur de police de plusieurs lettres dans un mot en

Bonjour,

Sur ma page d'accueil de mon site, je souhaiterai modifier les couleurs d'un titre d'un bloc en css.

Par exemple "NatureMER.com", j'aimerai avoir Nature en couleur vert, MER en couleur bleu et .com en couleur gris.

Voici le code d'origine:
/* Block editorial */
.editorial_block { margin-bottom: 2em }
.editorial_block .rte { background: transparent none repeat scroll 0 0 }
.editorial_block > h1 {
margin:40px 0 10px 0;
padding: 0;
background: none;
font-size: 22px;
font-family: Arial Black, sans-serif;
}
.editorial_block > h2 {
padding:0 0 10px 0;
font-size: 15px;
font-family: Arial Black, sans-serif;
line-height: 1.2em;
color: #777777;
text-transform: none;
background: none;
}
#editorial_block_center p {
padding-left: 0;
font-family: Arial, sans-serif;
font-size: 13px; }
#editorial_block_center .rte p {color:#666 }

Avez-vous une idée svp?

Merci d'avance Smiley smile
Bonjour
<style type="text/css">
.nature {
	color:#0F0
	}
.mer {
	color:#00F
	}
.com {
	color:#999
	}

</style>
<h1><span class="nature">Nature</span><span class="mer">MER</span><span class="com">.com</span></h1>

<h1><span style="color: #0F0">Nature</span><span style="color: #00F">MER</span><span style="color: #999">.com</span></h1>
Bonjour bibi67,

Merci pour ta réponse mais je suis dans un cms et je viens de m'apercevoir que les balises ne sont pas prises en compte Smiley decu

Bonne soirée et longue vie à ce forum
Bonjour,

Quel CMS utilise tu ?

Car ce n'est pas forcement infaisable
Il faut trafiquer un peu de code php/html et du css
Faut que tu regarde du côté des templates
Modifié par Grumpy_Smurf (06 Jul 2015 - 14:50)
Ok donc tu va dans themes, ton thème et regarde dans les tpl ( header.tpl ) normalement
Tu recherche le titre, soit tu commente le code php, soit tu l'enlève ( le comm reste le mieux )
Et à la place tu met le code donné Smiley cligne

Si tu aurai un lien vers le site je pourrai t'aider Smiley cligne

Car je connais bien prestashop

Si c'est au niveau du logo que tu compte faire ça voici le code à changer

<div id="header" class="grid_9 alpha omega">
				<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
					<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
				</a>
				<div id="header_right" class="grid_9 omega">
					{$HOOK_TOP}
				</div>
			</div>


Je ne te met pas le code exact pour le moment, si jamais tu n'y arrive pas je te le donnerai Smiley cligne

Tout simplement que comme ça tu apprends un peu le codage, en cherchant, en modifiant etc...
Je suis pour l'entraide et non l'assistanat, je donne les clés pour réussir libre à toi de trouver la bonne pour ouvrir la porte ^^
Modifié par Grumpy_Smurf (06 Jul 2015 - 16:09)
Sujet clos
Aller à