Mettre des "Puces en couleurs"

  • Avatar de Inconnu
    geraldriera · Membre ·

    Je veux mettre des puces de couleurs et de formes différentes dans mes articles. Pour le moment les puces lors de la réation d’un article sont noires, moi je les veux vertes, bleues, rondes ou carrées. Eéventuellement les stockées, pour ensuite m’en resservir dans d’autres présentations .
    Les puces proviennent de Word. Mon navigateur Firefox 17.0.1
    Mon site : http://geraldriere.com/

    NB: Comment fait-on pour joindre un fichier, pdf, jpg, à ce message de façon que je montre l’exemple de ce que je veux réaliser ?
    NB: Ca doit ! correspondre à çà en HTML. Mais dans ce cas les puces sont noires et le texte aussi. Je veux bien entendu que le texte reste noir, mais par contre seules les puces changent de couleurs ou de formes.
    Exemple:

    • 4 blanc d’œufs
    • 160 gr de sucre semoule
    • 100 gr de farine
    • 40gr d’amandes en poudre
    • 2 cuillers à soupe de lait ( 5cl )

    Cordialement, et d’avance merci, si vous avez le temps d’étudié ce problème qui doit-être simple pour vous.
    Gérald

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu
    filamots · Membre ·

    Bonjour,
    Voici comment je résoudrais ce sujet si je devais le rencontrer pour un de mes articles.
    J’irai via le moteur de recherche, chercher dans les images, la puce de mon choix.
    Ensuite, lorsque je l’ai trouvée, je la mets dans mes images.
    Puis je vais dans un article nouveau, j’entre ma puce comme image, même si le format est celui d’un mini-icône c’est accepté dans la bibliothèque de WordPress. Je la stocke ainsi. Je supprime mon article brouillon. L’image reste dans votre bibliothèque.
    Je créé mon article sans les puce en mode html.
    Et ensuite à chaque début de phrase j’appelle via insertion de média, mon image que je mets devant chaque ligne. Je ferais un essai via un article brouillon pour voir ce que cela donne. Voilà comment néophyte en la matière de puces… :)) je ferais.
    A tester bien entendu et ma réponse n’est pas garantie comme étant la bonne.

  • Avatar de Inconnu
    filamots · Membre ·

    J’ai oublié d’ajouter que lorsque je fais copier-coller de mon texte word, et que je l’ajoute dans le mode html, j’enlève bien entendu les petits points noirs qui doivent apparaître, je n’ai pas essayé non plus. Ce n’est que via ce mode d’insertion en mode html, que c’est le plus pratique pour insérer un texte.

  • Avatar de Inconnu
    geraldriera · Membre ·

    Bonjour Filamots,
    Toujours fidèle au poste pour répondre à un internaute, c’est très gentil de votre part. Bon ! Je vais essayer, mais javoue ne pas trop être convaincu par ce processus. J’avoue bien entendu avoir farfouillé un peu avant d’avoir posté mon message. Un internaute spécialisé en langage HTML m’a répondu, et je vais tester çà méthode, qui repose sur la rectification du langage, avec un nouveau code source, qui redéfini la couleur de la puce, voici ce qu’il écrit ! 

    <ul class="recettes">

<li>4 blanc d’œufs</li>
<li>160 gr de sucre semoule</li>
<li>100 gr de farine</li>
<li>40gr d’amandes en poudre</li>
<li>2 cuillers à soupe de lait ( 5cl )</li>

    CSS

    .ingredients { list-style: url(puce_verte.png) circle;}.recettes { list-style: url(puce_bleue.png) disc;

    Filamots, savez-vous comment ? il faut faire pour insérer un fichier ou une image dans le texte du message…
    Cordialement
    Gérald

    [HTML rectifié par airodyssey]

  • Avatar de Inconnu
    lilmaouz · Membre ·

    Gérald,
    Si vous parlez bien du forum, on ne peut rien insérer ici
    on peut juste poster les URL’s d’image pdf blog ou autre

    Je ne sais pas ce que vous avez fabriqué mais vous avez tout cassé le forum :)

    [C’est réglé – airodyssey]

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Pour modifier le CSS pour l’ensemble du site, il faut en principe acheter l’option payante de design personnalisé et connaître le langage CSS.

    Pour les prochaines fois dans les forums, il faut impérativement mettre un accent grave (`) au début et un autre à la fin. Sinon, les codes «ul» et «li» deviennent une vraie liste à puce sur le forum, voire pire (un dérèglement total de la page sur le forum).

  • Avatar de Inconnu
    lilmaouz · Membre ·

    Merci mod’chou. Bonnes Fêtes de Fin d’Année. Plein de biz (sans puces ;)

  • Avatar de Inconnu
    filamots · Membre ·

    Bonjour à tous,
    Je suis utilisatrice comme vous Gérard, et j’apprends encore. Tient justement, j’ai mis une recette hier sur mon blog en utilisant pour la première fois la liste à puces, et j’ai vu en html code à côté de l’onglet visuel ce que cela donnait.
    Je connaissais les termes :-)

    Filamots, savez-vous comment ? il faut faire pour insérer un fichier ou une image dans le texte du message…
    Cordialement
    Gérald

    Désolée de répondre aussi tardivement, je ne suis pas tout le temps derrière mon pc.
    Je vais devoir vous répondre en plusieurs fois, sauf si vous avez résolu votre problème avec les puces de couleurs.
    1° Pour me chercher des puces comme vous le souhaiteriez, je vais dans google, je tape : puces colorées, puis sur images. Là ensuite je clique sur outils de recherches puis -> toutes les tailles et ensuite sur icônes.
    Et là vous allez trouver toutes des puces différentes. Vous pouvez affiner votre recherche en tapant puces rondes, puces carrées etc…
    Vous avez d’ailleurs des sites qui proposent ce genre de puces à l’infini. Vous affinez aussi la couleur dans les propositions d’images.
    Lorsque vous avez trouvé l’image de votre choix, ou bien plus grande que vous diminuerez avec votre logiciel de retouche d’image et que vous l’avez sauvez dans votre bibliothèque sur votre disque dur, voilà la première étape de franchie.
    Comme je vais mettre aujourd’hui sur mon blog une deuxième recette en espérant y arriver, je vais m’amuser à y mettre des puces d’une couleur rouge par exemple et ronde au lieu de cliquer sur l’icône puces au-dessus de mon article :)
    A plus tard. J’espère y arriver, car la vie réelle me rappelle, le repas, les courses et tutti quanti. Mais vous aurez votre réponse.

    Je profite de ce topic pour souhaiter à airodyssey, à la petite souris, et à …..tassiopée, ainsi que tous les autres qui passent par ici, de bonnes fêtes de fin d’année 2012 et un bon début en 2013. Pleins de bises aussi avec distribution de verrines virtuelles lol

  • Avatar de Inconnu
    filamots · Membre ·

    Bonsoir,
    @ Gérald,
    Je viens de poster ma seconde recette avec des puces rouges et rondes et voici ce que cela donne en visualisant sur le blog : mode texte

    <`code> »puce_menu » 2 avocats
     »puce_menu » 1 pot de tomates mozarella-ricotta
     »puce_menu » 2 ou 4 tranches de saumon fumé
     »puce_menu » 2 cuillères à soupe de crème fraîche épaisse
     »puce_menu » 3 cuillères à soupe de ricotta
     »puce_menu » Une vingtaine de brin de ciboulette
     »puce_menu » 5 branches d’aneth
    En mode visuel vous pouvez voir la recette avec les puces rouges rondes que j’ai mise pour essayer. Pour moi cela a bien fonctionné.
    Comment j’ai procédé ?
    J’ai d’abord tapé toute ma recette avec les ingrédients sans les puces.
    Et ensuite toujours en mode texte ou html, j’ai ajouté l’image de la puce devant. Le gras je l’ai ajouté ensuite en mode visuel ainsi que le texte en couleur.
    En espérant vous avoir quelque peu éclairé et en espérant surtout que mes codes vont passer, car là je ne suis pas certaine du tout.
    J’espère qu’airodyssey me corrigera…svp…merci beaucoup :-)
    Une fois envoyé, je ne puis plus rien corriger. Désolée si cela ne fonctionne pas bien du premier coup.

  • Avatar de Inconnu
    lilmaouz · Membre ·

    Merci pour vos bons voeux, Filamette! On va essayer d’en faire un truc moins pire que 2012 (au train où va le monde, ce serait déjà un exploit! :) lol

    Je vous souhaite une année 2013 caressée des brises de la sérénité, une santé tranquille, et une myriade de petits bonheurs. La magie des rêves, et tout l’or des arcs en ciel ≈☀

  • Avatar de Inconnu
    filamots · Membre ·

    Bonjour et merci pour ce gentil petit mot lil ou petite souris, c’est plus mignon ;-)
    Oui oui on va essayer. Pareil pour vous aussi, de la sérénité à vous, une santé de jeune fille et des petits bonheurs cueillis au jours le jour sur la rosée du matin des fleurs. Je bondis pour la magie des rêves…..youpeee !
    et pour les arcs-en-ciel. C’est trop beau !
    Bises à vous.

  • Le sujet ‘Mettre des "Puces en couleurs"’ est fermé aux nouvelles réponses.