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.


    PA pour Reader's Tales ♥

    Reader's Tales
    Reader's Tales
    FémininAge : 32Messages : 4

    Lun 25 Juin 2012 - 17:39

    Commande
    Adresse du forum : New Fairy Story

    Description des éléments :
    Alors, ci-dessous est le schéma de la PA "normale". Les parties : Règlement ; Contexte ; Groupes ; Présentations ; Tutoriel du nouveau et Partenariat, sont des "boutons-liens".
    Spoiler:

    En dessous, il s'agit du schéma quand la souris est placée sur une icône du staff. Bon, j'ai mis tous les cadres mais c'est une icône = un cadre.
    Spoiler:


    Couleurs ou tons : Niveau couleurs : Le gris clair peut rester tel quel mais pour le rouge, et bien il faudrait un bordeaux un peu plus beau quoi. Niveau typo : Tahoma pour tout. Après, si la personne qui s'occupera de la commande a des idées pour embellir notre idée de base, c'est pas interdit. ♥

    Images :
    Staff : dimensions 100*100 - Bords noirs : 2
    Spoiler:
    Prédéfinis : (image-liens) dimensions 80*160 - Bords noirs : 2
    Spoiler:
    Autres précisions : Nous n'en n'avons pas vraiment.

    Nous espérons avoir été assez claires dans la description de notre demande. Et surtout, merci à celui/celle qui s'occupera de notre commande :) ♥


    Dernière édition par Reader's Tales le Lun 25 Juin 2012 - 19:29, édité 1 fois
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Lun 25 Juin 2012 - 18:26

    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


    Les formules de politesse sont autoriser et apprécier^^.



    PA pour Reader's Tales ♥ 376864signichigo
    • Revenir en haut
    Bôma Wolf
    Bôma Wolf
    MasculinAge : 32Messages : 87

    Mer 27 Juin 2012 - 15:47

    Bonjour, bonsoir, c'était pour dire que je suis dessus, je vais essayer de te faire un truc bien Wink
    • Revenir en haut
    Reader's Tales
    Reader's Tales
    FémininAge : 32Messages : 4

    Mer 27 Juin 2012 - 16:19

    Merci beaucoup ! Si jamais tu as toutes questions concernant la PA, demande Wink Merci encore d'avoir pris notre demande ♥
    • Revenir en haut
    Bôma Wolf
    Bôma Wolf
    MasculinAge : 32Messages : 87

    Jeu 28 Juin 2012 - 14:17

    SAlut, salut.

    Voilà, c'était pour dire que ça avançait bien Very Happy

    Et aussi pour quelques questions Wink

    1- Le fond, tu le veux comment ? Blanc comme dans ton shéma ou de la même couleur que ton forum ? Si tu as une couleur précise, tu peux me la donner :)

    2- Tu as donné trois images pour le staff, alors que tu demandes cinq images, tu en aurais deux autres pour que je les mettent ? (ou je remet celle d'avant ?)

    3- Pour la police, Tahoma, je sais toujours pas mettre une police autre que les principales. Je sais pas si c'est possible de mettre 'Tahoma' comme police.

    Voilà, c'est tout, sur ce je m'en vais bosser et je finis ça ce soir probablement Wink
    Atchao !




    PA pour Reader's Tales ♥ Lkxa3-1d8bc28
    • Revenir en haut
    Bôma Wolf
    Bôma Wolf
    MasculinAge : 32Messages : 87

    Jeu 28 Juin 2012 - 17:11

    Ca y est, j'ai presque fini. Dites moi ce que vous en dites et ce que vous désirez changer.

    Voici le code à mettre dans : Affichage => Généralité

    Code:
    <div id="corps_pa"><table style="float: left; width:30%;">
      <tr>
          <td style=" padding-top: 1%; padding-left: 1%; padding-right: 3%;"><div class="staff_1"><image src="http://img4.hostingpics.net/pics/644281db4c8ced653639783ee77eb5357749e6.jpg"/><span class="staff_contenu1"><span class="texte_contenu"> <p>Nom & Prénom</p><p>Dieu</p><p><a href="#">MP</a></p></span></div><div class="staff_2"><image src="http://img4.hostingpics.net/pics/701204c8ac78d5675bd346c0bc50626d809099.jpg"/><span class="staff_contenu2"><span class="texte_contenu2"> <p>Nom & Prénom</p><p>Fondatrice</p><p><a href="#">MP</a></p></span></div><div class="staff_3"><image src="http://img4.hostingpics.net/pics/27915369f8ab6a0335857884a35f6c574fd2b2.jpg"/><span class="staff_contenu1"><span class="texte_contenu"> <p>Nom & Prénom</p><p>Fondatrice</p><p><a href="#">MP</a></p></span></div><div class="staff_2"><image src="http://img4.hostingpics.net/pics/644281db4c8ced653639783ee77eb5357749e6.jpg"/><span class="staff_contenu2"><span class="texte_contenu2"> <p>Nom & Prénom</p><p>Modérateur</p><p><a href="#">MP</a></p></span></div><div class="staff_3"><image src="http://img4.hostingpics.net/pics/701204c8ac78d5675bd346c0bc50626d809099.jpg"/><span class="staff_contenu1"><span class="texte_contenu"> <p>Nom & Prénom</p><p>Modérateur</p><p><a href="#">MP</a></p></span></div></td>
     </tr>
    </table><div id="lien_rapide"><a href="#" class="lien_1">Règlement</a><a href="#" class="lien_2">Contexte</a><a href="#" class="lien_1">Groupes</a><a href="#" class="lien_2">Présentation</a><a href="#" class="lien_1">Tutoriel du nouveau</a><a href="#" class="lien_2">Partenariat</a><a href="#" class="vote"></a><a href="#" class="vote"></a><a href="#" class="vote"></a><a href="#" class="vote"></a><div href="#" class="partenariat"></div></div><div id="contexte_pa">

    <p>Cum autem commodis intervallata temporibus convivia longa et noxia coeperint apparari vel distributio sollemnium sportularum, anxia deliberatione tractatur an exceptis his quibus vicissitudo debetur, peregrinum invitari conveniet, et si digesto plene consilio id placuerit fieri, is adhibetur qui pro domibus excubat aurigarum aut artem tesserariam profitetur aut secretiora quaedam se nosse confingit.</p>

    <p>Ibi victu recreati et quiete, postquam abierat timor, vicos opulentos adorti equestrium adventu cohortium, quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes omne iuventutis robur relictum in sedibus acciverunt.</p>

    <p>Omitto iuris dictionem in libera civitate contra leges senatusque consulta; caedes relinquo; libidines praetereo, quarum acerbissimum extat indicium et ad insignem memoriam turpitudinis et paene ad iustum odium imperii nostri, quod constat nobilissimas virgines se in puteos abiecisse et morte voluntaria necessariam turpitudinem depulisse. Nec haec idcirco omitto, quod non gravissima sint, sed quia nunc sine teste dico.</p>

    <p>Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.</p>

    <p>Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea tempestate urbi praefectum, vitamque suam venenis petitam adseverantes inpetrarunt ut hi, quos suspectati sunt, ilico rapti conpingerentur in vincula, organarius Sericus et Asbolius palaestrita et aruspex Campensis.</p>
    </div><h1 id="titre_pa">New fairy Story</h1><div class="predef_icons"><a href="#" class="predef_icon1"></a><a href="#" class="predef_icon2"></a><a href="#" class="predef_icon3"></a><a href="#" class="predef_icon4"></a></div></div><div style="width: 100%; background: #000000; text-align: right; height: 15px;"><a href="http://www.never-utopia.com/" style="margin-right: 5px;">©️ Never utopia</a></div>

    Et voici celui qu'il faut mettre dans : Affichage => Couleur => Feuille de style CSS

    Code:
    .staff_1, .staff_2, .staff_3, .staff_4, .staff_5
    {
      border-radius: 100px 100px 100px 100px;
      border: 2px black solid;
      overflow: hidden;
    }

    .staff_1
    {
      float: left;
    }

    .staff_contenu1, .staff_contenu2
    {
      display: none;
    }

    .staff_1:hover .staff_contenu1
    {
      display: block;
      position: absolute;
      margin-left: 4%;
      margin-top: -95px;
      height: 80px;
      width: 17%;
      text-align: center;
     
    }
    .staff_2
    {
      clear:both;
      float: right;
    }

    .staff_2:hover .staff_contenu2
    {
      display: block;
      position: absolute;
      margin-left: -11.5%;
      margin-top: -95px;
      height: 80px;
      width: 17%;
      text-align: center;
    }

    .staff_3
    {
      clear: both;
      float: left;
    }

    .staff_3:hover .staff_contenu1
    {
      display: block;
      position: absolute;
      margin-left: 4%;
      margin-top: -95px;
      height: 80px;
      width: 17%;
      text-align: center;
     
    }
    .texte_contenu
    {
      display: block;
      margin-right: 1%;
      margin-left: 40%;
      background: #e9e9e6;
      padding: 4px;
      border: 1px dotted #c0c0c0;
      color: #989898;
      font-size: 10px;
      font-weight: normal;
    }

    .texte_contenu2
    {
      display: block;
      margin-right: 38%;
      margin-left: 1%;
      background: #e9e9e6;
      padding: 4px;
      border: 1px dotted #c0c0c0;
      color: #989898;
      font-size: 10px;
      font-weight: normal;
    }

    #contexte_pa
    {
      width: 38%;
      height: 300px;
      background: #540505;
      margin-top: 2%;
      margin-left: 33%;
      margin-right: auto;
      border: 2px solid black;
      border-radius: 10px 0px 0px 10px;
      overflow: auto;
      text-align: justify;
      padding: 10px;
    }

    #titre_pa
    {
      text-align: center;
      width: 40%;
      margin-left: 33%;
      margin-right: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 30px;
    }

    .predef_icon1, .predef_icon2, .predef_icon3, .predef_icon4
    {
      display: inline-block;
      width: 78px;
      height: 158px;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 5px;
      border: 2px solid black;
    }

    .predef_icon1
    { 
      background: url(http://img4.hostingpics.net/pics/729042520b5f56f18a33075ae7663f3cc1587f.jpg) white;
    }

    .predef_icon2
    { 
      background: url(http://img4.hostingpics.net/pics/736616ec2339ec4b44f432b02542d5708d73c7.jpg) white;
    }

    .predef_icon3
    { 
      background: url(http://img4.hostingpics.net/pics/7798900a5c4ed4dc99cd9dba752597cf421c1c.jpg) white;
    }

    .predef_icon4
    { 
      background: url(http://img4.hostingpics.net/pics/56929253836dc1230af6d7ab7226d8ef50cb88.jpg) white;
    }

    .predef_icons
    {
      margin-left: 33.2%;
      margin-right: auto;
      width: 45%;
      height: 175px;
    }

    #lien_rapide
    {
      float: right;
      width: 25%;
      height: 520px;
    }

    .lien_1, .lien_2, .lien_3, .partenariat
    {
      display: block;
      width: 85%;
      height: 40px;
      border: 2px solid black;
      border-radius: 10px;
      margin-bottom: 5px;
      padding-top: 3px;
    }
    .lien_1, .lien_2, .lien_3
    {
      font-size: 18px;
      font-weight: bold;
    }

    .lien_1, .lien_3, .lien_2:hover
    {
      background: #cecece;
      color: #540505;
      text-shadow: 1px 1px 1px black;
    }
    .lien_2, .lien_1:hover, .lien_3:hover
    {
      background: #540505;
      color: #cecece;
      text-shadow: 1px 1px 1px black;
    }
    .lien_1
    {
      margin-top: 10px;
    }

    .vote
    {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-right: 2%;
      margin-top: 15px;
      border: 2px solid black;
      border-radius: 40px;
      oveflow: hidden;
    }

    .partenariat
    {
      margin-top: 160px;
    }

    #corps_pa
    {
      background-color: #ffffff;
      border: 2px solid #000000;
      padding: 5px;
      font-family: Tahoma;
    }

    Maintenant, dites moi si y'a des bugs ou des changements que vous souhaitez faire. J'espère que cela vous plaira Very Happy
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 8 Juil 2012 - 13:05

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic trois semaine.



    PA pour Reader's Tales ♥ 376864signichigo
    • Revenir en haut
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Lun 9 Juil 2012 - 19:34

    Suite au mp de Boma wolf et vu que la page d’accueil n'est plus installer j'archive cette commande je retire un cran de comportement de commande Reader's Tales



    PA pour Reader's Tales ♥ 376864signichigo
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 11 Mai 2024 - 12:04