AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    Petit message de remerciement , forum de pub.

    Anonymous
    Invité

    Mer 17 Avr 2013 - 23:25

    Commande
    Type de document voulu : bah voilà , sa serait un message de remerciement de 3 couleurs différente. Vert , Orange et Violet
    Adresse du forum :
    Description des éléments : Voilà un shemas très descriptif : https://2img.net/r/hpimg11/pics/115480Tag.png

    Couleurs ou tons :

    Vert : #00FF05 et pour la couleurs d'écriture : #00EB00
    Orange : #FF9900 ( pareil pour l'écriture aussi )
    Violet : #993366 ( pareil pour l'écriture aussi )
    Fond gris : #C0C0C0
    Aucune police spécifié.

    Images : Voilà les images qui seront à gauche :
    Vert : https://2img.net/r/hpimg4/pics/289982acceptercheckokouiicone4851128.png
    Orange : https://2img.net/r/hpimg4/pics/947467avertissementicone7213128.png
    Violet : https://2img.net/r/hpimg4/pics/426316aidepointinterrogationsoutienicone4653128.png
    Autres précisions :
    Comme c'est un forum de pub , j'aimerai que le codage soit intégré au CSS , et qu'il suffit juste de faire un petit code comme
    [Val] Blablabla [/val] pour le second en orange : [mod] Blablabla [/mod] et l'autre ett le violet en dernier : [Ques] Blablabla [/ques] et aussi j'aimerai que ces balise soient intégré et accécible seulement pour les modérateurs , quant ils sont entrain de rédiger un post

    Quand ont écrit un post , ont à les B/I/U/S , Couleurs et Aa et A. J'aimerai que Trois petits icônes soit affiché pendant qu'on écrit le message , qu'ont est juste à cliqué sur l'un des trois pour que les balise ([mod]texte[/mod]) s'affiche dirrectement.

    Merci d'avance



    Dernière édition par Colft le Ven 3 Mai 2013 - 3:15, édité 2 fois
    • Revenir en haut
    Anonymous
    Invité

    Ven 19 Avr 2013 - 10:35

    up
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 20 Avr 2013 - 8:31

    Bonjour avant de valider la commande peut reposter les liens des icônes car chez moi il ne s'affiche pas merci.



    Petit message de remerciement , forum de pub. 376864signichigo
    • Revenir en haut
    Anonymous
    Invité

    Sam 20 Avr 2013 - 23:08

    Erf, désolé , souci d'hebergeur

    J'ai édité mon premier message avec des images valides.

    Cordialement
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Dim 21 Avr 2013 - 8:53

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine


    Sinon tu à ce tuto à disposition qui semble coller avec ta commande ici



    Petit message de remerciement , forum de pub. 376864signichigo
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Lun 22 Avr 2013 - 19:50

    Coucouu!

    Alors voici ce que j'ai fait pour tes images. Par contre, pour ta précision, j'ai vu que c'était possible, j'ai trouvé des tutos comment le faire, mais ça implique de jouer avec le javascript/jquery/j'sais pas trop, et je n'ose pas y toucher.

    En attendant, je te propose cette solution.

    Ce code est à copier dans ton CSS (Affichage-> couleurs ->feuille de style CSS)
    Code:
    div.check{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/289982acceptercheckokouiicone4851128.png') 15px 1px;
    border:4px solid #00FF05;
    color:#00a400;
    padding:20px 30px 20px 190px;
    text-align:justify;
    }

    div.interrogation{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 170px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/426316aidepointinterrogationsoutienicone4653128.png') 15px 1px;
    color:#993366;
    border:4px solid #993366;
    text-align:justify;
    }

    div.attention{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 180px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/947467avertissementicone7213128.png') 15px 1px;
    color:#cc7a00;
    border:4px solid #FF9900;
    text-align:justify;
    }

    Et ça, ce sont les balises à utiliser quand toi ou un de tes modos écris un message :
    Code:
    <div class="attention">Ton message</div>
    <div class"interrogation">Ton message</div>
    <div class="check">ton message</div>
    Attention, c'est pour le point d'exclamation.
    Interrogation, c'est pour le point d'interrogation.
    Et check, c'est pour le crochet.

    J'espère que cette solution pourra te dépanner en attendant qu'un expert en javascript passe par là. ^^

    J'ai dû modifier les couleurs des polices pour le vert et le orange, car je trouvais qu'esthétiquement parlant, ça jurait trop avec le fond et on avait de la difficulté à lire.

    Et voici un aperçu! ^^ :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum
    • Revenir en haut
    Anonymous
    Invité

    Mar 23 Avr 2013 - 19:13

    Coucou

    Je te remercie infiniment pour ce que tu as fais.

    J'aimerai que ça soit soit un peut plus réduit s'il te plaît , que le codage au résultat donne une taille de 650px de largeur et que le texte soit en gras s'il te plaît Embarassed

    Je te remercie beaucoup.

    En attente d'une solution pour mes demandes de précisions.

    Cordialement
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Mar 23 Avr 2013 - 20:31

    Ravie que ça te plaise Very Happy! Pour tes modifs, je te fais ça tout de suite! ^^

    Et voilà le résultat! Very Happy

    Ce code est à copier dans ton CSS (Affichage-> couleurs ->feuille de style CSS)
    Code:
    div.check{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/289982acceptercheckokouiicone4851128.png') 15px 1px;
    border:4px solid #00FF05;
    color:#00a400;
    padding:20px 30px 20px 190px;
    text-align:justify;
    width:650px;
    font-weight:bold;
    }

    div.interrogation{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 170px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/426316aidepointinterrogationsoutienicone4653128.png') 15px 1px;
    color:#993366;
    border:4px solid #993366;
    text-align:justify;
    width:650px;
    font-weight:bold;
    }

    div.attention{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 180px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/947467avertissementicone7213128.png') 15px 1px;
    color:#cc7a00;
    border:4px solid #FF9900;
    text-align:justify;
    width:650px;
    font-weight:bold;
    }

    Et ça, ce sont les balises à utiliser quand toi ou un de tes modos écris un message :
    Code:
    <div class="attention">Ton message</div>
    <div class"interrogation">Ton message</div>
    <div class="check">ton message</div>
    Attention, c'est pour le point d'exclamation.
    Interrogation, c'est pour le point d'interrogation.
    Et check, c'est pour le crochet.

    Et voici un aperçu! ^^ :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum
    • Revenir en haut
    Anonymous
    Invité

    Mer 24 Avr 2013 - 11:22

    Merci

    Mais quand je parlais de Largeur , c'est de Gauche à droite et non de Bas à Haut Razz
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Mer 24 Avr 2013 - 15:37

    J'avais pourtant mis 650 pixels pour la largeur... :hum: Voyons voir..

    Ahh! Là ça devrait être bon! ^^

    Ce code est à copier dans ton CSS (Affichage-> couleurs ->feuille de style CSS)
    Code:
    div.check{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/289982acceptercheckokouiicone4851128.png') left center;
    border:4px solid #00FF05;
    color:#00a400;
    padding:20px 30px 20px 190px;
    text-align:justify;
    width:400px;
    font-weight:bold;
    margin:auto;
    }

    div.interrogation{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 170px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/426316aidepointinterrogationsoutienicone4653128.png') left center;
    color:#993366;
    border:4px solid #993366;
    text-align:justify;
    width:420px;
    font-weight:bold;
    margin:auto;
    }

    div.attention{
    border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    padding:20px 30px 20px 180px;
    background:#C0C0C0 no-repeat url('http://img4.hostingpics.net/pics/947467avertissementicone7213128.png') left center;
    color:#cc7a00;
    border:4px solid #FF9900;
    text-align:justify;
    width:410px;
    font-weight:bold;
    margin:auto;
    }

    Et ça, ce sont les balises à utiliser quand toi ou un de tes modos écris un message :
    Code:
    <div class="attention">Ton message</div>
    <div class"interrogation">Ton message</div>
    <div class="check">ton message</div>
    Attention, c'est pour le point d'exclamation.
    Interrogation, c'est pour le point d'interrogation.
    Et check, c'est pour le crochet.

    Et voici un aperçu! ^^ :

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum


    Dernière édition par Miss_Karma le Sam 27 Avr 2013 - 6:35, édité 2 fois
    • Revenir en haut
    Anonymous
    Invité

    Mer 24 Avr 2013 - 17:50

    Erf

    Désolé , vraiment désolé de te pomper l'air comme ça hein x')

    Mais un dernier petit truc

    Pourrais tu faire en sorte que l'image soit au centre quelque soit la taille du texte ? Razz merci beaucoup
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Jeu 25 Avr 2013 - 5:22

    Pas de soucis! ^^

    J'ai édité le message précédent Very Happy

    Autre chose pour faire ton bonheur? ^^
    • Revenir en haut
    Anonymous
    Invité

    Jeu 25 Avr 2013 - 16:52

    Aaah mercshi beaucoup !

    Non , mon bonheur est comblé par tes capacités!

    Merci beaucoup

    • Revenir en haut
    Anonymous
    Invité

    Jeu 25 Avr 2013 - 21:54

    Désolé du double post

    mais c'est la dernière chose que je te demanderai x')

    Peux tu faire en sorte que le message codé soit au centre du message Razz

    Merci merci d'avance :0)
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Ven 26 Avr 2013 - 16:54

    Euuuh va falloir que tu expliques davantage parce que mon pauvre petit cerveau n'a pas encore eu sa dose de caféine ce matin. T.T

    Quand tu parles de message codé, tu parles du truc en latin que j'ai mis pour remplir? tu veux que le texte soit centré?

    comme ça?

    ou tu veux que touuut le message avec la bordure et tout soit centré?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim magna id tellus vestibulum imperdiet. Donec fermentum nulla vel dolor cursus in luctus nisl dapibus. Curabitur eu molestie urna. Curabitur a elit in risus vulputate vulputate. Donec non orci at nibh vulputate vestibulum ac et mi. Sed consectetur tincidunt erat facilisis tincidunt. Mauris sed velit ligula. Donec porta augue vitae tortor pellentesque bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Plutôt comme ça?
    • Revenir en haut
    Anonymous
    Invité

    Ven 26 Avr 2013 - 18:51

    Oui je parle de ta deuxième Citation :)
    • Revenir en haut
    Miss_Karma
    Miss_Karma
    FémininAge : 34Messages : 58

    Sam 27 Avr 2013 - 6:36

    Nickel alors! C'est fait! ^^

    Autre chose? Very Happy
    • Revenir en haut
    Anonymous
    Invité

    Sam 27 Avr 2013 - 22:20

    Non, Merci beaucoup :)
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Dim 28 Avr 2013 - 8:48

    Bonjour, la commande est-elle terminée ?Merci de signaler si la demande a été satisfaite, nous permettant ensuite d'archiver le topic. Pour cela, il suffit d'éditer le premier message et choisir l’icône "terminé".



    Petit message de remerciement , forum de pub. 376864signichigo
    • Revenir en haut
    Anonymous
    Invité

    Dim 28 Avr 2013 - 22:09

    Coucou

    Non elle n'est pas terminé

    Une autre partie de ma commande n'est pas réalisé.
    • Revenir en haut
    Anonymous
    Invité

    Ven 3 Mai 2013 - 3:16

    Coucou

    Commande terminé maintenant

    Merci d'archiver s'il vous plaît.

    Cordialement;
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 4 Mai 2013 - 8:41

    J'archives.



    Petit message de remerciement , forum de pub. 376864signichigo
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 17:50