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 :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.99 €

    Page d'accueil d'Ascendio

    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Mar 3 Avr 2012 - 21:14

    Rappel du premier message :

    Commande
    Bonjour à vous ! D'abord, merci de venir jeter un coup d'oeil à ma demande.
    Adresse du forum :
    http://ascendio.forumactif.com/
    Ne vous posez pas de question sur le nom inscrit sur la bannière, je suis aussi en commande de personnalisation. (:
    Description des éléments : Je n'ai aucune idée de comment m'y prendre pour créer un schéma, mais allons-y quand même.
    Je veux que ce soit très simple, peu chargé. J'imagine ma page d'accueil avec six rectangles.
    Les trois premiers sont alignés en trois colonnes et sont assez longs. Ils contiendraient, en ordre : début de contexte + images des admins (avec liens vers les profils), nouvelles en tous genres et top sites/meilleurs partenaires (il suffirait de cliquer sur une image, celle-ci identique pour chacun et répétée plusieurs fois, pour aller sur le forum ou le top).
    Ensuite, le quatrième rectangle prendrait toute la longueur des trois premiers et on y trouverait les points de chaque maison de Poudlard (en ordre: Gryffondor, Serdaigle, Poufsouffle et Serpentard). Comme vous avez pu le remarquer, mon forum est en effet un forum RPG Harry Potter. Il y aurait les blasons des quatre maisons et en-dessous, le nombre de points de chacune.
    Enfin, les deux derniers rectangles seraient plus des carrés. Placés juste en-dessous des points des maisons, ils seraient consacrés aux liens importants (placés en liste) et aux crédits.
    Couleurs ou tons : Je laisse carte blanche, pour cela, vous êtes certainement meilleur que moi en couleurs. Voici quand même quelques couleurs:
    #7A1C14
    #943043 marron
    #89816D brun (texte)
    Images : Voici les images pour les admins:
    http://raciallycharged.com/wp-content/uploads/2012/02/morganfreeman-60x60.png
    http://www.vanishingtattoo.com/images/tattoo/celeb-worthington.jpg
    Je les ai pris en 60X60, mais elles peuvent être d'une autre taille pour être mieux agencées, il ne suffit qu'à demander. (: Il faut aussi noter que des membres du staff vont peut-être s'ajouter dans le futur, alors il faut que je puisse en ajouter sans déformer la page.
    Pour les partenaires et tops:
    https://i.servimg.com/u/f49/15/39/49/33/10224110.png
    Et les blasons des maisons:
    http://pottermoreforum.net/download/file.php?avatar=668_1326138111.png
    http://pottermoreforum.net/download/file.php?avatar=1090_1325680141.png
    https://2img.net/u/2913/15/33/80/avatars/99-16.png
    http://data.nimages.fr/serpbov.png
    Autres précisions : Merci encore à celui ou celle qui prendra cette commande et bonne journée ou bonne soirée. (:


    Dernière édition par solicitante le Lun 28 Mai 2012 - 0:13, édité 2 fois
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Ven 18 Mai 2012 - 16:16

    UP
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Dim 20 Mai 2012 - 16:39

    UP
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Mer 23 Mai 2012 - 2:43

    UP
    • Revenir en haut
    Mee.Joo
    Mee.Joo
    FémininAge : 36Messages : 69

    Mer 23 Mai 2012 - 21:55

    Bonsoir !
    J'ai essayé de te faire un petit quelque chose, mais sans schéma c'est vrai que c'est pas forcément évident de savoir ce que tu veux vraiment.
    Donc voilà~ si y'a des choses à modifier, dis le moi

    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Jeu 24 Mai 2012 - 22:58

    MERCI !!!!!!!!!!!! C'est tellement gentil d'avoir tenté, je l'attendais depuis longtemps. :toto: Ce que tu as fait est vraiment super, mais il y a quand même quelques modifications que j'aimerais que tu fasses.
    D'abord, j'aimerais que le texte soit mis en Arial, les [ Points ] en taille 16 et de ces couleurs:
    Gryffondor #FF483D
    Serdaigle #3366CC
    Poufsouffle #FFBD4F
    Serpentard #008055
    Ensuite, pour le staff, j'aimerais que tu ajoutes des liens Envoyer un hibou, en-dessous de Profil, qui mèneraient éventuellement à une boîte de messagerie.
    Aussi, la bordure en haut de la page d'accueil est comme doublée, tu peux aller voir :
    http://ascendio.forumactif.com/
    Je trouve les titres, Contexte, Staff, etc. trop simples. Je vais faire une commande au graphiste qui a fait le design pour lui demander un petit quelque chose qui ressemblerait aux boutons du forum. Je te reviens là-dessus.
    J'aimerais avoir une scrollbar pour les News, qui descendrait jusqu'à la moitié des Top partenaires.
    Finalement, mon problème principal, c'est qu'il y a trop d'espace libre. Pour résoudre cela, j'ai pensé que tu pourrais mettre les crédits sur la même ligne que les maisons. Les blasons de ces dernières seraient ainsi collés. Tu peux aussi éliminer le titre Maisons, il ne sera pas nécessaire. La Navigation serait placée en-dessous des News, il y a assez de place. Et le Lire la suite... serait placé directement à la suite du texte du contexte.
    J'envisage aussi la possibilité qu'il y ait un fond, peut-être complètement noir, pour différencier la page d'accueil du forum. Tu peux l'essayer, on verra bien. (:
    Je te renvoie le code, j'ai changé les images du staff, trop petites à mon goût et plus d'actualité de toute façon (l'autre admin a changé d'avatar) et les images des maisons pour qu'elles soient toutes de la même taille.
    Code:
    <table class="tableau1" cellpadding="5px">
      <tr>
          <td width="40%" valign="top">
            <h1 class="titrepa">Contexte</h1>
            <!-- Bloc contexte -->
            <div class="bloccontexte">
                Et eodem impetu Domitianum praecipitem per scalas itidem funibus constrinxerunt,
                eosque coniunctos per ampla spatia civitatis acri raptavere discursu. iamque artuum
                et membrorum divulsa conpage superscandentes corpora mortuorum ad ultimam truncata
                deformitatem velut exsaturati mox abiecerunt in flumen.
                Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis,
                urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque nominum Tyros excellit,
                Sidon et Berytus isdemque pares Emissa et Damascus saeculis condita priscis.
            </div>
            <br />
            <div style="text-align: right;">
                <a href="#">
                  Lire la suite...
                </a>
            </div>
            <!-- Fin Bloc contexte -->
            <br />
            <div align="center">
            <h1 class="titrepa">Staff</h1>
            <!-- Infobulle staff -->
            <span class="imginfo">
                <img src="http://www.inquisitr.com/wp-content/2011/09/morgan-freeman-tea-party-racist-100x100.jpg"/>
                  <span>
                      <table width="125" cellspacing="1px" cellpadding="1px" border="0px">
                        <tr>
                            <td style="text-align: center;">
                              <a href="#">Profil</a>
                            </td>
                        </tr>
                      </table>
                  </span>
            </span>
           
            <span class="imginfo">
                <img src="http://cache.ykone.com/8033B4/media/image/persons/748/leonardo-dicaprio-7101-100x100.jpg"/>
                  <span>
                      <table width="125" cellspacing="1px" cellpadding="1px" border="0px">
                        <tr>
                            <td style="text-align: center;">
                              <a href="#">Profil</a>
                            </td>
                        </tr>
                      </table>
                  </span>
            </span>
            <!-- Fin infobulle staff -->
            </div>
          </td>
         
          <td width="25%" valign="top" align="center">
            <h1 class="titrepa">News</h1>
            <!-- Bloc news -->
            <div class="news">
                - Porrigitur lateri ad mediam quam. <br />
                - Ullum ipsa firmatum maiora procederet. <br />
                - Quo atque conductae incredibile marito. <br />
                - Properabat contractis avia comes tempestate. <br />
                - Suspicionum blanditiae simulantium ubi suspicionum. <br />
                - Etiam etiam a tibi laus.
            </div>
            <!-- Fin Bloc news -->
          </td>
         
          <td width="35%" valign="top">
            <div align="center"><h1 class="titrepa">Top-Sites</h1><br />
                <!-- Top-sites -->
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><br />
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><!-- Fin Top-sites --><br /><br />
                     
                  <h1 class="titrepa">Top Partenaires</h1><br /><br />
                  <!-- Top partenaires -->
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><br />
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><!-- Fin Top partenaires -->
          </td>
      </tr>
     
      <tr>
          <td colspan="3" valign="top" align="center">
            <h1 class="titrepa">Maisons</h1>
            <table width="100%">
                <tr>
                  <td width="25%" align="center">
                      <img src="http://images4.wikia.nocookie.net/__cb20120419195705/harrypotter/fr/images/b/b3/Blason_Gryffondor.png" /><br />
                      [ Points ]
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images3.wikia.nocookie.net/__cb20120419195706/harrypotter/fr/images/0/04/Blason_Serdaigle.png" /><br />
                      [ Points ]
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images3.wikia.nocookie.net/__cb20120419195705/harrypotter/fr/images/4/4a/Blason_Poufsouffle.png" /><br />
                      [ Points ]
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images1.wikia.nocookie.net/__cb20120419195706/harrypotter/fr/images/a/a3/Blason_Serpentard.png" /><br />
                      [ Points ]
                  </td>
                </tr>
            </table>
          </td>
      </tr>
     
      <tr>
          <td colspan="3" width="100%">
            <table width="100%">
                <tr>
                  <td width="50%" valign="top" align="center">
                      <h1 class="titrepa">Navigation</h1>
                      <!-- Navigation -->
                      <a href="#">
                        Lien1
                      </a><br />
                      <a href="#">
                        Lien2
                      </a><br />
                      <a href="#">
                        Lien3
                      </a><br />
                      <a href="#">
                        Lien4
                      </a>
                      <!-- Fin Navigation -->
                  </td>
                  <td width="50%" valign="top">
                      <h1 class="titrepa">Crédits</h1>
                      <br />
                      <!-- Crédits -->
                      Blablabla
                      <!-- Fin Crédits -->
                  </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    MERCI mille fois pour le travail déjà effectué, je suis désolé d'avoir à te demander ces modifications, je n'avais rien précisé de tout ça dans ma commande, faute d'expérience.
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Dim 27 Mai 2012 - 1:44

    Petit UP (:
    • Revenir en haut
    Mee.Joo
    Mee.Joo
    FémininAge : 36Messages : 69

    Dim 27 Mai 2012 - 17:38

    Bonjour

    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Dim 27 Mai 2012 - 17:59

    MERCI. :toto: C'est beaucoup mieux !
    Par contre, le fond noir n'a pas très bien marché, comme tu peux le voir :
    www.ascendio.forumactif.com
    Peut-être devais-je enlever l'autre CSS que tu m'avais donné ? Sinon, j'ai regardé dans Couleurs et le fond n'est pas tout à fait noir. Voici le code : #1A1B1D.
    Sinon, la bordure du haut est toujours doublée.
    J'aimerais aussi que tu montes le Staff pour qu'il soit vis-à-vis de Navigation. J'ai mis le Lire la suite directement à côté du texte.

    Code:
    <table class="tableau1" cellpadding="5px">
      <tr>
          <td width="40%" valign="top">
            <h1 class="titrepa">Contexte</h1>
            <!-- Bloc contexte -->
            <div class="bloccontexte">
                Le ministère fortement ébranlé par le meurtre de son Ministre, des soupçons persistants à l'endroit du directeur de Poudlard et la résurrection d'un mouvement anti-Moldus. Quel rôle jouerez-vous dans la nouvelle guerre qui se prépare ? Il y a maintenant cent ans que le Sortilège de Mort de Celui-Dont-On-Ne-Doit-Pas-Prononcer-Le-Nom a rebondi sur lui, mettant fin à son règne de terreur. Déjà cent ans depuis le jour où Harry Potter est entré pour de bon dans les annales de la sorcellerie. Nous sommes en 2098. <a href="#">Lire la suite...</a>
                       
            </div>
            <br />
            <!-- Fin Bloc contexte -->
            <br />
            <div align="center">
            <h1 class="titrepa">Staff</h1>
            <!-- Infobulle staff -->
            <span class="imginfo">
                <img src="http://www.inquisitr.com/wp-content/2011/09/morgan-freeman-tea-party-racist-100x100.jpg"/>
                  <span>
                      <table width="125" cellspacing="1px" cellpadding="1px" border="0px">
                        <tr>
                            <td style="text-align: center;">
                              <a href="#">Profil</a><br />
                              <a href="#">Envoyer un hibou</a>
                            </td>
                        </tr>
                      </table>
                  </span>
            </span>
           
            <span class="imginfo">
                <img src="http://cache.ykone.com/8033B4/media/image/persons/748/leonardo-dicaprio-7101-100x100.jpg"/>
                  <span>
                      <table width="125" cellspacing="1px" cellpadding="1px" border="0px">
                        <tr>
                            <td style="text-align: center;">
                              <a href="#">Profil</a><br />
                              <a href="#">Envoyer un hibou</a>
                            </td>
                        </tr>
                      </table>
                  </span>
            </span>
            <!-- Fin infobulle staff -->
            </div>
          </td>
         
          <td width="25%" valign="top" align="center">
            <h1 class="titrepa">News</h1>
            <!-- Bloc news -->
            <div class="news">
                - Porrigitur lateri ad mediam quam. <br />
                - Ullum ipsa firmatum maiora procederet. <br />
                - Quo atque conductae incredibile marito. <br />
                - Properabat contractis avia comes tempestate. <br />
                - Suspicionum blanditiae simulantium ubi suspicionum. <br />
                - Etiam etiam a tibi laus.<br />
                - Porrigitur lateri ad mediam quam. <br />
                - Ullum ipsa firmatum maiora procederet. <br />
                - Quo atque conductae incredibile marito. <br />
                - Properabat contractis avia comes tempestate. <br />
                - Suspicionum blanditiae simulantium ubi suspicionum.
            </div>
            <!-- Fin Bloc news -->
            <br />
            <h1 class="titrepa">Navigation</h1>
                      <!-- Navigation -->
                      <a href="#">
                        Lien1
                      </a><br />
                      <a href="#">
                        Lien2
                      </a><br />
                      <a href="#">
                        Lien3
                      </a><br />
                      <a href="#">
                        Lien4
                      </a>
                      <!-- Fin Navigation -->
          </td>
         
          <td width="35%" valign="top">
            <div align="center"><h1 class="titrepa">Top-Sites</h1><br />
                <!-- Top-sites -->
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><br />
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><!-- Fin Top-sites --><br /><br />
                     
                  <h1 class="titrepa">Top Partenaires</h1><br /><br />
                  <!-- Top partenaires -->
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><br />
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a>
                <a target="_blank" href="#">
                  <img src="http://i49.servimg.com/u/f49/15/39/49/33/10224110.png" />
                </a><!-- Fin Top partenaires -->
          </td>
      </tr>
     
      <tr>
          <td colspan="2" valign="top" align="center">
            <table width="100%">
                <tr>
                  <td width="25%" align="center">
                      <img src="http://images4.wikia.nocookie.net/__cb20120419195705/harrypotter/fr/images/b/b3/Blason_Gryffondor.png" /><br />
                      <span style="color: #FF483D; font-size: 16px;">[ Points ]</span>
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images3.wikia.nocookie.net/__cb20120419195706/harrypotter/fr/images/0/04/Blason_Serdaigle.png" /><br />
                      <span style="color: #3366CC; font-size: 16px;">[ Points ]</span>
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images3.wikia.nocookie.net/__cb20120419195705/harrypotter/fr/images/4/4a/Blason_Poufsouffle.png" /><br />
                      <span style="color: #FFBD4F; font-size: 16px;">[ Points ]</span>
                  </td>
                  <td width="25%" align="center">
                      <img src="http://images1.wikia.nocookie.net/__cb20120419195706/harrypotter/fr/images/a/a3/Blason_Serpentard.png" /><br />
                      <span style="color: #008055; font-size: 16px;">[ Points ]</span>
                  </td>
                </tr>
            </table>
          </td>
          <td valign="top">
                      <h1 class="titrepa">Crédits</h1>
                      <br />
                      <!-- Crédits -->
                      Blablabla
                      <!-- Fin Crédits -->
          </td>
      </tr>
    </table>

    EDIT: Pourrais-tu aussi mettre les liens de la navigation en une police plus grande ? 14 par exemple ? Et j'aimerais que tous les textes soient en Arial. Wink
    • Revenir en haut
    Mee.Joo
    Mee.Joo
    FémininAge : 36Messages : 69

    Dim 27 Mai 2012 - 22:09

    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Dim 27 Mai 2012 - 23:27

    C'est parfait ! Un GROS MERCI. :friends: Par contre, il y a comme un fond derrière la page, est-il possible de l'enlever ?

    EDIT: Tout est bon, je ne mettrai pas de fond noir finalement. Encore merci pour tout le travail accompli, c'est génial. Very Happy


    Dernière édition par solicitante le Lun 28 Mai 2012 - 0:12, édité 1 fois
    • Revenir en haut
    Mee.Joo
    Mee.Joo
    FémininAge : 36Messages : 69

    Lun 28 Mai 2012 - 0:04

    C'est toi qui a mis ce fond en l'appliquant à ton .forumline. Si tu l'enlèves tu ne l'auras plus sur tes catégories.
    Désolé mais je ne peux répondre à ta question.
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Lun 28 Mai 2012 - 0:12

    J'ai édité. Wink
    Commande terminée. (:
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Lun 28 Mai 2012 - 9:35

    Bonjour avant de déplacer il faudrait créditer N-U sur ta PA ainsi que Mee.Joo.



    Page d'accueil d'Ascendio - Page 2 376864signichigo
    • Revenir en haut
    Cornedrue
    Cornedrue
    MasculinAge : 27Messages : 255

    Lun 28 Mai 2012 - 20:48

    Pas de problèmes, j'ai justement un espace fait pour ça. (:
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 2 Juin 2012 - 9:21

    Le crédit est placer, je déplace



    Page d'accueil d'Ascendio - Page 2 376864signichigo
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 17:57