Love Story
Bonjour et bienvenue à toi cher chat. Souhaites-tu rejoindre le Clan du Tonnerre ? Le Clan de la Rivière ? Le Clan du Vent ? Ou le Clan de l'Ombre peut-être ? A moins que tu ne veilles rejoindre les solitaires ou les domestiques ? Dans tout les cas, nous t'invitons à t'inscrire sur ce forum pleins d'aventures ! Allez, n'hésites pas et viens nous rejoindre permis tant de plaisir !
Love Story
Bonjour et bienvenue à toi cher chat. Souhaites-tu rejoindre le Clan du Tonnerre ? Le Clan de la Rivière ? Le Clan du Vent ? Ou le Clan de l'Ombre peut-être ? A moins que tu ne veilles rejoindre les solitaires ou les domestiques ? Dans tout les cas, nous t'invitons à t'inscrire sur ce forum pleins d'aventures ! Allez, n'hésites pas et viens nous rejoindre permis tant de plaisir !
Love Story


Le Deal du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

Partagez

Page d'Accueil by Phantasmagoria (PRD)

Love Story
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 5872
Réputation : 0
Date d'inscription : 02/07/2014
https://thisislovestory.forumactif.org
MessageSujet: Page d'Accueil by Phantasmagoria (PRD)  Page d'Accueil by Phantasmagoria (PRD) EmptySam 14 Fév - 14:51

Phantasmagøria a écrit:
Hello !

Je propose ma première page d'accueil \o En toute logique elle ne buguera pas à cause de la mise à jour de FA car je n'ai pas fait d'infobulles. Je vous montre le résultat ;

Spoiler:

Je vous explique un peu le code ;

- J'ai mis une image en haut et en bas mais vous pouvez les retirer, vous trouverez le tout dans le code =)
- En ce qui concerne ne staff ; quand vous passez la souris sur l'image, elle disparait progressivement pour laisser apparaitre les informations. C'est possible de mettre plus de 2 images, il suffit de changer la dimensions des images dans cette partie ;


Il suffit donc de changer les 100px au nombre que vous désirez =)

- En ce qui concerne les membres en or, ce sont des onglets hébergés dans une page HTML à part et appeler dans le code grâce à une iframe. Vous trouverez le tout en bas =)

Place aux codes maintenant ! Bien évidemment, si vous désirez voir les codes, il suffit de poster et me dire si vous désirez prendre mon code ♥

La partie HTML à mettre dans affichage => Généralités ;



Le code CSS ;



En ce qui concerne le code des membres du mois ;



Merci de faire attention ; le code ne vous appartient pas, c'est ma propriété donc merci de ne pas le distribuer à votre guise encore moins changer la structure. Le code des onglets m'appartient aussi, merci donc de ne pas l'approprier et même si vous désirez l'utiliser ailleurs, merci de me tenir au courant, question de principe =)

Merci à vous et j'espère que le code vous plaira ♥

En cas de problème, prières de poster ici et pas pas par MP. Je n'accepte pas les entraides par MP. Merci =)
Love Story
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 5872
Réputation : 0
Date d'inscription : 02/07/2014
https://thisislovestory.forumactif.org
MessageSujet: Re: Page d'Accueil by Phantasmagoria (PRD)  Page d'Accueil by Phantasmagoria (PRD) EmptySam 14 Fév - 14:56

Test !
Love Story
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 5872
Réputation : 0
Date d'inscription : 02/07/2014
https://thisislovestory.forumactif.org
MessageSujet: Re: Page d'Accueil by Phantasmagoria (PRD)  Page d'Accueil by Phantasmagoria (PRD) EmptySam 14 Fév - 14:57

Code:
<div class="fond_pa">
   
  <div id="navigation">
      <a href="http://awol.forumactif.com/t785-reglement">ღRèglement</a> <a href="http://awol.forumactif.com/t782-contexte">ღConcept</a><a href="http://awol.forumactif.com/t788-bottin-des-avatars">ღBottin</a> <a href="http://awol.forumactif.com/f3-free-characters">ღThe wish list</a> <a href="http://awol.forumactif.com/f55-partie-invites">ღInvités</a>
  </div>
   
  <table style="width: 100%;">
     

        <tr>
           
           <td valign="top">
              <div class="titre_pa">
                  Contexte
              </div>
              <div class="bloc_colo">
                 <div class="contexte">
                    Los Angeles. Deuxième plus grande ville des Etats-Unis après New York. Un climat idéal tout au long de l'année avec beaucoup de soleil. Un total de plus de 3 800 000 habitants. Plus de 140 nationalités et de 220 langues parlées. Avec toutes ces caractéristiques, nous pourrions facilement caractériser la cité des anges comme la ville internationale par excellence, mais soyons d'accord, ça ne fait pas pour autant rêver. Parlons en donc autrement. Sea, sex and sun, est-ce que ça ne vous paraît pas mieux ? Et bien, figurez-vous que c'est ce à quoi ont le droit chaque jour les habitants de cette ville magnifique. Personne ne se lasse des soirées à thèmes, de la plage, du surf ou des paysages magnifiques. C'est ainsi qu'on comprend mieux pourquoi il y a autant d'étrangers en ville !<br /><br /> En parlant d'étrangers, la ville a connu une grande arrivée de français depuis déjà quelques mois. Certains sont là depuis bien plus longtemps, tandis que d'autres viennent juste d'arriver. Ils sont venus ici dans le but d'en apprendre plus sur la culture américaine, de vivre le rêve américain peut-être, ou tout simplement histoire de vivre à Los-Angeles, ou même pour des vacances. Étudiants, jeunes parents, hommes et femmes actifs, qu'ils soient ici pour leur travail, leurs études ou des raisons personnelles, ils ont tous le même but, s'intégrer dans cette ville et vivre, normalement ou au rythme de cette ville. La langue sera peut-être alors le seul barrage. <br /><br /> Les français débarquent à Los Angeles et cela risque de faire des ravages alors attention à vous, chers citoyens de L.A. Qui serez-vous dans cette grande ville ? Tout dépend de vous...
                 </div>
              </div>
           </td>
           
           <td valign="top">
              <div class="titre_pa">
                  La team
              </div>
              <div class="bloc_colo">
                 <table align="center">
             
                       <tr>
                          <td>
                             <div style="background-image: url('http://images5.fanpop.com/image/photos/30800000/-Tyler-tyler-blackburn-30864578-100-100.jpg'); background-repeat: no-repeat; width: 100px; height: 100px;">
                                <div class="fiche_staff">
                                   <div class="pseudo_staff">
                                       Cassandre C.Maisonneuve
                                   </div><span style="font-size :8px;"> Fondatrice - June - Présente</span><br /><a href=""> MP </a> <a href=""> Fiche </a>
                                </div>
                             </div>
                          </td>
                          <td>
                             <div style="background-image: url('http://img15.hostingpics.net/pics/786040Icone12.png'); background-repeat: no-repeat; width: 100px; height: 100px;">
                                <div class="fiche_staff">
                                   <div class="pseudo_staff">
                                       Sasha K. Svensen
                                   </div><span style="font-size :8px;">Administratrice - Phantasmagoria - Présente</span><br /><a href=""> MP </a> <a href=""> Fiche </a>
                                </div>
                             </div>
                          </td>
                       </tr>
             
                 </table>
              </div>
           </td>
           
           <td valign="top">
              <div class="titre_pa">
                  Les news & annonces
              </div>
              <div class="bloc_colo">
                 <div class="news">
                     <strong>ღ</strong> 2éme design par EcstaticDrugs<br /><strong>ღ</strong> Réouverture du forum : 00/11/2013<br /><strong>ღ</strong> Ouverture du forum : 26/06/2012<br />
                 </div>
              </div>
               
           </td>
        </tr>
        <tr>
           <td align="center" valign="top">
              <div class="titre_pa">
                  Nos membres en or
              </div>
              <div class="bloc_colo"><iframe style="width: 230px; height: 110px;" name="" src="http://awol.forumactif.com/h1-membres-de-mois" scrolling="no" frameborder="no"></iframe>
              </div>
           </td>
           
           <td align="center" valign="top">
              <div class="titre_pa">
                  Amis & Top sites
              </div>
              <div class="bloc_colo">
                 <br /><a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a><br /><a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a><br /> <a href="">More ?</a> <a href=""> You ? </a> <br /> <a href="LIEN"><img src="http://i.imgur.com/kJGlZqD.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/kJGlZqD.png" /></a>
              </div>
               
           </td>
           
           <td valign="top">
               
              <div class="titre_pa">
                  Crédits
              </div>
              <div class="bloc_colo">
                 <div class="copyright"><strong>ღ</strong> L'ensemble du codage a été fait par <strong>Phantasmagoria</strong> <br /><strong>ღ</strong> Ecriture du contexte et les messages administratifs par <strong>June</strong><br /><strong>ღ</strong> Le 2éme design est signé <strong>EcstaticDrug</strong> qu'on remercie de son temps et de son très beau travail ♥ <br /><strong>ღ</strong> <strong>THE AMERICAN WAY OF LIFE</strong> appartient à sa fondatrice et ses administratrices, prières de respecter notre travail et d'éviter le plagiat, sachant que c'est puni par la loi. Merci !
                 </div>
                 
              </div>
               
           </td>
        </tr>

  </table>
</div>
Love Story
Love Story
1er personnage : Étoile du Lion - 36 lunes - Tonnerre - Chef
PUF : Mew.
Masculin Messages : 801
Fusions : 5872
Réputation : 0
Date d'inscription : 02/07/2014
https://thisislovestory.forumactif.org
MessageSujet: Re: Page d'Accueil by Phantasmagoria (PRD)  Page d'Accueil by Phantasmagoria (PRD) EmptyDim 15 Fév - 21:08

Le CSS

Code:

 /******* PA PAR PHANTASMAGORIA SUR PRD*********/

.fond_pa {background-color: #ddb3a2; width: 780px;}
    #navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

#navigation a:hover {
color: #702828 ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Engagement', cursive; font-size: 20px; text-align: center;}

.titre_pa { font-family: 'Engagement', cursive; font-size: 30px;
text-align: center; color: #994949; margin-bottom: -10px;}
.bloc_colo { background-color: #ebd8d0; border: 1px solid #cc9e8e; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #f2e7f6; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify;  padding: 7px;}
/******** FIN DU CODE*******/
Contenu sponsorisé
MessageSujet: Re: Page d'Accueil by Phantasmagoria (PRD)  Page d'Accueil by Phantasmagoria (PRD) Empty

Page d'Accueil by Phantasmagoria (PRD)

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Catégorie by Phantasmagoria (PRD)
» Page d'Accueil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Love Story :: Power :: A. Love Story in Film-