• 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 CSS

    Bienvenue.

    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.
     
    Image de Fond Texte
    Ombrage Bordure
    Nom de la balise :
    Largeur : px
    Hauteur : px
    Générateur de CSS Générateur de CSS
    PaddingGénérateur de CSS
    Gauche : px   Droite : px
    Haut : px   Bas : px
    Couleur de fond

    Ceci est un exemple pour illustrer le rendu obtenu. Vous pouvez ainsi apprécier l'effet visuel avant de générer le code.

     
    « Hadopi de flop en flop !Faire un Tooltip évolué »

    Tags Tags : , , , ,
  • Commentaires

    25
    Samedi 1er Juin 2013 à 19:33

    génial enfin !
    je pense revenir souvent
    merci pour tout

    LoryWeb

    24
    Mardi 21 Mai 2013 à 16:56

    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.

     

    23
    bisette1205 Profil de bisette1205
    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
      

    22
    Mercredi 13 Mars 2013 à 21:04

    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). 

    21
    Lundi 18 Février 2013 à 18:43

    Merci papasti tu mes d'une très grande aide

    20
    Jeudi 6 Décembre 2012 à 20:44

    Bonsoir,

    Papasti, tu est un trésor, merci pour tout ces astuces,

    N'hésitez pas à nous enrechir par d'autres,

     

    19
    Samedi 13 Octobre 2012 à 14:13

    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.

    18
    Jeudi 11 Octobre 2012 à 11:44

    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...

    17
    Samedi 25 Août 2012 à 21:35

    euh je comprend pas grand chose a quoi il sert aye  ^^'''

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    16
    manga.kawai Profil de manga.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 

    15
    Jodyne
    Dimanche 10 Juin 2012 à 20:24

    Quand tu clic sur l'avatar

    Tu as l'info membre

    J'aimerai bien changer les couleurs

    Merci de m'avoir répondu aussi vite

    14
    Dimanche 10 Juin 2012 à 20:20

    Qu'appelles-tu la carte info membre ?

    13
    Jodyne
    Dimanche 10 Juin 2012 à 19:44

    J'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

    12
    Dimanche 10 Juin 2012 à 19:15

    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.

    11
    Jodyne
    Dimanche 10 Juin 2012 à 18:54

    Bravo 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

    10
    Hattori-kun Profil de Hattori-kun
    Dimanche 29 Avril 2012 à 17:29
    Bonjour, 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 ?
    9
    lo--- Profil de lo---
    Samedi 24 Mars 2012 à 17:28
    Bonjour...
    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...
    8
    Jeudi 22 Mars 2012 à 04:33
    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
    7
    Vendredi 24 Février 2012 à 16:55

    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 :)

    6
    Mercredi 22 Février 2012 à 13:08

    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

     

    4
    Zébulyne Profil de Zé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

    3
    Vendredi 25 Novembre 2011 à 14:29

    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">&nbsp;</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.

    2
    Mardi 11 Octobre 2011 à 13:46

    Compris M'dame. Je vais rajouter quelques explications.

    1
    Mardi 11 Octobre 2011 à 13:10

    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