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.

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

    [NYO] Code type " article de journal "

    Amarante
    Amarante
    FémininAge : 27Messages : 40

    Mer 24 Fév 2016 - 20:02

    Ma demande



    Hello !
    Je n'ai pas trouvé de tuto à ce sujet, du coup je poste. ( en espérant être claire, c'est pas gagné )
    Du coup, en gros, j'aurais besoin d'un code type " article de journal ", pour être plus précise avec le texte qui fait plusieurs blocs.
    Merci d'avance ♥


    Schéma(s) et Eléments
    Schémas
    https://i.servimg.com/u/f84/18/74/78/51/blblbl10.png
    Tailles des éléments : 500px de large maxi
    Effets voulus : à part pour le texte, nope


    Ressources
    Si vous souhaitez des images de fond précises ou des icones etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.

    Autres précisions ?
    Beaucoup de love sur qui m'aidera avec ça ♥


    Dernière édition par Amarante le Ven 26 Fév 2016 - 19:20, édité 1 fois
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 24 Fév 2016 - 20:09

    Hello! ^^
    Tu veux quelque chose comme ça?



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, sapien eu sagittis vestibulum, dui urna sagittis magna, ac lobortis purus lectus vel nisi. Suspendisse libero est, sollicitudin vitae aliquet nec, ornare a libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque finibus mi mi, eget facilisis sapien consequat ac. Aliquam ut efficitur est. Mauris id hendrerit sapien, id elementum felis. Nam elementum, leo in tincidunt bibendum, nisi mauris malesuada mauris, at laoreet dolor justo a libero. Quisque elementum eleifend enim, at laoreet eros cursus ut. Donec scelerisque vestibulum eros. In hac habitasse platea dictumst. In lectus mi, eleifend vitae justo quis, consectetur condimentum neque. Praesent et gravida enim, eget blandit sem.

    Sed ac porttitor purus. Sed viverra, augue ac tristique molestie, sem risus mattis nunc, et euismod sem tellus eget metus. Praesent pharetra ullamcorper eros tempus laoreet. Fusce porta nibh eget turpis congue varius. Fusce tristique magna at ligula elementum, id faucibus diam malesuada. Integer aliquet, mi non imperdiet semper, quam dui pharetra urna, at volutpat purus est eu massa. Sed sagittis id risus vel mattis. Phasellus et ex ipsum. Fusce justo nunc, volutpat vehicula ligula a, pretium bibendum justo. Morbi leo ligula, sodales vel ullamcorper at, ullamcorper at enim. Vivamus mollis, ligula vitae condimentum vehicula, ligula justo pretium libero, eget ullamcorper lectus mauris vitae tellus. In mauris dui, dignissim interdum varius nec, pellentesque et sapien. Mauris fermentum lorem laoreet, tempus ex ut, malesuada elit. Fusce vitae nisi lobortis, ultrices diam sit amet, cursus justo. Maecenas consequat quam non auctor fringilla.

    Suspendisse nec risus diam. Cras bibendum libero magna, sit amet malesuada mi bibendum nec. Phasellus vulputate lobortis turpis, vitae finibus nunc sodales at. Duis vestibulum, felis ut lacinia sagittis, neque est ultrices urna, sit amet tincidunt lorem risus commodo orci. Suspendisse tempus id urna nec pellentesque. Sed convallis, lectus a mattis eleifend, sem dui finibus libero, eu rutrum magna eros placerat tellus. Nullam vel dictum purus. Mauris ac risus malesuada, suscipit ipsum vitae, ullamcorper neque. Maecenas interdum, elit nec mollis sollicitudin, tortor dolor accumsan justo, quis aliquet ex elit et mauris. Donec tempor vestibulum ultricies.


    Dernière édition par NyoTheNeko le Mer 24 Fév 2016 - 21:40, édité 1 fois



    Amarante
    Amarante
    FémininAge : 27Messages : 40

    Mer 24 Fév 2016 - 20:56

    Exactement !
    Merci ♥
    NyoTheNeko
    NyoTheNeko
    FémininAge : 30Messages : 5683

    Mer 24 Fév 2016 - 21:40

    Voici le code:

    Code:
    <style type="text/css">.article_journal { box-sizing: border-box; width: 500px; padding: 10px; margin: auto; background: white; border: 1px solid black; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }</style>

    <div class="article_journal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia, sapien eu sagittis vestibulum, dui urna sagittis magna, ac lobortis purus lectus vel nisi. Suspendisse libero est, sollicitudin vitae aliquet nec, ornare a libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque finibus mi mi, eget facilisis sapien consequat ac. Aliquam ut efficitur est. Mauris id hendrerit sapien, id elementum felis. Nam elementum, leo in tincidunt bibendum, nisi mauris malesuada mauris, at laoreet dolor justo a libero. Quisque elementum eleifend enim, at laoreet eros cursus ut. Donec scelerisque vestibulum eros. In hac habitasse platea dictumst. In lectus mi, eleifend vitae justo quis, consectetur condimentum neque. Praesent et gravida enim, eget blandit sem.

    Sed ac porttitor purus. Sed viverra, augue ac tristique molestie, sem risus mattis nunc, et euismod sem tellus eget metus. Praesent pharetra ullamcorper eros tempus laoreet. Fusce porta nibh eget turpis congue varius. Fusce tristique magna at ligula elementum, id faucibus diam malesuada. Integer aliquet, mi non imperdiet semper, quam dui pharetra urna, at volutpat purus est eu massa. Sed sagittis id risus vel mattis. Phasellus et ex ipsum. Fusce justo nunc, volutpat vehicula ligula a, pretium bibendum justo. Morbi leo ligula, sodales vel ullamcorper at, ullamcorper at enim. Vivamus mollis, ligula vitae condimentum vehicula, ligula justo pretium libero, eget ullamcorper lectus mauris vitae tellus. In mauris dui, dignissim interdum varius nec, pellentesque et sapien. Mauris fermentum lorem laoreet, tempus ex ut, malesuada elit. Fusce vitae nisi lobortis, ultrices diam sit amet, cursus justo. Maecenas consequat quam non auctor fringilla.

    Suspendisse nec risus diam. Cras bibendum libero magna, sit amet malesuada mi bibendum nec. Phasellus vulputate lobortis turpis, vitae finibus nunc sodales at. Duis vestibulum, felis ut lacinia sagittis, neque est ultrices urna, sit amet tincidunt lorem risus commodo orci. Suspendisse tempus id urna nec pellentesque. Sed convallis, lectus a mattis eleifend, sem dui finibus libero, eu rutrum magna eros placerat tellus. Nullam vel dictum purus. Mauris ac risus malesuada, suscipit ipsum vitae, ullamcorper neque. Maecenas interdum, elit nec mollis sollicitudin, tortor dolor accumsan justo, quis aliquet ex elit et mauris. Donec tempor vestibulum ultricies.
    </div>

    Si ta demande est terminée, n'oublie pas de mettre l'icône terminée! ^^



    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 16:42