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 à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

    (Hallow) Une PA pour moi :3

    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Mar 4 Mar 2014 - 11:45

    Hello ♥

    Je souhaite une page d'accueil beaucoup plus simple que l'actuelle, prise ici (et créditée Razz).

    Voici le formulaire normalement bien complété :

    Ma demande



    Hello² ♥ Je refais appel à vous pour modifier ma page d'accueil. Je souhaite quelque chose de simple et d'épuré, sans tableau dans tous les sens quoi. Je ne suis pas sûre d'avoir placé la plus grande image au bon endroit, c'est un brin illisible donc je fais confiance à la personne qui s'occupera de moi pour voir ce détail et je la remercie d'avance de prendre ma commande en charge :)

    Schéma(s) et Eléments
    Schémas : https://2img.net/r/hpimg15/pics/996941PlanPAOmbra.png
    Tailles des éléments : Heu... le schéma que j'ai fait sous Photofiltre fait 800*600. Je ne sais pas quelle dimension précise mettre ^^'
    Effets voulus : Pour le Staff, les infos-bulles devront se situer derrière l'image (quand on passe la souris sur l'image, il faut voir "NOM", "PROFIL" et "MP". Je ne sais pas si je suis claire, au pire, je peux fournir un exemple sur un forum.


    Ressources
    https://2img.net/r/hpimg15/pics/613387cercueilVampire1.png - https://2img.net/r/hpimg15/pics/467523ImagePAOmbra.png

    Autres précisions ?
    Je crois qu'il y a besoin de certains textes ainsi que de certains liens 8D

    Synopsis : "Bienvenue sur Ombra. J'espère que tu es bien conscient d'une chose : si tu ne te méfie pas de tous ces êtres assoiffés de sang, tu y laisseras ta peau... ou plutôt ton sang. Choisi donc bien ton camp, surtout si tu es un Humain. Tu es libre de devenir le serviteur d'un Vampire ou d'un Demi-vampire. Je te déconseille de rester près d'un Dhampire : ils sont certes des tueurs de Vampires, ça ne les empêche pas de détester les Humains. Pire : ils les méprisent. Tu es vraiment prêt pour ça ? Alors, rejoins-nous vite !

    Ne reste pas sur ta faim et lis la suite...

    Liens pour la navigation : http://ombra.purforum.com/t2-reglement - http://ombra.purforum.com/t3-mythe - http://ombra.purforum.com/f4-esprits-a-incarner - http://ombra.purforum.com/f8-une-question-un-probleme - http://ombra.purforum.com/t4-description-des-races

    Textes + Liens pour le Staff :
    Luca Greco
    Profil : http://ombra.purforum.com/u1
    MP : http://ombra.purforum.com/privmsg?folder=inbox&mode=post&u=1

    Lien de l'unique Top-Site (j'en rajouterais plus tard) : http://www.root-top.com/topsite/stupidlamb/in.php?ID=827 - l'image à fournir est le vampire caché derrière le cercueil.

    Couleur du fond du forum : #FFFFFF et je fourni également la couleur intérieure du cadre du forum : #232325
    Couleur du texte : #BA9FC0



    Voilà, je crois que tout y est Razz

    Bisous ♥


    Dernière édition par Sarah-Chan le Mar 25 Mar 2014 - 10:00, édité 1 fois



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Ven 7 Mar 2014 - 18:51

    Coucou :)

    Ma commande est toujours d'actualité Razz

    Bisous ♥



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Mar 11 Mar 2014 - 14:57

    Coucou :)

    Ma commande est toujours d'actualité ♥

    Merci !



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Anonymous
    Invité

    Mar 11 Mar 2014 - 17:54

    Pouet !

    Je prends, j'édite quand j'ai fini Wink
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Mar 11 Mar 2014 - 18:25

    Han ouais ! Halloween ♥

    *attend sagement*



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Anonymous
    Invité

    Mar 11 Mar 2014 - 18:44

    Voila : www.
    J'ai un peu modifié le schéma pour que les colonnes soient à peu près égales, sinon ça débordait. Pour le staff il manque l'image (je crois), donc j'ai pris celle de ta sign' xD
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Mar 11 Mar 2014 - 19:01

    C'est nickel ♥

    Il y a juste le "Bienvenue" qui prend un E à la fin ^^

    Ah oui ! J'ai oublié de te fournir l'image mais il faut que j'en fasse une XD Je la remplacerais moi-même Razz

    Puis-je avoir les codes ? ♥



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Anonymous
    Invité

    Mar 11 Mar 2014 - 19:51

    Les deux formulations sont équivalentes =P
    Mais je rajoute le "e" si tu veux. Le LS est dispo' ici.

    PA
    Code:
    <div class="fond_PA">
       
       <div class="titre_PA">
           <span style="color: #A55A3A;"> ♛ </span> Bienvenu sur Ombra
       </div>
       
       <center>
          
          <table>
             
             <tbody>
                
                <tr>
                   
                   <td>
                      
                      <center>
                         
                         <div class="titre_bloc">
                             Navigation
                         </div><br /><a href="http://ombra.purforum.com/t2-reglement" style="color: #A55A3A !important;">Règlement</a><br /><a href="http://ombra.purforum.com/t3-mythe" style="color: #A55A3A !important;">Contexte</a><br /><a href="http://ombra.purforum.com/f4-esprits-a-incarner" style="color: #A55A3A !important;">Esprits à incarner</a><br /><a href="http://ombra.purforum.com/f8-une-question-un-probleme" style="color: #A55A3A !important;">Zone invité</a><br /><a href="http://ombra.purforum.com/t4-description-des-races" style="color: #A55A3A !important;">Espèces</a><br /><br />
                         <div class="titre_bloc">
                             Top-sites
                         </div><a href="http://www.root-top.com/topsite/stupidlamb/in.php?ID=827"><img src="http://img15.hostingpics.net/pics/613387cercueilVampire1.png" /></a>
                      </center>
                      
                   </td>
                   
                   <td style="width: 50px;">
                      
                   </td>
                   
                   <td>
                      
                      <center>
                         
                         <div class="titre_bloc">
                             Synopsis
                         </div><br />
                         <center>
                            
                            <div style="width: 250px; height: 150px; overflow: auto; font-family: arial; text-align: justify;">
                                Bienvenue sur Ombra. J'espère que tu es bien conscient d'une chose : si tu ne te méfie pas de tous ces êtres assoiffés de sang, tu y laisseras ta peau... ou plutôt ton sang. Choisi donc bien ton camp, surtout si tu es un Humain. Tu es libre de devenir le serviteur d'un Vampire ou d'un Demi-vampire. Je te déconseille de rester près d'un Dhampire : ils sont certes des tueurs de Vampires, ça ne les empêche pas de détester les Humains. Pire : ils les méprisent. Tu es vraiment prêt pour ça ? Alors, rejoins-nous vite !<br /><br />Ne reste pas sur ta faim et <a href="http://ombra.purforum.com/t3-mythe" style="color: #A55A3A !important;">lis la suite ...</a>
                            </div>
                            
                         </center><br /><br />
                         <div class="titre_bloc">
                             Nouvelles
                         </div><br /> <span style="width: 350px; height: 100px; overflow: auto;"> <span style="color: #A55A3A;"> XX/XX </span> Nouveauté <a href="#" style="color: #A55A3A !important;">La suite</a> <br /><span style="color: #A55A3A;"> XX/XX </span> Nouveauté <a href="#" style="color: #A55A3A !important;">La suite</a> <br /><span style="color: #A55A3A;"> XX/XX </span> Nouveauté <a href="#" style="color: #A55A3A !important;">La suite</a> <br /><span style="color: #A55A3A;"> XX/XX </span> Nouveauté <a href="#" style="color: #A55A3A !important;">La suite</a></span>
                      </center>
                      
                   </td>
                   
                   <td style="width: 20px;">
                      
                   </td>
                   
                   <td>
                      
                      <div class="titre_bloc">
                          Staff
                      </div><br />
                      <center>
                         
                         <table>
                            
                            <tbody>
                               
                               <tr>
                                  
                                  <td>
                                     
                                     <div class="staff">
                                        
                                        <div class="staff_img">
                                            <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />
                                        </div>
                                        
                                        <div class="staff_description">
                                            <br /><br /> Luca Greco<br /><a href="http://ombra.purforum.com/privmsg?folder=inbox&mode=post&u=1" style="color: #A55A3A !important;">MP</a> <a href="http://ombra.purforum.com/u1" style="color: #A55A3A !important;">Profil</a>
                                        </div>
                                        
                                     </div><br />
                                     <div class="staff">
                                        
                                        <div class="staff_img">
                                            <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />
                                        </div>
                                        
                                        <div class="staff_description">
                                            <br /><br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a>
                                        </div>
                                        
                                     </div>
                                     
                                  </td>
                                  
                                  <td>
                                     
                                     <div class="staff">
                                        
                                        <div class="staff_img">
                                            <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />
                                        </div>
                                        
                                        <div class="staff_description">
                                            <br /><br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a>
                                        </div>
                                        
                                     </div><br />
                                     <div class="staff">
                                        
                                        <div class="staff_img">
                                            <img src="http://i58.servimg.com/u/f58/18/43/33/39/sans_t15.png" style="height: 80px;" />
                                        </div>
                                        
                                        <div class="staff_description">
                                            <br /><br /> Nom du personnage<br /><a href="#" style="color: #A55A3A !important;">MP</a> <a href="#" style="color: #A55A3A !important;">Profil</a>
                                        </div>
                                        
                                     </div>
                                     
                                  </td>
                                  
                               </tr>
                               
                            </tbody>
                            
                         </table>
                         
                      </center>
                       <br />
                      <div class="titre_bloc">
                          Crédits
                      </div><br />
                      <div class="bloc_crédits">
                          Design par <a href="#" style="color: #A55A3A !important;">Nom</a> ; Codage de la PA par <a href="http://www.never-utopia.com/" style="color: #A55A3A !important;">Halloween</a>
                      </div>
                      
                   </td>
                   
                </tr>
                
             </tbody>
             
          </table>
          
       </center>
       
       <table>
          
          <tbody>
             
             <tr>
                
                <td>
                   
                   <center>
                       <img src="http://img15.hostingpics.net/pics/467523ImagePAOmbra.png" style="width: 250px;" />
                   </center>
                   
                </td>
                
                <td>
                   
                   <div class="titre_bloc">
                       Nos compagnons
                   </div><br />
                   <div style="width: 400px; height: 50px; overflow: auto;">
                       <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a> <a href="http://www.never-utopia.com"><img src="http://img4.hostingpics.net/pics/616830logo3.jpg" /></a>
                   </div>
                   
                </td>
                
             </tr>
             
          </tbody>
          
       </table>
       
    </div><link href="http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Vampiro+One|Condiment" rel="stylesheet" type="text/css" />

    CSS
    Code:
    /***************************** MISE EN FORME PA *****************************/

    a {
      text-decoration: none !important;
    }

    a:hover {
      text-decoration: none !important;
    }

    .fond_PA {
      background-image: url('http://i58.servimg.com/u/f58/18/43/33/39/1510.png');
      padding: 15px;
      color: #483433;
      font-size: 11px;
    }

    .titre_PA {
      font-family: 'Condiment', cursive;
      font-size: 45px;
      color: #663924;
    }

    .titre_bloc {
      font-family: 'Vampiro One', cursive;
      font-size: 30px;
      color: #CC8B6E;
      text-align: center;
    }

    .bloc_crédits {
      width: 200px;
      padding: 15px;
      -moz-transform: rotate(-2deg);
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
    }

    /*** STAFF ***/
    .staff {
      width: 80px;
      height: 80px;
      overflow: hidden;
      background-color: #483433;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      height: 80px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -300px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      top: 19em;
      z-index: 1;
      width: 75px;
      height: 75px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
    }

    /***************************** FIN MISE EN FORME PA *****************************/

    Dis-moi si tout colle.
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Ven 14 Mar 2014 - 13:54

    Hello ♥

    Désolée de te faire attendre, j'essaie de tout installer dimanche soir ou lundi, je ne peux pas avant ^^

    Bisous ♥



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Anonymous
    Invité

    Ven 14 Mar 2014 - 13:59

    Pas de soucis ^^
    Anonymous
    Invité

    Sam 22 Mar 2014 - 11:06

    Pouet !

    Tu as pu tenter le code ? Tout fonctionne ?
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Mar 25 Mar 2014 - 10:00

    Coucou ♥

    Désolée T.T

    Oui, c'est bon ^^

    Il faut juste que je modifie le fond et certaines images :3

    Je te remercie beaucoup ♥

    Bisous ♥



    (Hallow) Une PA pour moi :3 200412081714641513

      Merci Sparrow :3
    Anonymous
    Invité

    Mar 25 Mar 2014 - 14:55

    Avec plaisir Wink
    Contenu sponsorisé


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