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

    code de mise en page html

    katia06
    katia06
    FémininAge : 55Messages : 203

    Mer 20 Mar 2013 - 8:57

    bonjour,

    Voilà j'ai créer un mag' et j'aimerais avoir dans le contenu une belle mise en page pour y écrire mes articles

    j'ai déjà instalé le code de halloween voir le tuto ==> https://www.never-utopia.com/t42729-creer-un-mag-grace-aux-pages-html
    de ce côté là c'est bon, c'est pour le remplir que j'aimerais avoir un code, un peu comme une fiche de pub et aussi savoir si il est possible de faire un code qui mettrait la mise à jours des sujets, messages, membres, connectés, anniversaire comme le QEEL, comme ça je n'ai pas à le faire à chaque fois.

    J'espère avoir été un peu clair


    Contenu du MAG'
    Elément à coder : page html
    Adresse du forum : http://www.bonheur-de-ludivine.com/h1-le-mag-de-ludivine
    Description du résultat voulu : Créer une mise en page du contenu pour le mag' et un code qui actualise la mise à jour du forum (membres connectés, nouveaux, membres, les messages, les sujets, les derniers connectés, les anniversaires, comme le QEEL)
    Couleurs ou tons :Couleurs texte: #652335 ; couleurs des liens: #D6466F ; Couleur intérieure de la catégorie: #ea95b0 ; Couleur intérieure du cadre de la catégorie : #652335, le fond du forum blanc.
    Police: Cambria,Brush Script Std,CinnamonRollPlainJF ; Taille: 12 et taille pour titre: 18 ou 20.
    Images : [liste et/ou tailles des images présentes dans l'élément, s'il y'en a (motifs de fond ou autres...)]
    Autres précisions : j'espère que j'ai été le plus clair possible, si vous désirez plus de précision, je pourrais vous en donner.

    merci pour tout, merci pour ce super forum.


    Dernière édition par katia06 le Dim 16 Juin 2013 - 18:51, édité 1 fois



    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Mer 20 Mar 2013 - 9:41

    Bonjour tu à déjà une commande en cours il te faut attendre que celle que tu à déjà soit finis avant d'en ouvrir une autre, donc je peux la mettre en pause si tu veux le temps que l'autre soit fini merci.



    code de mise en page html 376864signichigo
    katia06
    katia06
    FémininAge : 55Messages : 203

    Mer 20 Mar 2013 - 14:37

    ok, mets là en attente, car je crois que l'autre elle est presque terminée, il y a halloween qui m'a fait un exemple et que j'ai trouvé super génial, donc j'attends juste qu'elle me donne le code.
    merci Klash



    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Mer 20 Mar 2013 - 17:11

    Pas de problème^^



    code de mise en page html 376864signichigo
    katia06
    katia06
    FémininAge : 55Messages : 203

    Mer 20 Mar 2013 - 19:10

    merci



    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 20 Avr 2013 - 8:46

    Bonjour Katia ton autre commande et fini tu veut reprendre celle-ci ?



    code de mise en page html 376864signichigo
    katia06
    katia06
    FémininAge : 55Messages : 203

    Sam 20 Avr 2013 - 9:57

    ok merci alors c'est parti
    biz



    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 20 Avr 2013 - 10:09

    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



    code de mise en page html 376864signichigo
    katia06
    katia06
    FémininAge : 55Messages : 203

    Dim 21 Avr 2013 - 9:35

    merci Klash



    Neva
    Neva
    FémininAge : 33Messages : 18565

    Dim 28 Avr 2013 - 22:22

    Hello,

    Une semaine sans relance, je viens aux nouvelles : le sujet est-il toujours d'actualité ?
    Pense à upper pour que ton sujet ait plus de chances d'être lu. Il y a pas mal de sujets dans cette section, tu peux facilement te retrouver en bas de la liste



     
    katia06
    katia06
    FémininAge : 55Messages : 203

    Lun 29 Avr 2013 - 8:51

    oui dsl je n'avais pas pu y aller



    katia06
    katia06
    FémininAge : 55Messages : 203

    Mer 1 Mai 2013 - 19:11

    je Up
    biz



    katia06
    katia06
    FémininAge : 55Messages : 203

    Sam 4 Mai 2013 - 10:59

    Up



    katia06
    katia06
    FémininAge : 55Messages : 203

    Mar 7 Mai 2013 - 9:22

    Je Up



    katia06
    katia06
    FémininAge : 55Messages : 203

    Ven 10 Mai 2013 - 9:14

    Je Up, toujours personne qui veut m'aider?? SNIF



    Anonymous
    Invité

    Ven 10 Mai 2013 - 11:35

    Yop,

    En fait j'ai pas du tout compris ce que tu veux Oo Changer les couleurs ? La mise en page ? Dans ce cas un schéma serait le bienvenu.

    Courage ^^
    katia06
    katia06
    FémininAge : 55Messages : 203

    Ven 10 Mai 2013 - 16:50

    J'aimerai juste que les flèches qui tournent les pages soient de chaque côtés du panneau plutôt qu'en bas

    code de mise en page html 2013-010

    et surtout, un code qui ferait automatiquement la mise à jour du forum (les derniers messages et/ou sujets créer, membres connectés ses dernières 24h00, nouveaux, membres inscrits, les derniers connectés, les anniversairessur 15 jours) tout comme dans le QEEL

    code de mise en page html 2013-011

    merci d'avance



    Anonymous
    Invité

    Ven 10 Mai 2013 - 17:22

      Pourrais-je avoir ta page et ton CSS si tu en as ajouté du coup ? Comme ça tu n'auras pas à tout re-personnaliser.

      Par contre pour le sommaire, c'est parce qu'on a pas la même taille d'écran (résultat chez moi). Je veux bien le réduire un peu mais si tu veux ajouter 300px pour l'en-tête ... ça ne changera rien au problème =$ Changer le sommaire de place peut-être ?
    katia06
    katia06
    FémininAge : 55Messages : 203

    Sam 11 Mai 2013 - 10:40

    je ne comprends pas quel page ?? le CSS c'est celui qui se trouve sur les pages HTML ??

    Voici le code de la 1ière page

    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

    transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Le Mag de Ludivine</title>

    <style type="text/css">
    a { text-decoration: none;
    color: #90334e; }</style>
    <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
    </head>
    <body><div <div style="background-image: url(http://img15.hostingpics.net/pics/324032fondmag.png); height: 100%; width: 100%;"><br><br>

    <center><div style="width: 600px; background-color: #90334e; border: 1px solid #90334e; padding: 20px;"><table border="0" cellspacing="2" width="100%">
      <tbody><tr>
        <td width="50%"><div style="text-align: center; font-size: 25px; color: #FFFFFF; font-family: georgia;"><i>Le Mag de Ludivine</i></div><div style="text-align: center; font-size: 14px; font-family: georgia; color: #C6B8B9;"><i>Parce qu'il y a toujours plein de rebondissement</i></div></td>
        <td width="50%"><div style="text-align: center; background-color: #ea95b0; font-size: 14px; font-family: georgia; color: #000000; padding: 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;"><i>A la une
    <br>Les dernières éditions</i></div></td>
      </tr>
    </tbody></table></div></center>

    <center><div style="background-color: #F3F3F3; width: 600px; border: 1px solid #F3F3F3; color: #6E6E6E; padding: 20px; height: 490px; margin-top: -1px; font-size: 14px; text-align: justify; overflow: auto;"><div style="text-align: center; font-size: 28px; color: #000000; font-family: old english text mt; transform: rotate(-3deg"><i>En Première page</i></div>

    <br><center><img src="http://img15.hostingpics.net/pics/715416100905050256837743.gif">
    <br><br>
    <span style="font-weight: bold;">Voici votre Mag !!!</span><br><br>

    Tout les derniers potins du forums, seront ici, vous pourrez lire les dernières news.<br><br>

    Sur la <span style="font-weight: bold;">page 2</span>, vous saurez tout sur les statistiques et le staff du forum.<br>
    La <span style="font-weight: bold;">page 3</span>, vous allez avoir toutes les news du forum.<br>
    <span style="font-weight: bold;">Page 4</span>, on vous parlera des concours en cours et des gagnants du mois précédent. <br>
    <span style="font-weight: bold;">La page 5</span>, tout sur ce fameux concours interforum, lesquels qui participent, qui a gagné et les thèmes en cours.
    <br>
    <span style="font-weight: bold;">La page 6</span>, vous annonce toutes les nouvelles infos qui ont été sur les journaux tout au long du mois.
    <br>
    <span style="font-weight: bold;">La page 7</span>,La petite histoire de Ludivine, partie trop tôt.
    <br>
    <span style="font-weight: bold;">La page 8</span>,une page de publicité.
    <br>
    <span style="font-weight: bold;">La page 9</span>,votre programme TV, Cinéma, et les sorties.
    <br><br>
    Si nous voyons que ce mag vous donne grand intérêt, nous pourrons ajouter des pages et y écrire tout ce qui vous intéresse. <br>Cela peu aller de la mode, du monde, des balades, du jardinage, météo, vos passions, etc...
    <br><br>
    J'espère que ce magasine, vous apportera un peu de bonheur et plus d'idées, toute fois si vous voulez ajouter un article intéressant sur n'importe quel sujet qui est un rapport ou non sur le forum, vous pouvez suggérer et éditer un article que vous enverrez par MP à notre chef de presse katia66.<br><br>Bonne lecture<br><br>
    <A href="http://www.free-livredor.com/index.php?lid=53613"><IMG style="WIDTH: 194px; HEIGHT: 170px" height=228 src="http://i21.servimg.com/u/f21/15/01/33/91/livre11.gif" width=233></A>
    <br><br><br></center></div></center>

    <center><a href="http://www.bonheur-de-ludivine.com"><img src="http://i74.servimg.com/u/f74/15/01/33/91/fleche11.gif"></a>  <a href="http://www.bonheur-de-ludivine.com/h7-statistiques-et-le-staff"><img src="http://i74.servimg.com/u/f74/15/01/33/91/fleche10.gif"></a></center>
    </div><div style="background-color: #da4f78; width: 180px; height: auto; padding: 10px; margin-top: -700px; margin-left: 0px; font-family: arial; font-size: 12px;"><div style="text-align: center; font-size: 25px; color: #000000; font-family: georgia;"><i>Sommaire</i></div>

    <br><a href="http://www.bonheur-de-ludivine.com/h1-le-mag-de-ludivine"><div style="color: #90334e;"><b>Page 1: Menu</b></div></a><a href="http://www.bonheur-de-ludivine.com/h7-statistiques-et-le-staff">Page 2: Statistiques et Staff</a><br><a href="http://www.bonheur-de-ludivine.com/h2-les-news-et-infos">Page 3: Les news et infos</a><br><a href="http://www.bonheur-de-ludivine.com/h3-news-des-concours">Page 4: News des concours</a><br><a href="http://www.bonheur-de-ludivine.com/h4-gagnants-des-concours-interforum">Page 5: Gagnants Interforum</a><br><a href="http://www.bonheur-de-ludivine.com/h5-le-journal">Page 6: Le journal</a><br><a href="http://www.bonheur-de-ludivine.com/h6-histoire-d-un-ange">Page 7: L'histoire de Ludivine</a><br><a href="http://www.bonheur-de-ludivine.com/h8-page-publicite">Page 8: Page Publicité</a><br><a href="http://www.bonheur-de-ludivine.com/h9-au-programme-ce-soir">Page 9: Au programme</a><br><a href="http://www.bonheur-de-ludivine.com">Retour Forum</a><br><br> <div style="font-size: 10px; text-align: right; color: #90334e;">© Code by Halloween de <a href="http://www.never-utopia.com">NU</a></div></div>

    </body> </html>

    C'est par ce que ma résolution d'écran est à 1024 x 768 px, je n'ai pas réussi à l'avoir plus petit, ça fait vraiment space sur mon pc, donc c'est pour ça que l'on a pas la même vision de la page, d'ailleur c'est emmerdant pour moi et pour les membres de mon fofo, car eux du coups ils ne voyent pas pareil, non plus.

    et pour le code qui ferait automatiquement la mise à jour du forum, tu veux le code de la page aussi??

    Le voici ci-dessous

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

    transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Les Statistiques et le Staff</title>

    <style type="text/css">
    a { text-decoration: none;
    color: #90334e; }</style>
    <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>
    </head>
    <body><div <div style="background-image: url(http://img15.hostingpics.net/pics/324032fondmag.png); height: 100%; width: 100%;"><br><br>

    <center><div style="width: 600px; background-color: #90334e; border: 1px solid #90334e; padding: 20px;"><table border="0" cellspacing="2" width="100%">
      <tbody><tr>
        <td width="50%"><div style="text-align: center; font-size: 25px; color: #FFFFFF; font-family: georgia;"><i>Le Mag de Ludivine</i></div><div style="text-align: center; font-size: 14px; font-family: georgia; color: #C6B8B9;"><i>Parce qu'il y a toujours plein de rebondissement</i></div></td>
        <td width="50%"><div style="text-align: center; background-color: #ea95b0; font-size: 14px; font-family: georgia; color: #000000; padding: 20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;"><i>Tout sur le forum
    <br>Les Statistiques de l'année 2013</i></div></td>
      </tr>
    </tbody></table></div></center>

    <center><div style="background-color: #F3F3F3; width: 600px; border: 1px solid #F3F3F3; color: #6E6E6E; padding: 20px; height: 490px; margin-top: -1px; font-size: 14px; text-align: justify; overflow: auto;"><div style="text-align: center; font-size: 28px; color: #000000; font-family: old english text mt; transform: rotate(-3deg"><i>Les Statistiques et le Staff</i></div>

    <br><center>Tout d'abord Nous tenons à présenter et à remercier les nouveaux membres inscrits depuis le début de l'année 2013
    <br>
    <span style="font-weight: bold;">André 2 ; brigitte 91 ; alys ; SCS ; micheline ; edymick ; janna ; hestia ; McKenzie ; DASSAYME    ; cybia ; soniac ; Maddietea ; FRA35 ; Aldébaran ; Perledesoie
    </span><br><br>
    Merci d'avoir choisi le forum, c'est grâce à vous qu'il vit et qu'il grandit.
    <br><br>
     <br><br>
    <span style="text-decoration: underline;"><span style="font-weight: bold;">Les anniversaires du Mois en cours</span></span><br><br>
    Lucette le 1, Beaudegat le 6, Lina_ le 9,<br> Janna le 15, Katia66 le 18, Thecartoon le 29<br><br>

    <span style="text-decoration: underline;"><span style="font-weight: bold;">Voici les dernières statistiques</span></span><br><br>
    <span style="text-decoration: underline;">Ouverture du forum :</span> Lun 17 Mai 2010 <br>
    <span style="text-decoration: underline;">Nombre d'utilisateurs :</span> 79<br>
    <span style="text-decoration: underline;">Nombre de sujets ouvert dans le forum :</span> 2251<br>
    <span style="text-decoration: underline;">Messages :</span> 18867<br>
    <span style="text-decoration: underline;">Le record du nombre d'utilisateurs en ligne</span> est de 22 le Sam 9 Mar 2013<br>
    <span style="text-decoration: underline;">Le posteur le plus actif du mois :</span> Sylviane01
    <br><br>
    <span style="font-weight: bold;"><span style="text-decoration: underline;">La composition du Staff</span></span><br><br>
    <span style="font-weight: bold;">Fondatrice</span><br>**Katia66**<br><br>
    <span style="font-weight: bold;">Administrateur</span><br>**Ptite_perle**<br>**Mimi**<br>
    **Chatange**<br><br>
    <span style="font-weight: bold;">Co-administrateur</span><br>**Betty boop**<br>**Any-01**<br>**Stefleina**<br><br>
    <span style="font-weight: bold;">Moderatrice</span><br>**Sophie**<br>**MLumierenoire**<br><br>
    <span style="font-weight: bold;">Moderatrice du net</span><br>**Dayhall**<br><br>
    <span style="font-weight: bold;">Moderatrice psp</span><br>**Chatange**<br><br>
    <span style="font-weight: bold;">Moderatrice Photoshop</span><br>**Devilia**<br><br>
    <span style="font-weight: bold;">Prof PSP/AS</span><br>**Chatange**<br><br>
    <span style="font-weight: bold;">Prof Photoshop</span><br>**Devilia**<br><br>
    <span style="font-weight: bold;">Flasheur</span><br>**Thecartoon**<br>**Aldebaran**<br><br>
    <span style="font-weight: bold;">Codeur</span><br>**Aldebaran**<br><br>
    <span style="font-weight: bold;">Créateur de tutos</span><br>**Betty boop**<br>**Chatange**<br>**Catimini**<br>**Devilia**<br>**Joee**<br>**Mumute**<br><br>
    <span style="font-weight: bold;">Animatrice</span><br>**Betty boop**<br>**Chatange**<br>**~karine~**<br>**Stefleina**<br>**Sophie**<br>**DidineCreation**<br>**Sylviane01**<br><br>
    <span style="font-weight: bold;">Membres super star</span><br>**Sophie**<br>**Betty boop**<br>**Chatange**<br>**Any-01**<br>**Mimi**<br>**Mumute**<br>**Stefleina**<br>**Dayhall**<br><br>
    <span style="font-weight: bold;">Membres star</span><br>**MLumierenoire**<br>**GILBERT**<br>**~karine~**<br>**sylviane01**<br><br>
    <span style="font-weight: bold;">Membres V.I.P</span><br>**Devilia**<br>**thecartoon**<br>**carla84**<br>**blouma**<br><br><br>
    </center></div></center>

    <center><a href="http://www.bonheur-de-ludivine.com/h1-le-mag-de-ludivine"><img src="http://i74.servimg.com/u/f74/15/01/33/91/fleche11.gif"></a>  <a href="http://www.bonheur-de-ludivine.com/h2-les-news-et-infos"><img src="http://i74.servimg.com/u/f74/15/01/33/91/fleche10.gif"></a></center>
    </div><div style="background-color: #da4f78; width: 180px; height: auto; padding: 10px; margin-top: -700px; margin-left: 0px; font-family: arial; font-size: 12px;"><div style="text-align: center; font-size: 25px; color: #000000; font-family: georgia;"><i>Sommaire</i></div>

    <br><a href="http://www.bonheur-de-ludivine.com/h1-le-mag-de-ludivine">Page 1: Menu</a><div style="color: #90334e;"><b><a href="http://www.bonheur-de-ludivine.com/h7-statistiques-et-le-staff">Page 2: Statistiques et Staff</a></b></div><a href="http://www.bonheur-de-ludivine.com/h2-les-news-et-infos">Page 3: Les news et infos</a><br><a href="http://www.bonheur-de-ludivine.com/h3-news-des-concours">Page 4: News des concours</a><br><a href="http://www.bonheur-de-ludivine.com/h4-gagnants-des-concours-interforum">Page 5: Gagnants Interforum</a><br><a href="http://www.bonheur-de-ludivine.com/h5-le-journal">Page 6: Le journal</a><br><a href="http://www.bonheur-de-ludivine.com/h6-histoire-d-un-ange">Page 7: L'histoire de Ludivine</a><br><a href="http://www.bonheur-de-ludivine.com/h8-page-publicite">Page 8: Page Publicité</a><br><a href="http://www.bonheur-de-ludivine.com/h9-au-programme-ce-soir">Page 9: Au programme</a><br><a href="http://www.bonheur-de-ludivine.com">Retour Forum</a><br><br> <div style="font-size: 10px; text-align: right; color: #90334e;">© Code by Halloween de <a href="http://www.never-utopia.com">NU</a></div></div>
    </div>

    </body> </html>

    Merci pour ton aide, c'est super génial
    bisous et bonne journée


    Dernière édition par katia06 le Jeu 23 Mai 2013 - 9:33, édité 1 fois



    katia06
    katia06
    FémininAge : 55Messages : 203

    Mer 15 Mai 2013 - 9:15

    je Up, bisous



    katia06
    katia06
    FémininAge : 55Messages : 203

    Dim 19 Mai 2013 - 9:36

    je Up, j'espère qu'on trouvera une solution, merci



    katia06
    katia06
    FémininAge : 55Messages : 203

    Jeu 23 Mai 2013 - 9:32

    Up



    Anonymous
    Invité

    Jeu 23 Mai 2013 - 11:10

      Hey,

      Désolée mais j'ai beau tenter, je n'y arrive pas. Si j'agrandis le mag le sommaire prendra forcément la passe dessus, puisqu'il faut le réduire, au final ça reviendra au même =/
    katia06
    katia06
    FémininAge : 55Messages : 203

    Jeu 23 Mai 2013 - 15:27

    ok c'est pas grave, mais es que tu saurais comment faire pour mettre le code pour les statistiques?? comme demandé plus haut
    merci d'avance



    Anonymous
    Invité

    Jeu 23 Mai 2013 - 15:54

      Normalement il faudrait utiliser les balises {TOTAL_USERS}, {NEWEST_USER} etc ... mais ça n'a pas l'air de fonctionner sur une page HTML, à moins qu'il n'y ait un code particulier, auquel cas il faudra voir avec quelqu'un d'autre.
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 18:08