CSS Couleurs pour nuage tag - Le bleu lézard tests personnaliser son blog

Votre navigateur ? + JS fonts + CSS sur titreblog+CSS slogandéfile

Pour accéder à toutes les fonctionnalités de ce site, le JavaScript doit être activé.

Voir les instructions pour activer JavaScript.

Ici un Test navigateur
Les menus
Les astuces
Les "clé en main"
Les effets CSS
La mize an forme
En vrac

Étoiles réduire hauteur colonnes menu Thème rechercher eklablog curseur perso web police tableau pipette éditeur article nov 13 postit tombe les coeurs Zoom Diaporama code html puces webFonts menu entête polices de caractères secouez-moi tourne border-image ModuleLiens éditeur animationCSS nuagetags tombe la neige

Voir tous les tags
Éditeur Tiny MCE
effet titreblog

Les clé en main
La miz an form
Mise à jour +haut de page

Dernière mise à jour

Samedi 28 mars 2020
Recevoir
Consulter ActuS
Parler Ekla
Trouver un blog
Merci d'être passé
Pour les comm'

glisser avec la souris →
Nouveautés MOD dernArt
- Faire défiler le slogan de l'en-tête en CSS
- Mettre un mot de passe à une adresse web
Le vocabulaire
Au hazard MOD Art+comm
scripts Scroll
Anti CDImg

<p> </p>
<script>// <![CDATA[
onJSFilesLoaded.push(function(){

$(document.body).addEvent('contextmenu', function(e) {

if(e.target.nodeName == 'IMG') {

alert ('Pas de clic droit sur les images.');

return false;

}

});

});
// ]]></script>
UP-Accueil-Contact
pavé firefox etiketeS +pied perso

Plus joli avec
Recherche
Vous consultez le bleu lézard tests

Vous consultez le bleu lézard tests. Pour vos demandes personnelles, contactez-moi

A bientot !
Menu latéral
- Réduire hauteur colonne menu latéral

CSS Couleurs pour nuage tag

Par Maximum 34 dans le 31 Mars 2013 à 11:49

Ci dessous, quelques lignes du CSS qui permettent de changer la couleur des mots du nuage tag.

D'autres effets se modifient autrement ou ailleurs.. à suivre.

-----

Lignes ajoutées dans CSS pour nuage de tag dans ma colonne de gauche.

en gardant le regroupement de sélecteurs d'origine et en ne changeant que la couleur des mot-liens

/* debut couleurs tags*/ .tagcloud-tag-1:active,.tagcloud-tag-1:focus{ font-weight:bold;/* certains tags en gras*/} .tagcloud-tag-1.tagcloud-tag-color,.tagcloud-tag-1.tagcloud-tag-color:hover,.tagcloud-tag-1.tagcloud-tag-color:active,.tagcloud-tag-1.tagcloud-tag-color:focus{ color:#c87840; /*tag couleur marron*/} .tagcloud-tag-2,.tagcloud-tag-2:hover,.tagcloud-tag-2:active,.tagcloud-tag-2:focus{ font-style:normal;} .tagcloud-tag-2.tagcloud-tag-color,.tagcloud-tag-2.tagcloud-tag-color:hover,.tagcloud-tag-2.tagcloud-tag-color:active,.tagcloud-tag-2.tagcloud-tag-color:focus{ color:#419F2E; /* tag couleur vert*/} .tagcloud-tag-3,.tagcloud-tag-3:hover,.tagcloud-tag-3:active,.tagcloud-tag-3:focus {} .tagcloud-tag-3.tagcloud-tag-color,.tagcloud-tag-3.tagcloud-tag-color:hover,.tagcloud-tag-3.tagcloud-tag-color:active,.tagcloud-tag-3.tagcloud-tag-color:focus{ color:#2c77f0; /*couleur bleu*/} /* fin couleurs tags*/

« Essai menu tableImage en Fond de blog extensible »

Tags : nuagetags
Commentaires
1

Atena

Vendredi 3 Mai 2013 à 10:20
Merci pour ce css !en fait moi je cherche comment rendre mon uage plus petit encore.?

Je le trouve un peu imposant .

As tu une idée.

Merci
Répondre

Nom / Pseudo :

E-mail (facultatif) :

Site Web (facultatif) :

Commentaire :

Me prévenir par mail en cas de réponse
2

Maximum 34

Jeudi 16 Mai 2013 à 19:34
Bonsoir Atena,

désolé pour le retard, je viens juste de voir ton comm !

pour diminuer la taille du nuage, tu peux essayer cela ( ça fixe la taille des mots tgs les plus petits /les moins utilisés)

#module_menu_contenu122838553 .module_menu_contenu_block {
font-size: 8px;
}

( pour que tu vois ce que ça donne, je viens de le faire en installant un nuage de tag ( le premier dans le menu de gauche car le 2ème est fait autrement)

Le numéro barré est celui de mon module tags; pour connaitre le tien, tu peux aller voir comment faire ici

sinon, si tu ne trouves pas, je te le donnerai..
Répondre
3

Chris

Lundi 17 Mars 2014 à 17:17
Bonjour,

je découvre votre site, ainsi j'ai pu prendre quelques idées, pour faire tomber des coeurs ou des abeilles !! j'espère que cela ne pose pas problème ?

j'aimerais faire tomber des soleils sur ma page, des fleurs ou toutes autres choses diverses et variées,

pourriez vous me dire comment faire cela ?

je n'ai pas de blog, juste une page sur un site québécois, où je poste quelques images... et que j'embellis au gré de mes humeurs.

bonne journée

cordialement

Chris
Répondre
4

Maximum 34

Mardi 18 Mars 2014 à 10:36
Bonjour Chris

( tu es où au Québec ?, ta page parle de quoi, son adresse ? trop curieux, je suis ),

Si tu as accès au html de ta page, il suffit d'introduire ton script avant la balise de fermeture </head>..

( Sur la plateforme Eklablog, le blogueur n'a pas directement accès au html de la page web mais comme l'interface est très bien pensée pour personnaliser son blog, on peut introduire des scripts par un autre biais mais aussi, tu peux organiser ton blog, avoir plusieurs pages, des dossiers, avec un menu, des menus ...)
Tu peux essayer Ekla en allant sur le blog de démo , pour voir comment l'interface peut t'assister dans ta création de pages web...

Je te propose de se retrouver sur l'article " tombe les coeurs" ou "tombe la neige" afin de voir plus en détail comment modifier le script pour mettre l'image que tu veux ( petites feuilles, fleurs, étoiles...), l'enregistrer sur ton site et l'appeler dans le header de la page...
Répondre
Ajouter un commentaire

Nom / Pseudo :

E-mail (facultatif) :

Site Web (facultatif) :

Commentaire :

Me prévenir par mail en cas de réponse

//script feuille de style suppl