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 : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

    Fiche sous HTML & CSS

    Moona Neko
    Moona Neko
    FémininAge : 29Messages : 75

    Dim 4 Fév 2018 - 17:46

    Ma demande



    Bonjour/bonsoir ! J'espère poster au bon endroit car j'hésitais entre plusieurs catégories mais au final, comme c'est une fiche pour les messages généraux, je pense que ma demande a davantage sa place ici. En fait, j'ai déjà mon codage de fiche mais je souhaitais le "diviser" afin d'avoir une partie en codage "classique" que l'on rempli de texte et une partie CSS où je pourrai la modifier à ma guise sans avoir a édité de partout. J'espère que je m'exprime assez clairement, je m'excuse d'avance si ce n'est pas le cas. Par ailleurs, j'ai vu quelqu'un vous demandez la même chose, son sujet date de 2012 et j'ai essayé de voir si je trouvais un même genre dans les tutos ou les LS mais je n'ai pas trouvé ... J'espère seulement qu'il n'y a pas déjà un sujet à ce propos et je m'excuse d'avance si c'est le cas, je n'ai simplement pas du le voir. Bref j'arrête mon blabla et je vous fournis tout ce qu'il faut. Je vous remercie par avance !


    Schéma(s) et Eléments


    Schémas : /
    Tailles des éléments : /
    Effets voulus : /
    Version de votre forum : PHPBB2


    Ressources


    Voici le codage de ma fiche (que j'ai réalisé moi-même)

    Code:
    <div align="center">
    <div style="width: 520px;height:auto;background-image: url('https://www.pixenli.com/image/rvHDauzl'); border-left: solid 20px #522931;border-right: solid 20px #522931;padding: 5px;"><div style=" font-size: 25px; color: #f0deb8;text-transform: uppercase;border-top: solid 0px #339966;font-family: Impact;text-align:center;letter-spacing: 2px"><br>Titre</div><div style=" font-size: 12px; color: #f0deb8;text-transform: uppercase;border-bottom: solid 1px #f0deb8;font-family: Impact;text-align:center;letter-spacing: 2px;">sous titre</div>
    <div style="width:500px;height:auto;background: #f0deb8;color:black;padding: 2px;text-align:justify;margin-top:5px;padding: 5px;"><blockquote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</blockquote></div><br>(c) Moona Neko
    </div></div>


    Autres précisions ?


    Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...

    Moona Neko
    Moona Neko
    FémininAge : 29Messages : 75

    Ven 9 Fév 2018 - 18:49

    Je me permets de UPer :3
    Luinil
    Luinil
    FémininAge : 33Messages : 19

    Ven 23 Fév 2018 - 23:15

    Coucou !

    J'espère que j'ai bien compris ^^







    Titre
    sous titre

    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

    (c) Moona Neko


    CSS
    Code:
    #fond{margin:auto;width: 520px;height:auto;background-image: url('https://www.pixenli.com/image/rvHDauzl'); border-left: solid 20px #522931;border-right: solid 20px #522931;padding: 5px;}#titre{font-size: 25px; color: #f0deb8;text-transform: uppercase;border-top: solid 0px #339966;font-family: Impact;text-align:center;letter-spacing: 2px;} #soustitre{font-size: 12px; color: #f0deb8;text-transform: uppercase;border-bottom: solid 1px #f0deb8;font-family: Impact;text-align:center;letter-spacing: 2px;}#texte{width:500px;height:auto;background: #f0deb8;color:black;padding: 2px;text-align:justify;margin-top:5px;padding: 5px;}

    HTML
    Code:
    <div id="fond"><div id="titre"><br />Titre</div><div id="soustitre">sous titre</div>
    <div id="texte"><blockquote>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</blockquote></div><br />(c) Moona Neko
    </div>



    Fiche sous HTML & CSS UAH6Vcb

    After all this time?
    Moona Neko
    Moona Neko
    FémininAge : 29Messages : 75

    Dim 25 Fév 2018 - 15:41

    Bonjour ! Very Happy

    C'était exactement ça, merci beaucoup ! Very Happy Voilà qui va vraiment nous faciliter la tâche lors de nos changements de thème :3

    Merci encore, je passe le sujet en terminé :hudada:

    Luinil
    Luinil
    FémininAge : 33Messages : 19

    Lun 26 Fév 2018 - 2:00

    Super ! :joie:



    Fiche sous HTML & CSS UAH6Vcb

    After all this time?
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 12:19