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 : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

    Fiche pour analyses

    kamiken
    kamiken
    FémininAge : 35Messages : 7

    Ven 14 Déc 2012 - 18:03

    Commande
    Type de document voulu : alors je ne sais pas très bien si j'ai le droit, je demande donc et si ce n'est pas possible et bien tant pis. Voilà je fais des analyses pour forum depuis un petit moment, j'ai un modèle de mise en page assez simple et j'aimerai juste le rendre un peu plus joli et fonctionnel. Il s'agirait donc simplement d'une petite mise en page de tableau en HTML uniquement surtout (je ne suis pas admin là où je poste, pas de CSS donc).

    Adresse du forum : je vous donne l'adresse du mien où il peut m'arriver de poster des analyses pour des partenaires, ainsi que l'adresse du forum d'entraide où je fais des analyses. Peut-être en ferais-je un jour ici aussi Razz
    http://armanda.forumactif.org/ (le mien)
    http://www.sos-rpg.com/ (sos rpg)

    Description des éléments : Le plus simple reste le shéma : https://i.servimg.com/u/f10/15/16/00/40/sans_n10.png
    Bien sur chez moi j'ai dû tout serrer pour que ça rentre bien sur la page, si vous pouviez espacer un petit peu plus... Enfin que ce soit joli et lisible quoi c'est tout ce que je demande ^^
    Est-il possible d'avoir des bords arrondis sans passer par le CSS ? J'avoue que je ne le sais pas donc bah si vous pouvez tant mieux sinon tant pis ! J'aimerai bien un joli cadre autour aussi (j'en demande beaucoup ? :S)

    Couleurs ou tons : je n'ai pas de préférence mais il faut que ce soit pâle, que ça n'agresse surtout pas l'oeil c'est important. Les analyses sont souvent longues, il faut que la personne puisse la lire sans terminer malvoyants x)

    Images : pour la bannière du haut vous pouvez mettre celle de mon fofo pour le moment, je la remplacerait à chaque analyse : https://i.servimg.com/u/f63/12/03/90/27/bann4610.gif
    Et voici un logo, si la taille est trop grande je peux le passer en 100x100 éventuellement : https://i.servimg.com/u/f10/15/16/00/40/pouceh11.png

    Autres précisions : ATTENTION je ne suis pas admin sur tous les forums où je peux être amené à poster mes analyses donc pas de CSS et rien qui ne nécessite d'avoir des droits admins !


    Au cas où cela pourrait vous aider voici la mise en page que j'utilise actuellement :
    Spoiler:
    kamiken
    kamiken
    FémininAge : 35Messages : 7

    Lun 17 Déc 2012 - 9:06

    Premier petit up, merci d'avance à celui ou celle qui s'intéressera à ma commande :nanere:
    Minishiro
    Minishiro
    FémininAge : 28Messages : 288

    Lun 17 Déc 2012 - 17:08

    Salut!

    J'avais du temps à perdre, alors j'ai fait ça pour toi:

    Code:
    <div style="padding: 20px;"><div style="padding: 15px 40px; border: 6px solid #26004E; background-image: url('http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/linedpaper.png'); text-align: center;">
    <div style="font-family: Georgia; font-size: 20px; color: #26004E; background-color: white; padding: 10px; border-left: 4px solid; border-right: 4px solid; text-shadow: 4px 4px 12px #666;">Analyse de <i>Machin</i> par <i>Draco Honoris</i></div>
    <img src="http://i63.servimg.com/u/f63/12/03/90/27/bann4610.gif">

    <table cellpadding="15" cellspacing="20" border="0"><tr><td style="background-color: white; border-radius: 10px; box-shadow: 4px 4px 12px #666;">Lorem ipsum dolor sit amet</td><td style="background-color: white; border-radius: 10px; box-shadow: 4px 4px 12px #666;">Lorem ipsum dolor sit amet</td></tr></table>

    <div style="padding: 6px; border-bottom: 1px dashed #26004E; font-family: Georgia; font-size: 12px; text-align: left; letter-spacing: 3px; color: #26004E;">DESIGN</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="padding: 6px; border-bottom: 1px dashed #26004E; font-family: Georgia; font-size: 12px; text-align: left; letter-spacing: 3px; color: #26004E;">ORGANISATION</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="padding: 6px; border-bottom: 1px dashed #26004E; font-family: Georgia; font-size: 12px; text-align: left; letter-spacing: 3px; color: #26004E;">CONTEXTE</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="padding: 6px; border-bottom: 1px dashed #26004E; font-family: Georgia; font-size: 12px; text-align: left; letter-spacing: 3px; color: #26004E;">ÉCRITURE</div>

    <div style="box-shadow: 4px 4px 12px #666; height: 60px; overflow: auto; padding: 10px; text-align: left; background-color: white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div>

    <div style="padding: 6px; border-bottom: 1px dashed #26004E; font-family: Georgia; font-size: 12px; text-align: left; letter-spacing: 3px; color: #26004E;">CONCLUSION</div>

    <table cellpadding="0" cellspacing="20" border="0"><tr><td style="width: 150px;"><img src="http://i10.servimg.com/u/f10/15/16/00/40/pouceh11.png"></td><td style="background-color: white; border-radius: 10px; box-shadow: 4px 4px 12px #666; padding: 15px;">Lorem ipsum dolor sit amet</td></tr></table>
    </div>
    <div style="opacity: 0.6; font-family: Arial; font-size: 9px; letter-spacing: 2px; margin-top: -10px;">© code par <a href="http://www.never-utopia.com/">never-utopia</a></div></div>

    Je me suis permise d'intégrer du CSS directement dans le HTML, comme ça tu n'as pas besoin d'être administrateur pour l'utiliser. J'espère que ça t'ira. Tu peux évidemment changer couleurs/images assez facilement.


    Analyse de Machin par Draco Honoris



    Lorem ipsum dolor sit ametLorem ipsum dolor sit amet

    DESIGN


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    ORGANISATION


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    CONTEXTE


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    ÉCRITURE


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.


    CONCLUSION


    Lorem ipsum dolor sit amet

    © code par never-utopia


    Dernière édition par WhiteClover le Lun 17 Déc 2012 - 18:06, édité 1 fois



    Fiche pour analyses WvHxu
    Anonymous
    Invité

    Lun 17 Déc 2012 - 17:10

      Hello White,

      La prochaine fois penses à attendre que la commande soit validée sinon tu vas te faire taper sur les doigts Wink

      Au plaisir.
    Minishiro
    Minishiro
    FémininAge : 28Messages : 288

    Lun 17 Déc 2012 - 17:51

    Désolée, puisque la commande avait un up j'ai assumé qu'elle était valide. (Srollé un peu vite et pas très familière avec cette section, ma faute.)



    Fiche pour analyses WvHxu
    CaféOlé
    CaféOlé
    MasculinAge : 35Messages : 355

    Lun 17 Déc 2012 - 20:42

    vraiment super *-* un grand merci White c'est sympa ! Je suis désolé par contre que tu te fasses un peu taper sur les doigts, fallait pas que je uppe ? Oo

    Enfin bref, merci merci merci et :bisou:




    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 22 Déc 2012 - 13:40

    Oui, ça aurait été bien de me laisser valider la commande *kof kof*

    Je vais donc archiver ^^
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:39