-
Générateur de CSS
J'ai réalisé un nouveau générateur de CSS qui vous donne automatiquement le sélecteur choisi pour votre blog Eklablog. Ce tuto se trouve ici:Générateur de code CSSBienvenue.
Vous allez pouvoir ici faire différents tests pour la génération de votre code CSS. Ce formulaire vous permet de définir une couleur de fond, une image de fond avec sa taille et sa position ainsi que differents styles, attributs de texte, d'ombrage et de bordures. J'ai regroupé les fonctions qui me semblaient les plus utiles mais n'hésitez pas a me faire part des améliorations que vous aimeriez voir ou des problèmes que vous rencontrez.Fonctionnement
Remplissez les différentes cases, jouez avec les réglages et cliquez sur le bouton appliquer. Lorsque votre choix est fait il vous suffit de copier le code css indique en bas de page.
Tags : bordure, fond, ombrage, couleur, droite
-
Commentaires
Rassure-toi Bisette, je ne suis pas entré dans ton blog
En fait, depuis mon navigateur, j'ai débloqué le lien des commentaires mais cela n'est valable que pour moi puisque je ne peux entrer dans le code de ton blog.
Pour corriger ton blog, il suffit que tu ailles dans ton module simple "Bienvenue sur le blog" et que tu corriges la première balise marquee comme je te l'ai indiqué sur le forum officiel (tu mets width=10px au lieu de width:900)
Tu enregistres et c'est tout.
23bisette1205
Mardi 21 Mai 2013 à 16:49
Bonjour Papasti,
Si tu as fait quelque chose pour m'aider c'est gentil. Tu as pu entrer dans mon blog mais comment ???? Je n'y comprends rien en informatique et j'ai contacté un informaticien pour essayer de voir la situation. C'est vraiment très énervant , car il y a que Busichat qui me pose des problèmes. Les deux autres blogs vont très bien et j'avoue que je suis déprimée.
Bonne journée et merci
Bisette
C'est utile :D
Mais ce n'est pas complet, dommage :D Si quelqu'un connais le code CSS pour mettre le fond sur une nouvelle notification prévenez moi! (Par com's ou MP).
Bonsoir,
Papasti, tu est un trésor, merci pour tout ces astuces,
N'hésitez pas à nous enrechir par d'autres,
Bonjour Papasti,
Je voudrais rendre mes modules (menus 1 et 2) cliquables (tu cliques sur le titre ouvert, fermé) pour raccourcir la zone module. Sur OB, j'avais un programme, html et css, mais ici il ne marche plus.
Aurais-tu une solution ? Elle serait la bienvenue...
Merci par avance.
Bien cordialement.
Super blog, c'est un blog parlant de l'html et de la css que je cherchais. Je vais revenir souvent ici.
En tous cas merci de ton lien.
Bien cordialement.
A bientôt...
16manga.kawai
Samedi 7 Juillet 2012 à 17:27
moi j'aimerais bien avoir des idee par ce que y a bcps de truc simpa par cer que je comprend pas tres bien ce generateur la
15JodyneDimanche 10 Juin 2012 à 20:24Quand tu clic sur l'avatar
Tu as l'info membre
J'aimerai bien changer les couleurs
Merci de m'avoir répondu aussi vite
13JodyneDimanche 10 Juin 2012 à 19:44J'ai essayé pour la carte info membre
Mais je n'y suis pas arrivée
Pour les fonds d'articles ok
Puis-je avoir une explication comment procèder merci beaucoup
J'ai mis en place un nouveau générateur plus fonctionnel que celui-ci, vous choisissez l'élément de votre blog sur lequel vous voulez l'appliquer et le sélecteur CSS sera automatiquement indiqué.
Pour accéder au nouveau générateur, cliquez sur le lien dans l'encart fond rouge au début de l'article.
11JodyneDimanche 10 Juin 2012 à 18:54Bravo pour un tel partage
Je suis passée sur le forum et je fais des essais pour une carte info membre
Avec le générateur
Merci à vous
10Hattori-kun
Dimanche 29 Avril 2012 à 17:29Bonjour, je ne comprends pas ce que je dois mettre dans balise. j'aimerai ajouter une image en bas à droite de mon blog, comment faire s'il vous plait ?
9lo---
Samedi 24 Mars 2012 à 17:28Bonjour...
Merci pour le générateur de code css, mais un petit soucis quand même. Le fait de mettre une "scrollbar", bloque les liens (src="" href="....") sur les images que j'ai mis à l'interieur... Y aurait-il une solution ou un code html... En vous remerciant...Cc, c'est sympatique d'aider les nveaux bloggeurs, merci =)
Mais pour mOi qui suis une débutante, dsl mais tOut ceci est du "charabia"
DOmage car j'aurrais bien aimé améliOrer mOn blOg. BOnne cOntinuatiOn
Salut Reverrance,
Techniquement il doit être possible d'ajouter une texture à une couleur de fond mais il faut que cette texture soit une image avec fond transparent et donc au format png. Si la texture comporte une couleur de fond (comme dans la grande majorité des cas), elle recouvrira ta couleur de fond.
CSS pour les avatars des derniers visiteurs:
.module_menu_type_lastvisitors img
{height:50px;}Pour tes autres questions, je récupère les infos et je te les envoie :)
Bonjour désolée de t'embeter à nouveau
j'ai plusieurs questions :
Peut on rajouter une "texture" à une couleur (aspect parchemin par exemple) sur l'ensemble des pages
Puis je avoir la fonction pour diminuer les formats des avatars visiteurs
d'autres part puis je avoir les noms des sélecteurs suivants :
La photo de l'avatar quand quelqu'un fait un commentaire sur une page ou sur un forum
Celui d'une éventuelle photos en page d'accueil
les commentaires dans les forums
le formulaire à remplir dans contact
Le formulaire pour mettre ses réponses dans les pages articles et dans les pages forums
et enfin les rubriques sujet - auteur - réponses - dernier message au niveau des pages forums
Enfin peut on insérer pour chaque article le nombre de lectures ainsi que le nombre de commentaires
J'en ai fini ... Merci beaucoup
4Zébulyne
Vendredi 25 Novembre 2011 à 20:56
Bien... merci pour l'info.
Je vais tenter des trucs avec ça. Mais l'histoire de la div et de son nom, euh... je m'interroge
Oui c'est possible, il suffit de mettre dans ces articles ou rubriques le code suivant en remplaçant le nom de la div (my) par un nom différent pour chaque article de la page
<div id="my"> </div>
<script type="text/javascript">// <![CDATA[
function change()
{
var x =document.getElementById('my').parentNode;
x.parentNode.style.backgroundImage='url(http: //farm2.static.flickr.com/1160/1350151121_0a10db7d5e.jpg)';
x.parentNode.style.backgroundSize="100%";
}
onJSFilesLoaded.push(function(){
change();
});
// ]]></script>Deux conditions pour cela : Remplacer la partie en rouge par l'url de ton image et avoir le javascript activé sur ton compte Eklablog.
Hé, hé, c'est sympa ! Manque peut-être un peu d'explications pour ceux qui ne connaissent pas le vocabulaire CSS (je pense a hidden, padding, etc...) Mais sinon très pratique ! A plus tard ^^
Suivre le flux RSS des commentaires
Vous devez être connecté pour commenter
^^'''
Créer mon blog
génial enfin !
je pense revenir souvent
merci pour tout
LoryWeb