AccueilAccueil  CalendrierCalendrier  FAQFAQ  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | .
 

 Artbeats PA v.1

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

❁❁❁

+ Messages : 210
+ Date d'inscription : 24/02/2013
+ Age : 22
+ Localisation : Marseille
+ Ta vie :

MessageSujet: Artbeats PA v.1   Ven 25 Oct - 16:35

.pa_global { background-color: #fff; width: 100%;}

.welcome {color : #F7C066;font-family: 'Handlee', cursive;font-size: 35px; LETTER-SPACING: -3px;text-shadow: 1px 3px 2px #000; text-transform:uppercase;text-align: center;}

.citation {color : #FFE98C;font-family: Tahoma;font-size: 10px; letter-spacing: 2px;text-shadow: 2px 1px 2px grey; text-transform:lowercase;text-align: center; margin-top: -5px;}

.liens {background-color: #FFE5A9;box-shadow: 0px 4px 5px #fff inset;font-family:'Annie Use Your Telescope', cursive; font-size: 15px; text-align: center; color: #000;}

.titresPA {font-family: 'The Girl Next Door', cursive; margin-top: 12px; font-size: 18px; letter-spacing: -1px; text-align: center; color: #CEAF90;}

.logo{width: 200px; height: 200px; border-radius; 50px; border: 2px solid #644E40; padding: 2px;}

.contexte {width: 200px; height: 450px; overflow: auto; font-size: 11px; text-align; justify; }

div.infobulle {
position: relative;
float: bottom;
}


div.infobulle span {
display: none;
}

div.infobulle:hover {
background: none;
z-index: 999;
}

div.infobulle:hover span {
display: inline;
position: absolute;
top: 20px;
left: 1px;
text-align: center;
background-color: #FFFFFF;
color: #000000;
padding: 10px;
border: 3px double #6DA4B9;
width: 150px;
height: 110px;
}

.textinfobulle {width: 100px; font-family: 'Handlee', cursive; font-size: 12px; font-weight: bold;}

.team {width: 250px; height: 200px; overflow: auto;}

.imgstaff {width: 100px; height: 100px; border: 1px outset #DDB882;}

.postevac {width: 200px; height: 250px; overflow: auto;}

.imgpv {width: 100px; height:100px}

.lesnews {width: 250px; height: 250px; overflow:auto; font-size: 11px; text-align:center;}


http://24.media.tumblr.com/tumblr_m9caifhs7k1qz7xmjo1_400.jpg
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://abitofeverything.forumactif.org

❁❁❁

+ Messages : 210
+ Date d'inscription : 24/02/2013
+ Age : 22
+ Localisation : Marseille
+ Ta vie :

MessageSujet: Re: Artbeats PA v.1   Sam 26 Oct - 20:07

Bienvenue, petit Padawan, ici, tu es chez toi!
On t'a dit qu'il fallait que tu parles?
Lien 1, Lien 2 Lien3 Lien 4 Lien 5 Lien6 Lien7 Lien Lien Lien Lien

Contexte
Il était une fois, au pays des bisounours, un nounours qui n'avait pas de doigts. Pour apprendre à compter, il dû donc se servir de son nez, pour taper sur son bras plusieurs fois et réussir, dans l'ordre, à compter sans doigts. Il vécut heureux et eu autant d'enfants qu'il put en compter.  
Notre Staff
Nom prénom
Fiche - MP
Fondatrice
Nom prénom
Fiche - MP
Fondatrice
Nom prénom
Fiche - MP
Fondatrice
Nom prénom
Fiche - MP
Fondatrice
Nom prénom
Fiche - MP
Fondatrice
Nom prénom
Fiche - MP
Fondatrice
Scénarios et Postes vacants
Dernières nouveautés
jj/mm/aa : nouveauté 1
jj/mm/aa : nouveauté 2
jj/mm/aa : nouveauté 3
♣ Nous le leur devons
Design de la version 1 par Phantasmagoria

Catégories par Céline57 sur TEMPLACTIF

PA réalisée par Shea C. Boham (Blueberry)

L'intégralité du forum appartient à ses administratrices. Merci de respecter leur travail. Toute reproduction partielle ou entière du forum est strictement interdite.
Partenaires
                                                             

Code:
<div class="pa_global"><div class="welcome"> Bienvenue, petit Padawan, ici, tu es chez toi!</div><div class="citation">On t'a dit qu'il fallait que tu parles?</div><div class="liens"> Lien 1, Lien 2 Lien3 Lien 4 Lien 5 Lien6 Lien7 Lien Lien Lien Lien</div><table><tr><td><div class="logo"><center><div id="monlogo"><img src="http://24.media.tumblr.com/tumblr_m9caifhs7k1qz7xmjo1_400.jpg" class="logo1" alt="logo qui tourne"/></div></center></div></td><td><div class="titresPA">Contexte</div><div class="contexte">Il était une fois, au pays des bisounours, un nounours qui n'avait pas de doigts. Pour apprendre à compter, il dû donc se servir de son nez, pour taper sur son bras plusieurs fois et réussir, dans l'ordre, à compter sans doigts. Il vécut heureux et eu autant d'enfants qu'il put en compter.  </div></td><td><div class="titresPA">Notre Staff</div><div class="team"><table><tr><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td></tr><tr><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td><td><div class="infobulle"><img src="http://static.tumblr.com/f759abbaa72bba8edabbfc3f2a7f8b92/tbu0ywy/sMAmldn8a/tumblr_static_s.jpg" class="imgstaff"/><span><div class="textinfobulle">Nom prénom</div><center><div class="prezstaff">Fiche - MP
Fondatrice</div></center></span></div></td></tr></table></div></td></tr><td><div class="titresPA">Scénarios et Postes vacants</div><div class="postevac"><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a><a href="lienduscena"><img src="https://si0.twimg.com/profile_images/378800000386228404/b7d7eb73fd72f4e5cec9c420b20741de.png" class="imgpv"/></a></div></td>
<td><div class="titresPA">Dernières nouveautés</div><div class="lesnews"><i><b>jj/mm/aa</b></i> : nouveauté 1
<i><b>jj/mm/aa</b></i> : nouveauté 2
<i><b>jj/mm/aa</b></i> : nouveauté 3</div></td><td><div class="titresPA"> ♣ Nous le leur devons</div><div class="créditsPA">Design de la version 1 par Phantasmagoria
<br>Catégories par Céline57 sur <b><a href="http://templactif.forumgratuit.org/">TEMPLACTIF</a></b>
<br>PA réalisée par Shea C. Boham (Blueberry)
<br>L'intégralité du forum appartient à ses administratrices. Merci de respecter leur travail. Toute reproduction partielle ou entière du forum est strictement interdite. </div></td></tr></table><div class="titresPA">Partenaires</div><div class="Partenariats"><a href="#"><img src="http://img11.hostingpics.net/pics/702033filmsicone957032.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/528053fichierfilmicone912832.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/793352disquelpmusiqueicone946132.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/180985musiqueicone777332.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/702033filmsicone957032.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/528053fichierfilmicone912832.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/793352disquelpmusiqueicone946132.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/180985musiqueicone777332.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/702033filmsicone957032.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/528053fichierfilmicone912832.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/793352disquelpmusiqueicone946132.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/180985musiqueicone777332.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/702033filmsicone957032.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/528053fichierfilmicone912832.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/793352disquelpmusiqueicone946132.png"/></a>     <a href="#"><img src="http://img11.hostingpics.net/pics/180985musiqueicone777332.png"/></a>  </div></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://abitofeverything.forumactif.org

❁❁❁

+ Messages : 210
+ Date d'inscription : 24/02/2013
+ Age : 22
+ Localisation : Marseille
+ Ta vie :

MessageSujet: Re: Artbeats PA v.1   Ven 16 Mai - 17:43

.pa_global {background-color: #FFFDF9;width: 800px;}
.welcome {color : #F7C066;font-family: 'Handlee', cursive;font-size: 35px; LETTER-SPACING: -3px;text-shadow: 1px 3px 2px #000; text-transform:uppercase;text-align: center;}

.citation {color : #FFE98C;font-family: Tahoma;font-size: 11px; letter-spacing: 2px;text-shadow: 2px 1px 2px #52413A; text-transform:lowercase;text-align: center; margin-top: -5px;}

.liens {background-color: #FFE5A9;box-shadow: 0px 4px 5px #fff inset;font-family:'Annie Use Your Telescope', cursive; font-size: 15px;text-align: center; color: #000;}
.titresPA {font-family: 'The Girl Next Door', cursive; margin-top: 12px; font-size: 18px; letter-spacing: -1px; text-align: center; color: #CEAF90;}
.logo{width: 200px; height:200px; margin: auto;}
#monlogo img{
-webkit-transition:-webkit-transform .9s; // Chrome Safari
-moz-transition:-moz-transform .9s; // Mozilla
-o-transition:-o-transform .9s; // Opéra
-ms-transition:-ms-transform .9s; // IE
transition:transform .9s;
}

#monlogo img:hover{
-webkit-transform:rotate(540deg);
-moz-transform:rotate(540deg);
-o-transform:rotate(540deg);
-ms-transform:rotate(540deg);
transform:rotate(540deg);
}
.logo1{width: 150px; height: 150px; padding: 15px; border-radius: 100px; border: 2px solid #644E40; padding: 2px;}
.contexte {width: 300px; height: 175px; overflow: auto; font-size: 11px; text-align: justify; }

div.infobulle {
position: relative;
float: bottom;
}


div.infobulle span {
display: none;
}

div.infobulle:hover {
background: none;
z-index: 999;
}

div.infobulle:hover span {
display: inline;
position: absolute;
top: 20px;
left: 1px;
text-align: center;
background-color: #FFFFFF;
color: #000000;
padding: 10px;
border: 1px inset #DDB882;
width: 85px;
height: 50px;
}

.textinfobulle {font-family: 'Handlee', cursive; font-size: 12px; font-weight: bold; letter-spacing: -1px;color: #806142;}
.team {width: 300px; height: 175px; padding: 5px; overflow: auto;}

.imgstaff {width: 75px; height: 75px; border: 1px outset #DDB882; padding: 1px;}

.prezstaff {width: 70px; font-family: Arial; font-size: 11px; font-weight: bold;}

.postevac {width: 200px; height: 150px; overflow: auto;}

.imgpv {width: 50px; height:50px}

.lesnews {width: 200px; height: 150px; overflow:auto; font-size: 11px; text-align:justify; margin: auto;}
.créditsPA {width: 275px; height: 150px; padding: 5px; overflow: auto; font-size: 11px; font-family: Tahoma; text-align: justify;}
.Partenariats {background-color: #FFE5A9;box-shadow: 0px 4px 5px #fff inset;font-family:'Annie Use Your Telescope', cursive; font-size: 20px;text-align: center; color: #000;}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://abitofeverything.forumactif.org
Contenu sponsorisé

❁❁❁


MessageSujet: Re: Artbeats PA v.1   

Revenir en haut Aller en bas
 

Artbeats PA v.1

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

 Sujets similaires

-
» Artbeats

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Blueberry's Gallery :: 
Forums
 :: Codages forums :: Artbeats
-