ne pas vous inscrire, forum test.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 ϟ page d'accueil 2.

Aller en bas 
AuteurMessage
Midnight Shadow
Admin
avatar

Messages : 874
Date d'inscription : 21/04/2012
Age : 26

MessageSujet: ϟ page d'accueil 2.   Sam 21 Avr - 12:22

Code:
<html><head>
<script>var zindexAdmin = 2;

function changeAdmin(num)
  {
      document.getElementById('admin'+num).style.zIndex = zindexAdmin;
      zindexAdmin ++;
  }</script></head>

<body><center><iframe width="830" height="380"  name="staff" src="http://yourarenotaqueen.forumsgratuits.fr/h3-paged" frameborder="0" scrolling="no"></iframe></center></body></html>

_________________

[Seuls les administrateurs ont le droit de voir cette image][Seuls les administrateurs ont le droit de voir cette image]
❝THE PASSION THEY CAN NO LONGER DENY❞
you want a love that consumes you. you want passion, adventure. and even a little danger • kiss me hard before you go summertime sadness I just wanted you to know that baby you're the best I got my red dress on tonight dancing in the dark in the pale moonlight got my hair up real big beauty queen style high heels off - pepperland.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://bazzart.forum-pro.fr
Midnight Shadow
Admin
avatar

Messages : 874
Date d'inscription : 21/04/2012
Age : 26

MessageSujet: Re: ϟ page d'accueil 2.   Mer 26 Déc - 15:53

Code:
<div class="pa_global">
 <div class="staff_bloc">
 
 <div class="transition-tfa">
  <img src="http://i.imgur.com/4QZDF.png" alt="" class="staff" height="50" width="50">
  <div class="block_transition">   
        <table><tbody><tr><td align="center"><img src="http://25.media.tumblr.com/tumblr_ma6jkrIGu51qgg8yfo1_500.gif" class="bordure"></td>
<td align="center"><div class="perso">Mlle Gosh</div><div class="pseudo">Fondatrice</div> <div class="plus"><a href="http://galveston-island.forumgratuit.org/privmsg?mode=post&u=1">mp</a> - <a href="http://galveston-island.forumgratuit.org/u1">profil</a><br>
<i>présente</i>
</div></td></tr></tbody></table>
  </div></div>
  <div class="transition-tfa">
  <img src="http://static1.get-the-look.fr/articles/8/29/98/@/10549-sophia-bush-adopte-la-frange-pour-0x375-3.jpg" alt="" class="staff" height="50" width="50">
  <div class="block_transition">   
<table><tbody><tr><td align="center"><img src="http://25.media.tumblr.com/tumblr_m12l59mNgy1qar6tno1_500.gif" class="bordure"></td>
<td align="center"><div class="perso">Tricia Davis</div><div class="pseudo">Administratrice</div><div class="plus"><a href="http://galveston-island.forumgratuit.org/privmsg?mode=post&u=4">mp</a> - <a href="http://galveston-island.forumgratuit.org/u4">profil</a><br>
<i>présente</i></div></td></tr></tbody></table>

  </div></div>
  <div class="transition-tfa">
  <img src="http://thebestfashionblog.com/wp-content/uploads/2011/06/59409_Minka_K012_123_551lo-600x828.jpg" alt="" class="staff" height="50" width="50">
  <div class="block_transition">   
    <table><tbody><tr><td align="center"><img src="http://media.tumblr.com/tumblr_lxwwbxciSX1r4nqwr.gif" class="bordure"></td>
<td align="center"><div class="perso">Aileen Z. Roberts</div><div class="pseudo">Administratrice</div><div class="plus"><a href="http://galveston-island.forumgratuit.org/privmsg?mode=post&u=2">mp</a> - <a href="http://galveston-island.forumgratuit.org/u2">profil</a><br>
<i>présente</i></div></td></tr></tbody></table>
  </div></div>
  <div class="transition-tfa">
  <img src="http://img.karaoke-lyrics.net/img/artists/32209/candice-accola-213145.jpg" alt="" class="staff" height="50" width="50">
  <div class="block_transition">   
        <table><tbody><tr><td align="center"><img src="http://media.tumblr.com/tumblr_m8gkgzXDET1rruqpp.gif" class="bordure"></td>
<td align="center"><div class="perso">Jenna M. Williams</div><div class="pseudo"> Administratrice</div><div class="plus"><a href="http://galveston-island.forumgratuit.org/privmsg?mode=post&u=22">mp</a> - <a href="http://galveston-island.forumgratuit.org/u22">profil</a><br>
<i>présente</i></div></td></tr></tbody></table>
  </div></div><br></div></div>
 
 


_________________

[Seuls les administrateurs ont le droit de voir cette image][Seuls les administrateurs ont le droit de voir cette image]
❝THE PASSION THEY CAN NO LONGER DENY❞
you want a love that consumes you. you want passion, adventure. and even a little danger • kiss me hard before you go summertime sadness I just wanted you to know that baby you're the best I got my red dress on tonight dancing in the dark in the pale moonlight got my hair up real big beauty queen style high heels off - pepperland.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://bazzart.forum-pro.fr
Midnight Shadow
Admin
avatar

Messages : 874
Date d'inscription : 21/04/2012
Age : 26

MessageSujet: Re: ϟ page d'accueil 2.   Mer 26 Déc - 15:55

CSS :

Code:
  .pa_global {background-image: url('http://img15.hostingpics.net/pics/64441411608327PA.png');
  width: 820px; height:480px; position: relative;}
 
  .navigg {  position: absolute; top: 5px; left: 20px; width: 780px; height: 51px; padding: 7px;}
 
    .contexte_prov { position: absolute; top: 90px; left: 15px; font-size: 9px; text-align: justify; padding: 10px; width: 260px; height: 125px; overflow: auto;}
 

  .staff_bloc { position: absolute; top : 100px; left: 320px; width: 280px; height: 80px; }
 
.bloc_modo { position: absolute; top : 70px; left: 20px; width: 280px; height: 60px;}

  .nos_amis { position: absolute; top: 80px; right: 35px; font-size: 9px; text-align: justify; width: 150; height: 115px; overflow: auto; padding: 10px;}

  .scenar { position: absolute; bottom : 35px; left: 20px; width: 129px; height: 159px;}
 
  .major { position: absolute; bottom : 30px; left: 190px; width: 130px; height: 130px;}
 
  .news { position: absolute; bottom : 30px; right: 200px; width: 250px; height: 130px; font-size: 9px; overflow: auto; padding:10px; text-align: justify;}

.vote { position: absolute; bottom : 190px; right: 90px; width: 100px; height: 40px;}
 
  #navigation a:link, #navigation a:visited, #navigation a:active {
width: 820px;
height: 15px;
font-family: 'Boogaloo', cursive;
font-size: 24px;
text-align: center;
padding: 2px;
color: #DCA400;
line-height: 13px;
display: inline; block;
text-transform: capitalize;
font-weight: bold;
letter-spacing: 3px;
text-shadow: 0px 0px 1px #DCA400;}

#navigation a:hover {
color: #9B0056 ;
font-size: 24px;
text-shadow: 0px 0px 2px #9B0056;
letter-spacing: 2px;
letter-spacing: 4px;
  -webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
}
 
    /* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
            .transition-tfa{
            position: relative;
            width: 60px;
            float: left;
            margin: 5px;
            padding: 0;
            }
            /* INFOBULLE */
            .block_transition{
            background: #fff;
  box-shadow: 1px 1px 10px #e4a703;
  webkit-box-shadow: 1px 1px 10px #e4a703;
            width: 0;
            height: 0;
            overflow: hidden;
            position: absolute;
            left:50px;
            top: 0;
            z-index: 999;
            padding: 0;
            text-align: left;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -webkit-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur webkit */
            -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */
            -o-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur opera */
            transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour les navigateurs récents */
            }
            /* INFOBULLE AU SURVOL */
            .transition-tfa:hover .block_transition{
            height: 100px;
            width: 260px;
            padding: 5px;
            border-width: 1px;
            }
            /* IMAGE (icône) */
            .staff {
            position: relative;
            z-index: 990;
            left: 0;
            bottom: 0;
            -webkit-transition: all 1s linear 0s;/* pour navigateur webkit */
            -moz-transition: all 1s linear 0s; /* pour navigateur mozilla */
            -o-transition: all 1s linear 0s;/* pour navigateur opera */
            transition: all 1s linear 0s; /* pour les navigateurs récents */
            }
            /* IMAGE (icône) AU SURVOL */
            .staff:hover {
            -webkit-transition: rotate(-180deg);/* pour navigateur webkit */
            -moz-transform: rotate(-180deg); /* pour navigateur mozilla */
            -o-transform: rotate(-180deg);/* pour navigateur opera */
            transform: rotate(-180deg); /* pour les navigateurs récents */ border: 2px solid #dca400;
-webkit-border: 50px; border-radius: 50px; }
         
         .bordure {
border: 2px solid #ede83d;
-moz-box-shadow: 0px 0px 2px #dca400;
-webkit-box-shadow: 0px 0px 2px #dca400;
box-shadow: 0px 0px 2px #ede83d;
width: 120px;
height: 60px;}

.perso { font-family: 'Boogaloo', cursive; font-size: 18px; letter-spacing: -1px; font-weight: bold; text-transform: lowercase; font-style: italic; color: #dca400; }
.pseudo { font-size: 10px; color: #DCA400; }
.plus { font-size: 10px; text-transform: lowercase; color: #DCA400;}

/* IMAGE (icône) */
.tfa_icones img{
width: 40px;
height: 40px;
margin: 2px;
padding: 0;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */ border: 2px solid #dca400;
-webkit-border: 50px; border-radius: 50px;
}
/* IMAGE (icône) AU SURVOL */
.tfa_icones:hover img {
-webkit-transform : rotate(-180deg);/* pour navigateur webkit */
-moz-transform : rotate(-180deg); /* pour navigateur mozilla */
-o-transform : rotate(-180deg);/* pour navigateur opera */
transform: rotate(-180deg); /* pour les navigateurs récents */
}

/* IMAGE (icône) */
.tfa_icones2 img{
width: 40px;
height: 40px;
margin: 2px;
padding: 0;
-webkit-transition: all 1s linear 0s;/* pour navigateur webkit */
-moz-transition: all 1s linear 0s; /* pour navigateur mozilla */
-o-transition: all 1s linear 0s;/* pour navigateur opera */
transition: all 1s linear 0s; /* pour les navigateurs récents */ border: 2px solid #dca400;
-webkit-border: 50px; border-radius: 50px;
}
/* IMAGE (icône) AU SURVOL */
.tfa_icones2:hover img {
-webkit-transform : rotate(180deg);/* pour navigateur webkit */
-moz-transform : rotate(180deg); /* pour navigateur mozilla */
-o-transform : rotate(180deg);/* pour navigateur opera */
transform: rotate(180deg); /* pour les navigateurs récents */
}

/* IMAGE (icône) */
.tfa_icones3 img{
width: 40px;
height: 40px;
margin: 2px;
padding: 0;
-webkit-transition: all 1s linear 0s;/* pour navigateur webkit */
-moz-transition: all 1s linear 0s; /* pour navigateur mozilla */
-o-transition: all 1s linear 0s;/* pour navigateur opera */
transition: all 1s linear 0s; /* pour les navigateurs récents */ border: 2px solid #dca400;
-webkit-border: 50px; border-radius: 50px;
}
/* IMAGE (icône) AU SURVOL */
.tfa_icones3:hover img {
-webkit-transform : rotate(260deg);/* pour navigateur webkit */
-moz-transform : rotate(260deg); /* pour navigateur mozilla */
-o-transform : rotate(260deg);/* pour navigateur opera */
transform: rotate(260deg); /* pour les navigateurs récents */
}

_________________

[Seuls les administrateurs ont le droit de voir cette image][Seuls les administrateurs ont le droit de voir cette image]
❝THE PASSION THEY CAN NO LONGER DENY❞
you want a love that consumes you. you want passion, adventure. and even a little danger • kiss me hard before you go summertime sadness I just wanted you to know that baby you're the best I got my red dress on tonight dancing in the dark in the pale moonlight got my hair up real big beauty queen style high heels off - pepperland.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://bazzart.forum-pro.fr
Contenu sponsorisé




MessageSujet: Re: ϟ page d'accueil 2.   

Revenir en haut Aller en bas
 
ϟ page d'accueil 2.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [ABANDON] Une page d'accueil à onglets
» [Lixyr Yrna] Une page d'accueil pour rainbow style
» [Akino] Un page d'accueil pour New Day :)
» Redirection vers page d'accueil
» Page d'accueil [Phanta]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
b a z z a r t ϟ forum test. :: CODES :: ϟ HTLM-
Sauter vers: