Texte Arc en ciel

Si vous voulez ajouter du texte couleur Arc-en-ciel je vous explique comment faire en html . Cliquer sur le lien de generateur de couleur et choississez votre modele couleur et d'ecriture etc....

=================================================

J'ai trouver un petit site pour faire vos messages multi couleur facile. Voici le lien https://www.html-code-generator.com/html/rainbow-text-generator

Je l'ai même tester avant vous partager. Vous pouvez mettre du texte couleur soit dans vos Gadjets HTML Javascript ou dans vos articles. en cliquant sur le mode HTML comme ici 

Clique sur Affichage HTML

Entrez le code

Reclique sur le crayon VUE Nouveau Message..

et vous devriez voir le resultat de votre message en couleurs

Espacement des articles pour la date, titre

Code CSS

} .post-body { line-height: 20px; }

========================

.blog-posts {margin-top: -10px}

================================

Espacement de ligne entre les textes

 

CODE CSS

Parfois certaines police d'ecriture les espacement sont de trops ce code corrige se probleme

.post-body { line-height: 20px; }

Suppr bordure noir autour des images

 Faite une sauvegarde de votre theme avant jouer dans les parametres en cas erreur vous pourrez recuprer votre theme comme il etait avant.

Dans Parametre/ Theme/ Personaliser/ Modifier Html

Et regarder bien car faut supprimer ce qui est souligner en gris.

Faire une Page d'accueil (Bienvenue)

Faite votre creation d'accueil  et pensez a faire un message pendant ce temp.

Allez dans Mise en Page / Ajouter u Gadget IMAGE et le place juste en dessous de votre Banniere

Enregistrer une fois fini.

Si vous souhaitez ajouter un texte vous Ajouter le Gadget TEXTE

 juste en-bas 

=====================Autre emplacement pour votre Accueil ==================

Centrer une image et dimension identique

Pour avoir Vos Images de la même dimension  et le centrer

1- Tout dabord clique 1 fois sur votre image . 2- Une fenêtre va apparaitre et vous cliquez sur l'icone comme montrer en bas. 3-  ensuite vous l'aligner Centrer . Pour que tous vos images soit de la même dimension choissisez une taille Petite, Moyenne ou Large pour tous vos images.

 

Curseur qui suit la souris

Mise ne Page/Ajouter un Gadget/ Html Javascript

 Code Javascript:

<script type="text/javascript">// <![CDATA[

/* Image qui suit la souris */

var x = 0;

var y = 0;

if (document.getElementById)

{

if(navigator.appName.substring(0,3) == "Net")

document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = Pos_Souris;

window.onload = Bouge_Image;

}

function Pos_Souris(e)

{

x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;

y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;

}

posX = 0;

posY = 0;

anim = true;

oldpos = "URL DE L'IMAGE";

function Bouge_Image()

{

if (document.getElementById && anim)

{

posX = posX+(((x-posX)+20)/15);

posY = posY+(((y-posY)+20)/15);

if(posX<x)

newpos='URL DE L'IMAGE;

else

newpos='URL DE L'IMAGE';

if(newpos!=oldpos)

{

document.tete.src=newpos;

oldpos=newpos;

}

document.getElementById("teteronde").style.top = posY+"px";

document.getElementById("teteronde").style.left = posX+"px";

tempo = setTimeout("Bouge_Image()", 15)

}

}

if(document.getElementById)

{

document.write('<div id="teteronde" style="position: absolute">');

document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');

document.write('<img style="width:50px;" src="URL DE L'IMAGE" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');

document.write('</a>');

document.write('</div>');

}

// ]]></script>

Bouton ou Logo cliquable

(EXEMPLE)

 Parametre/Mise en Page/ Ajouter un Gadget /

clique sur Image

Cocher  pour que vos boutons soit la même dimension des autres et

 ajuster a votre colonne

 Quand vous avez terminer Enregistrer.