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 : -23%
(Black Friday) Apple watch Apple SE GPS 44mm ...
Voir le deal
199 €

    Ruban

    avatar
    Esto
    MasculinAge : 31Messages : 53

    Sam 21 Mai 2011 - 17:01

    Rappel du premier message :

    Salut :)


    Commande
    Elément à coder : Message
    Adresse du forum : http://estoow.keuf.net/forum
    Description du résultat voulu : je vous donne un lien car c'est très simple mais je n'y arrive pas : http://css-actif.com
    La ou c'est ecrit FERMETURE, sur le ruban rouge.
    Couleurs ou tons : faites avec n'importe quelle couleur, je vais me debrouiller ensuite...
    Images : Pas d'images
    Autres précisions : Aucune


    Voila Wink
    Merci d'avance !!


    • Revenir en haut
    Kazuya
    Kazuya
    MasculinAge : 32Messages : 1499

    Jeu 26 Mai 2011 - 10:01

    Je peux te le faire dans le courrant de la journée (:



    Ruban - Page 2 CKMiDeikSo
    • Revenir en haut
    avatar
    Esto
    MasculinAge : 31Messages : 53

    Jeu 26 Mai 2011 - 13:27

    Daxou :)
    Merciiiii :)
    • Revenir en haut
    avatar
    Esto
    MasculinAge : 31Messages : 53

    Jeu 26 Mai 2011 - 13:43

    PS : Voila l'exemple type =

    http://from-the-couch.com/

    ^^
    • Revenir en haut
    Kazuya
    Kazuya
    MasculinAge : 32Messages : 1499

    Jeu 26 Mai 2011 - 13:53

    Voilà :

    HTML

    Code:
    <div id="fondimage"><br><div class="texteruban">Titre</div></div>
    <div id="rubanback">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mollis arcu at sem interdum condimentum. Cras sed justo quis urna pulvinar convallis in vel tellus. Nunc molestie orci felis, ut ullamcorper massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vestibulum, lacus at dapibus euismod, ligula massa euismod tortor, et porta lacus odio sit amet orci. Donec viverra massa vel nunc pharetra volutpat. Quisque arcu nibh, vulputate in ornare vel, lobortis quis velit. Nunc eu purus ac mauris aliquet scelerisque. Integer sed ipsum magna. Quisque a lectus est. Morbi quis ipsum urna.

    Suspendisse eget fringilla lorem. Vivamus enim dui, egestas in sodales sit amet, adipiscing aliquam purus. Ut vulputate elementum turpis. Etiam eleifend risus in leo venenatis ullamcorper scelerisque leo accumsan. In hac habitasse platea dictumst. Vestibulum suscipit, ante in hendrerit sollicitudin, eros turpis viverra augue, vitae bibendum mauris orci vitae justo. Quisque non ipsum sem. Nunc euismod sodales urna nec tempus. Nullam rhoncus nibh ut magna egestas vehicula. In sem dolor, interdum et malesuada ut, pulvinar eu odio. Praesent auctor iaculis nisi non ultrices. Suspendisse vitae turpis nec nulla pretium imperdiet. Aenean euismod, neque nec semper pretium, justo ligula euismod nulla, id hendrerit metus ipsum ac tortor. Etiam convallis lacinia mollis. Nullam semper, sapien in feugiat posuere, quam nisi fermentum leo, et egestas nisl magna id mi. Morbi in magna quam, non malesuada quam. Donec quam ante, euismod eu dapibus vel, commodo ut mauris. Fusce feugiat posuere libero et tempor.</div><div id="rubanfoot"></div>

    CSS

    Code:
    #fondimage
    {
    margin-top: -12px;
    background-image:url('http://theme2.cssactif.com/categories/cattop.png');
    width : 770px;
    height: 80px;
    background-repeat: no-repeat;
    }

    .texteruban
    {
    padding-left:30px;
    font-weight:bold;
    color:#ffffff;
    font-size:14px;
    padding-top:4px;
    }

    #rubanback
    {
    width: largeur de l'image de fond;
    height: hauteur de l'image de fond;
    background-color: transparent;
    background-image: url(adresse de l'image de fond);
    background-repeat: repeat-y;
    border: none;
    }

    #rubanfoot
    {
    width: largeur de l'image;
    height: hauteur de l'image;
    background-color: transparent;
    background-image: url(adresse de l'image);
    background-repeat: no-repeat;
    border: none;
    }

    De mon coté cela fonctionne (:
    Si besoin est tu peux demander un agencement graphique dans la partie appropriée (:



    Ruban - Page 2 CKMiDeikSo
    • Revenir en haut
    avatar
    Esto
    MasculinAge : 31Messages : 53

    Jeu 26 Mai 2011 - 18:06

    Je vais donc faire une commande :)
    Merciii ^^
    • Revenir en haut
    avatar
    Esto
    MasculinAge : 31Messages : 53

    Jeu 26 Mai 2011 - 19:08

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

    Dim 29 Mai 2011 - 9:23

    Bonjour cette commande est elle terminée?



    Ruban - Page 2 376864signichigo
    • Revenir en haut
    avatar
    Esto
    MasculinAge : 31Messages : 53

    Lun 30 Mai 2011 - 16:47

    Oui :)
    Merci !
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 21 Nov 2024 - 12:53