Attention, il existe un tutoriel en vidéo plus récent et plus complet ICI 

 A la demande de ambre

Je vous propose un petit tuto pour insérer des images dans vos commentaires.

Attention, certaines personnes n'aiment pas se voir envahies d'images dans leurs commentaires reçus.

Pour ça, ils peuvent se reporter à l'article de   

qui explique comment réduire les images reçues ou même les rendre invisibles.

Pour ma part, j'ai mis cette ligne de code dans le css:

.commentbody img{max-width:350px;height:auto;}

Donc si votre image est plus grande, elle sera réduite à 350Px de large.

Par contre, je pourrai l'agrandir en la récupérant.

Lire la suite...

Eklablog perfectionne son blog pour notre plus grand plaisir.

Deux nouveautés:

_Le fil d'Ariane

_Le comportement du header.

La Gentille Rebelle nous en informe ICI

Merci à By Kri qui me l'a signalé.

Bonjour

Vous avez peaufiné votre design selon vos préférences et avez choisi la couleur de la police pour les commentaires que vos visiteurs déposent ... mais certains, en éditant leur texte, choisissent une autre couleur.

Ça fait pas joli et harmonieux

Voilà donc un code CSS qui supprimera le bouton "couleur police" dans le formulaire de rédaction du commentaire. Votre couleur choisie sera donc imposée sans possibilité de la changer.

>>>

#mceu_4 {display:none;}
#mceu_16-body {display:none;}

<<<

~~~~~~~~~~

Cela concerne le module 'tags' ... le Tag Cloud ou Nuage de Mots.

Qu'est ce qu'un tag? ... c'est un mot-clef, un terme associé à une photo, un article, qui décrit une caractéristique de l'objet et permet de regrouper les sujets contenant ces mêmes caractéristiques.

Lorsque vous éditez un article, sous l'onglet 'options' des tags vous sont proposés automatiquement en cliquant sur 'Suggérer des tags', ce ne sont pas toujours ceux que vous auriez choisis. Pas de souci! Vous les effacez et écrivez vos tags séparés par une virgule.

Le module ' Tag Cloud ' (voir Apparence >>> Ajouter un module) regroupe les tags. Vous pouvez choisir qu'ils s'affichent par Importance, par Ordre Alphabétique ou au Hasard.

Mon astuce du jour concerne la grandeur de la Police de ces tags dans le module.

Les mots les plus importants apparaissent en grand ... très grand même. Ce qui n'est pas toujours esthétique.

Il est aisé de les rendre plus petits en ajoutant dans votre CSS

>>>

.module_menu_type_tags .module_menu_contenu_block {font-size:12px;}

<<<

Le chiffre 12 étant la grandeur choisie ici (voir module 'Tags'), vous pouvez l'augmenter ou la diminuer.

~~~~~~~~~~~~~~

Le module " Derniers Visiteurs" affiche les avatars des dernières personnes qui sont venus sur votre blog.

Vous pouvez choisir le nombre d'avatars affichés en cliquant sur le " petit crayon"  (Éditer) et en sélectionnant le chiffre désiré.

Il y a d'autres possibilités de modifier l'apparence des avatars en agissant sur le CSS

Pour apporter une modification au CSS > Apparence > Modifier le thème > Ajouter du CSS

► Pour réduire la taille des avatars

.module_menu_type_lastvisitors img { max-width: 40 px; }

Le chiffre 40 est un exemple , vous pouvez mettre plus ou moins

► Pour mettre une bordure aux avatars

.module_menu_type_lastvisitors img {   border: 1px solid #ffffff; }

~ 1 px étant l'épaisseur de la  bordure (peut être augmenté)

~ solid : bordure continue. Cela peut être remplacé par

dotted (pointillé), dashed (tirets), groove (rainurée), ridge (relief), inset (relief intérieur), outset (relief extérieur)

~ #ffffff : code couleur (ici blanc) de votre choix)

► L'avatar devient plus grand au passage de la souris

.module_menu_type_lastvisitors a:hover img  { max-height:50px; max-width:50px; }

~ Le chiffre 50px peut être changé mais doit toutefois êtres supérieur au chiffre choisi pour l'affichage de l'avatar

 ► Espace entre 1ère et 2ème rangée d'avatars

Si vous avez choisi d'afficher au moins 6 avatars et selon la grandeur choisie, les avatars se placent sur deux rangées. Vous remarquez que la deuxième rangée vient se coller à la première (pas d'espace entre elles.

Voici le code afin de créer un espace esthétique entre les deux rangées d'avatar

.module_menu_type_lastvisitors img { margin-bottom:5px;} 

"Le chiffre de"5px" peut être changé selon votre choix.