Rappel du premier message :
Bonjour / Bonsoir,
Voilà, j'aurais besoin d'aider pour finir la Page d'Accueil de mon forum
En fait, mon idée avait été de faire une PA en Slideshow manuel -donc avec des flèches-, seulement, je n'ai trouvé aucuns tutoriel sur mes forums de Codages, alors j'ai chercher sur Internet, j'en ai trouvé, mais il y a des bugs - voici le tutoriel que j'ai utilisé : http://www.alsacreations.com/tuto/lire/1058-ID-slideshow-css3-target-animation.html et voici mon résultat : http://forum-test3test.forumactif.org/h6-slideshow-pa -, j'ai tenter de voir d'où venait les problèmes mais je n'ai pas trouvé -je ne suis pas une grande codeuse, j'arrive juste à me débrouiller...- C'est donc pour ça que je post cette "demande". Afin que vous m'aidiez, soit à résoudre le bug, soit à faire un code en javascript pour que mon idée marche. .
Merci énormément pour la personne qui s'occupera de ma demande !
Schéma(s) et Eléments
Schémas : Je ne vois pas vraiment comment faire des shémas, mais je vous donne les differents éléments pour le SlideShow et le lien du forum où j'ai eu l'idée, afin que vous voyez, si ça ne va pas, dites le moi :
Effets voulus : Mis à part un SlideShow reliant ces quatre PA entres elles, rien.
Ressources
Je ne vois rien à ajouter comme éléments
Autres précisions ?
Je pense que j'ai dit toutes les informations qui pour moi étaient importantes, mais si jamais vous avez des questions demandez moi !
Ma demande
Bonjour / Bonsoir,
Voilà, j'aurais besoin d'aider pour finir la Page d'Accueil de mon forum
En fait, mon idée avait été de faire une PA en Slideshow manuel -donc avec des flèches-, seulement, je n'ai trouvé aucuns tutoriel sur mes forums de Codages, alors j'ai chercher sur Internet, j'en ai trouvé, mais il y a des bugs - voici le tutoriel que j'ai utilisé : http://www.alsacreations.com/tuto/lire/1058-ID-slideshow-css3-target-animation.html et voici mon résultat : http://forum-test3test.forumactif.org/h6-slideshow-pa -, j'ai tenter de voir d'où venait les problèmes mais je n'ai pas trouvé -je ne suis pas une grande codeuse, j'arrive juste à me débrouiller...- C'est donc pour ça que je post cette "demande". Afin que vous m'aidiez, soit à résoudre le bug, soit à faire un code en javascript pour que mon idée marche. .
Merci énormément pour la personne qui s'occupera de ma demande !
Schéma(s) et Eléments
Schémas : Je ne vois pas vraiment comment faire des shémas, mais je vous donne les differents éléments pour le SlideShow et le lien du forum où j'ai eu l'idée, afin que vous voyez, si ça ne va pas, dites le moi :
- Elements:
- Page 1:
- http://forum-test3test.forumactif.org/h2-page-1
- Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="PSPad editor, www.pspad.com" name="generator" /> <title></title><style type="text/css">
/*Liens Maj*/
A:link, A:visited, A:active {
font-variant: small-caps;
color: black;
text-shadow: 1px 1px 3px;}
/*Fin*/
/*Liens*/
a { text-decoration: none; }
A:hover{text-transform:fat;}
a:hover{ text-shadow: 1px 1px 2px grey; }
/*fin*/
/*Scrollbar*/
::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-moz-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-o-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
html > ::-webkit-scrollbar {
width: 10px; /* largeur de la barre */}
::-webkit-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-moz-scrollbar {
width: 10px; /* largeur de la barre */}
::-moz-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-o-scrollbar {
width: 10px; /* largeur de la barre */}
::-o-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-webkit-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-moz-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-o-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
/*fin*/
/*PA*/
.fond {
background: url('http://zupimages.net/up/14/24/jeui.png');
position: relative;
width: 708px;
height: 432px;
box-shadow: 1px 1px 3px black;
}
.fond > div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fond > div > div {
position: absolute;
z-index:90;
}
.bienvenue .select {
left:37px;
top: 110px;
width: 189px;
height:230px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
}
.info .select {
left: 260px;
top: 115px;
width: 193px;
height:230px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
}
.partenaires .select {
left: 1px;
top: 400px;
width: 707px;
height:40px;
overflow: auto;
align: center;
}
.meteo .select {
left: 499px;
top: 240px;
width: 180px;
height: 100px;
overflow: auto;
align: justify;
color: black;
font-family: Trebuchet MS;
font-size: 11;
}
.tops .select {
left: 499px;
top: 105px;
width: 180px;
height: 100px;
overflow: auto;
align: justify;
color: black;
font-family: Trebuchet MS;
font-size: 11;
}
</style>
<center>
<a href="http://movie-studio-academy.forumactif.org/t9-reglement-general" target="_blank"><span style="font-size: 24px;">Règlement</span></a> • <a href="http://movie-studio-academy.forumactif.org/t19-histoire-de-la-msa" target="_blank"><span style="font-size: 24px;">Histoire</span></a> • <a href="http://movie-studio-academy.forumactif.org/f85-coin-des-invites" target="_blank"><span style="font-size: 24px;">Coin des Invités</span></a> • <a href="http://movie-studio-academy.forumactif.org/t6-description-des-groupes" target="_blank"><span style="font-size: 24px;">Groupes</span></a> • <a href="http://movie-studio-academy.forumactif.org/f4-presentation" target="_blank"><span style="font-size: 24px;">Présentations</span></a> • <a href="http://movie-studio-academy.forumactif.org/f70-partenariats" target="_blank"><span style="font-size: 24px;">Partenariats</span></a>
<div class="fond">
<div class="bienvenue">
<div class="select">
<div align="justify">
Bonjour, et bienvenue à Movie Studio Academy ! Si vous êtes arrivé jusque-là, c’est que vous avez été sélectionné. Eh oui. Vous aviez sûrement déjà entendu parler de nous, et sachez que plusieurs de nos agents sont répartis à travers le monde pour repérer les futures stars du cinéma de demain. Si vous êtes là, c’est que vous avez été repéré. Non seulement vous avez été repéré, mais vous avez retenu l’attention de nos professeurs et agents, qui ont ensuite étudié votre parcours et votre potentiel. Et maintenant vous êtes là. Ici, vous arrivez avec votre spécialité, mais pourrez aussi apprendre d’autres domaines de l’audiovisuel et du cinéma. Tous les rôles sont représentés ici : acteurs, réalisateurs, scénaristes, futurs ingénieurs du son et de l’image, maquilleur et tout le reste. Si vous êtes là, c’est que vous avez entre 12 et 20 ans. Mais sachez que plus vous y rentrez tard, plus vous aurez de travail pour avoir votre diplôme. L’entièreté de notre corps enseignant est disponible en journée pour répondre à toutes vos questions. Mais soyez certains d’une chose. Si vous obtenez votre diplôme du MSA, vous ne connaîtrez jamais le chômage ! <br /><br />
</div>
</div>
</div>
<div class="tops">
<div class="select">
<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2270" target="_blank"><img src="http://zupimages.net/up/14/13/gvag.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=4174" target="_blank"><img src="http://zupimages.net/up/14/13/gvag.png" /></a> <a href="http://en.root-top.com/toplist/serpentgy/in.php?ID=10614" target="_blank"><img src="http://zupimages.net/up/14/13/gvag.png" /></a><br /> <a href="http://www.root-top.com/topsite/yami/in.php?ID=5963" target="_blank"><img src="http://zupimages.net/up/14/13/gvag.png" /></a> <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=4242" target="_blank"><img src="http://zupimages.net/up/14/13/gvag.png" /></a>
</div>
</div>
<div class="meteo">
<div class="select">
Meteo ici
</div>
</div>
<div class="info">
<div class="select">
<div align="justify" style="">
<strong>15/06/2014 •</strong> Les recrutements de modérateur sont ouverts ! Pour tenter votre chance, rendez-vous ici <a href="http://movie-studio-academy.forumactif.org/t12-rejoindre-le-staff" target="_blank">Ici</a> <span style="color: #FF0000;">! Ce poste est important !</span> <br /><br /> <strong>14/06/2014 •</strong> Le premier évènement du forum à été lancé pour célébrer la fête de la Musique à MSA ! Rendez-vous <a href="http://movie-studio-academy.forumactif.org/t99-celebrons-la-musique-ensemble-rp-general-evenement" target="_blank">Ici</a> pour y participer ! <br /><br /> <strong>31/03/2014 •</strong> Ouverture du forum ! Bienvenue a vous ! Remercions notre staff' adoré, qui a permis au forum d'être ouvert si tôt ♥ Elcyan Light, Hugo Jackiat, Kurt P. Weaver et Kylie Stark !
</div>
</div>
</div>
<div class="partenaires">
<div class="select">
<marquee onmouseout="this.start();" onmouseover="this.stop();">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.artistic-academy.org/"><img alt="" border="0" src="http://image.noelshack.com/fichiers/2013/35/1377985729-8831.jpg" /></a> <a href="http://euphemia.forumactif.org/"><img src="http://img15.hostingpics.net/pics/936824Logo3.png" /></a> <a href="http://tadakai-rpg.forumgratuit.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/14/1396279909-bouton8831.png" border="0" alt="" /></a> <a href="http://naamanetsaakis.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/234481boutonLP2.png" border="0" alt="" /></a> <a target="_" blank""="" href="http://liberty-creation.forumactif.org/forum"><img src="http://img15.hostingpics.net/pics/4822768831.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://tenjogakuen.forumactif.org/"><img alt="" border="0" src="http://www.imabox.fr/a3/1424032055Bp2bAB50.png" /></a> <a href="http://onepiece-apocalypse.forumactif.org/"><img src="http://img4.hostingpics.net/pics/3537908228108831.gif" /></a>
</marquee>
</div>
</div>
</div>
</center>
- Page 2:
- http://forum-test3test.forumactif.org/h3-page-2
- Code:
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <title></title><style type="text/css">
/*Liens Maj*/
A:link, A:visited, A:active {
font-variant: small-caps;
color: black;
text-shadow: 1px 1px 3px;}
/*Fin*/
/*Liens*/
a { text-decoration: none; }
A:hover{text-transform:fat;}
a:hover{ text-shadow: 1px 1px 2px grey; }
/*fin*/
/*Scrollbar*/
::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-moz-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-o-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
html > ::-webkit-scrollbar {
width: 10px; /* largeur de la barre */}
::-webkit-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-moz-scrollbar {
width: 10px; /* largeur de la barre */}
::-moz-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-o-scrollbar {
width: 10px; /* largeur de la barre */}
::-o-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-webkit-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-moz-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-o-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
/*fin*/
/*PA*/
.fond {
background: url('http://zupimages.net/up/14/24/9xrr.png');
position: relative;
width: 708px;
height: 432px;
box-shadow: 1px 1px 3px black;
}
.fond > div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fond > div > div {
position: absolute;
z-index:90;
}
.bienvenue .select {
left:37px;
top: 110px;
width: 189px;
height:230px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
}
.scenarios .select {
left: 253px;
top: 100px;
width: 193px;
height:230px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
align: center;
}
.partenaires .select {
left: 1px;
top: 400px;
width: 707px;
height:40px;
overflow: auto;
align: center;
}
.meteo .select {
left: 499px;
top: 240px;
width: 180px;
height: 100px;
overflow: auto;
align: justify;
color: black;
font-family: Trebuchet MS;
font-size: 11;
}
.events .select {
left: 499px;
top: 105px;
width: 180px;
height: 100px;
overflow: auto;
align: justify;
color: black;
font-family: Trebuchet MS;
font-size: 11;
}
</style>
<center>
<a target="_blank" href="http://movie-studio-academy.forumactif.org/t9-reglement-general"><span style="font-size: 24px;">Règlement</span></a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/t19-histoire-de-la-msa"><span style="font-size: 24px;">Histoire</span></a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/f85-coin-des-invites"><span style="font-size: 24px;">Coin des Invités</span></a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/t6-description-des-groupes"><span style="font-size: 24px;">Groupes</span></a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/f4-presentation"><span style="font-size: 24px;">Présentations</span></a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/f70-partenariats"><span style="font-size: 24px;">Partenariats</span></a>
<div class="fond">
<div class="bienvenue">
<div class="select">
<div align="justify">
Bonjour, et bienvenue à Movie Studio Academy ! Si vous êtes arrivé jusque-là, c’est que vous avez été sélectionné. Eh oui. Vous aviez sûrement déjà entendu parler de nous, et sachez que plusieurs de nos agents sont répartis à travers le monde pour repérer les futures stars du cinéma de demain. Si vous êtes là, c’est que vous avez été repéré. Non seulement vous avez été repéré, mais vous avez retenu l’attention de nos professeurs et agents, qui ont ensuite étudié votre parcours et votre potentiel. Et maintenant vous êtes là. Ici, vous arrivez avec votre spécialité, mais pourrez aussi apprendre d’autres domaines de l’audiovisuel et du cinéma. Tous les rôles sont représentés ici : acteurs, réalisateurs, scénaristes, futurs ingénieurs du son et de l’image, maquilleur et tout le reste. Si vous êtes là, c’est que vous avez entre 12 et 20 ans. Mais sachez que plus vous y rentrez tard, plus vous aurez de travail pour avoir votre diplôme. L’entièreté de notre corps enseignant est disponible en journée pour répondre à toutes vos questions. Mais soyez certains d’une chose. Si vous obtenez votre diplôme du MSA, vous ne connaîtrez jamais le chômage ! <br /><br />
</div>
</div>
</div>
<div class="events">
<div class="select">
EVENEMENTS ICI
</div>
</div>
<div class="meteo">
<div class="select">
<br />
<div align="justify">
<strong>Personnel</strong> » Ouvert<br /> <strong>Acteurs</strong> » Fermé<br /><strong>Réalisateurs</strong> » Ouvert<br /><strong>Scénaristes</strong> » Ouvert<br /><strong>ISI</strong> » Ouvert<br /><strong>Equipe Esthétique</strong> » Ouvert<br /><strong>Equipe de Tournage</strong> » Ouvert<br /><strong>Villageois</strong> » Ouvert<br /><br />
<div align="center">
<a href="http://movie-studio-academy.forumactif.org/t6-description-des-groupes" target="_blank">Plus d'Info' ?</a><br /><br />
</div>
</div>
</div>
</div>
<div class="scenarios">
<div class="select">
<br /> <a target="_blank" href="http://movie-studio-academy.forumactif.org/t70-maelys-light"><img src="http://zupimages.net/up/14/21/zzr7.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <a target="_blank" href="http://movie-studio-academy.forumactif.org/"><img src="http://zupimages.net/up/14/13/kxrf.png" /></a> <br /> <span style="font-size: 11px;"><a target="_blank" href="http://movie-studio-academy.forumactif.org/f44-scenarios-pres-crees">Plus ?</a></span>
</div>
</div>
<div class="partenaires">
<div class="select">
<marquee onmouseover="this.stop();" onmouseout="this.start();">
<a href="http://www.artistic-academy.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2013/35/1377985729-8831.jpg" border="0" alt="" /></a> <a href="http://euphemia.forumactif.org/"><img src="http://img15.hostingpics.net/pics/936824Logo3.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://tadakai-rpg.forumgratuit.fr"><img alt="" border="0" src="http://image.noelshack.com/fichiers/2014/14/1396279909-bouton8831.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://naamanetsaakis.forumgratuit.org/"><img alt="" border="0" src="http://img11.hostingpics.net/pics/234481boutonLP2.png" /></a> <a href="http://liberty-creation.forumactif.org/forum" blank""="" target="_"><img src="http://img15.hostingpics.net/pics/4822768831.gif" /></a> <a href="http://tenjogakuen.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://www.imabox.fr/a3/1424032055Bp2bAB50.png" border="0" alt="" /></a> <a href="http://onepiece-apocalypse.forumactif.org/"><img src="http://img4.hostingpics.net/pics/3537908228108831.gif" /></a>
</marquee>
</div>
</div>
</div>
</center>
- Page 3:
- http://forum-test3test.forumactif.org/h4-page-3
- Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="PSPad editor, www.pspad.com" name="generator" /> <title></title><style type="text/css">
/*Liens Maj*/
A:link, A:visited, A:active {
font-variant: small-caps;
color: black;
text-shadow: 1px 1px 3px;}
/*Fin*/
/*Liens*/
a { text-decoration: none; }
A:hover{text-transform:fat;}
a:hover{ text-shadow: 1px 1px 2px grey; }
/*fin*/
/*Scrollbar*/
::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-moz-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-o-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
html > ::-webkit-scrollbar {
width: 10px; /* largeur de la barre */}
::-webkit-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-moz-scrollbar {
width: 10px; /* largeur de la barre */}
::-moz-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-o-scrollbar {
width: 10px; /* largeur de la barre */}
::-o-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-webkit-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-moz-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-o-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
/*fin*/
/*PA*/
.fond {
background: url('http://zupimages.net/up/14/25/kbve.png');
position: relative;
width: 708px;
height: 432px;
box-shadow: 1px 1px 3px black;
}
.fond > div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fond > div > div {
position: absolute;
z-index:90;
}
.staff1 .select {
left:32px;
top: 80px;
width: 189px;
height:268px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
align: center;
}
.staff2 .select {
left: 255px;
top: 80px;
width: 189px;
height:268px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
align: center;
}
.partenaires .select {
left: 1px;
top: 400px;
width: 707px;
height:40px;
align: center;
}
.staff3 .select {
left:484px;
top: 80px;
width: 189px;
height:268px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
align: center;
}
.contour_image {
display : inline-block;
vertical-align : top;
position : relative;
width : 165px;
height : 54px;
overflow : hidden;
shadow: 1px 1px 3px
text-align : center;
margin-bottom : 6px;
font-size : 11px;
}
.contour_image1 {
display : inline-block;
vertical-align : top;
position : relative;
width : 165px;
height : 54px;
overflow : hidden;
border : 2px solid white;
text-align : center;
font-size : 15px;
}
.image_staff, .image_staff1 {
position : absolute;
left : 0;
top : 0;
right : 0;
bottom : 0;
-moz-transition : all 2s;
-webkit-transition : all 2s;
-o-transition : all 2s;
-ms-transition : all 2s;
transition : all 2s;
}
.contour_image:hover .image_staff, .contour_image1:hover .image_staff1 {
left : 165px;
right : -200px;
-moz-transition : all 2s;
-webkit-transition : all 2s;
-o-transition : all 2s;
-ms-transition : all 2s;
transition : all 2s;
}
.contour_image + .contour_image, .contour_image1 + .contour_image1 {
margin-left : 2px;
}
</style>
<center>
<a href="http://movie-studio-academy.forumactif.org/t9-reglement-general" target="_blank"><span style="font-size: 24px;">Règlement</span></a> • <a href="http://movie-studio-academy.forumactif.org/t19-histoire-de-la-msa" target="_blank"><span style="font-size: 24px;">Histoire</span></a> • <a href="http://movie-studio-academy.forumactif.org/f85-coin-des-invites" target="_blank"><span style="font-size: 24px;">Coin des Invités</span></a> • <a href="http://movie-studio-academy.forumactif.org/t6-description-des-groupes" target="_blank"><span style="font-size: 24px;">Groupes</span></a> • <a href="http://movie-studio-academy.forumactif.org/f4-presentation" target="_blank"><span style="font-size: 24px;">Présentations</span></a> • <a href="http://movie-studio-academy.forumactif.org/f70-partenariats" target="_blank"><span style="font-size: 24px;">Partenariats</span></a>
<div class="fond">
<div class="staff1">
<div class="select">
<div id="contenu_pa">
<div id="fonda">
<div class="contour_image">
<div class="image_staff">
<img src="http://zupimages.net/up/14/14/7pw8.png" alt="Apy" />
</div>
Kily Stark • Fondatrice<br /><br /><a target="_blank" href="http://movie-studio-academy.forumactif.org/u1">Profil</a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/privmsg?mode=post&u=1">MP</a>
</div>
<div class="contour_image">
<div class="image_staff">
<img src="http://zupimages.net/up/14/13/rl9s.png" alt="Cyan" />
</div>
Elcyan Light • Co-Fondateur<br /><br /><a target="_blank" href="http://movie-studio-academy.forumactif.org/u2">Profil</a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/privmsg?mode=post&u=2">MP</a>
</div>
</div>
</div>
<div id="contenu_pa">
<div id="fonda">
<div class="contour_image">
<div class="image_staff">
<img src="http://zupimages.net/up/14/13/082q.png" alt="Tine" />
</div>
Marco Jackiat • Co-Fondatrice<br /><br /><a target="_blank" href="http://movie-studio-academy.forumactif.org/u3">Profil</a> • <a target="_blank" href="http://movie-studio-academy.forumactif.org/privmsg?mode=post&u=3">MP</a>
</div>
</div>
</div>
</div>
</div>
<div class="staff3">
<div class="select">
<a target="_blank" href="http://movie-studio-academy.forumactif.org/t12-rejoindre-le-staff"><img src="http://zupimages.net/up/14/25/h1rf.png" /></a>
</div>
</div>
<div class="staff2">
<div class="select">
<a target="_blank" href="http://movie-studio-academy.forumactif.org/t12-rejoindre-le-staff"><img src="http://zupimages.net/up/14/25/h1rf.png" /></a>
</div>
</div>
<div class="partenaires">
<div class="select">
<marquee onmouseout="this.start();" onmouseover="this.stop();">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.artistic-academy.org/"><img alt="" border="0" src="http://image.noelshack.com/fichiers/2013/35/1377985729-8831.jpg" /></a> <a href="http://euphemia.forumactif.org/"><img src="http://img15.hostingpics.net/pics/936824Logo3.png" /></a> <a href="http://tadakai-rpg.forumgratuit.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/14/1396279909-bouton8831.png" border="0" alt="" /></a> <a href="http://naamanetsaakis.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/234481boutonLP2.png" border="0" alt="" /></a> <a target="_" blank""="" href="http://liberty-creation.forumactif.org/forum"><img src="http://img15.hostingpics.net/pics/4822768831.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://tenjogakuen.forumactif.org/"><img alt="" border="0" src="http://www.imabox.fr/a3/1424032055Bp2bAB50.png" /></a> <a href="http://onepiece-apocalypse.forumactif.org/"><img src="http://img4.hostingpics.net/pics/3537908228108831.gif" /></a>
</marquee>
</div>
</div>
</div>
</center>
- Page 4:
- http://forum-test3test.forumactif.org/h5-page-4
- Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /> <meta content="PSPad editor, www.pspad.com" name="generator" /> <title></title><style type="text/css">
/*Liens Maj*/
A:link, A:visited, A:active {
font-variant: small-caps;
color: black;
text-shadow: 1px 1px 3px;}
/*Fin*/
/*Liens*/
a { text-decoration: none; }
A:hover{text-transform:fat;}
a:hover{ text-shadow: 1px 1px 2px grey; }
/*fin*/
/*Scrollbar*/
::-webkit-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-moz-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
::-o-scrollbar {
height: 10px;
width: 10px;
background-color: ; /* couleur de fond */}
html > ::-webkit-scrollbar {
width: 10px; /* largeur de la barre */}
::-webkit-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-moz-scrollbar {
width: 10px; /* largeur de la barre */}
::-moz-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-o-scrollbar {
width: 10px; /* largeur de la barre */}
::-o-scrollbar-thumb {
background: black; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */}
::-webkit-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-moz-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
::-o-scrollbar-track-piece {
background-color: ; /* couleur de fond */}
/*fin*/
/*PA*/
.fond {
background: url('http://zupimages.net/up/14/24/fncv.png');
position: relative;
width: 708px;
height: 432px;
box-shadow: 1px 1px 3px black;
}
.fond > div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fond > div > div {
position: absolute;
z-index:90;
}
.journal .select {
left:32px;
top: 59px;
width: 189px;
height:280px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
align: center;
}
.recrutements .select {
left: 255px;
top: 100px;
width: 195px;
height:236px;
color: black;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
text-align: justify;
}
.partenaires .select {
left: 1px;
top: 400px;
width: 707px;
height:40px;
align: center;
}
.credits .select {
left:487px;
top: 100px;
width: 189px;
height:236px;
color: black;
font-size: 14px;
overflow: auto;
font-family: Trebuchet MS;
font-size: 12;
padding: 2px;
text-align: justify;
}
</style>
<center>
<a href="http://movie-studio-academy.forumactif.org/t9-reglement-general" target="_blank"><span style="font-size: 24px;">Règlement</span></a> • <a href="http://movie-studio-academy.forumactif.org/t19-histoire-de-la-msa" target="_blank"><span style="font-size: 24px;">Histoire</span></a> • <a href="http://movie-studio-academy.forumactif.org/f85-coin-des-invites" target="_blank"><span style="font-size: 24px;">Coin des Invités</span></a> • <a href="http://movie-studio-academy.forumactif.org/t6-description-des-groupes" target="_blank"><span style="font-size: 24px;">Groupes</span></a> • <a href="http://movie-studio-academy.forumactif.org/f4-presentation" target="_blank"><span style="font-size: 24px;">Présentations</span></a> • <a href="http://movie-studio-academy.forumactif.org/f70-partenariats" target="_blank"><span style="font-size: 24px;">Partenariats</span></a>
<div class="fond">
<div class="journal">
<div class="select">
<img src="http://zupimages.net/up/14/25/3xa2.png" />
</div>
</div>
<div class="recrutements">
<div class="select">
• Nous recrutons <strong>un modérateur</strong> afin de nous aider pour la modération du forum. <span style="color: #FF0000;"><strong>Poste important à être pris au plus vite</strong></span> !<br /><br />• Nous recrutons toujours <strong>un animateur</strong> pour <strong>s'occuper de la partie Détente</strong> et qui <strong>animera le forum</strong> comme il se doit !<br /><br />• Nous recrutons toujours <strong>un correcteur</strong> pour s<strong>'occuper de corriger les rp</strong> et <strong>les postes du forum</strong> quel qu'ils soient.
</div>
</div>
<div class="credits">
<div class="select">
PA et Design crée par<strong> Apy</strong>. Forum Administré par <strong>Elcyan Light</strong> et <strong>Hugo Jackiat</strong>, ainsi que modéré par <strong>Kurt P. Weaver</strong>. QEEL de <strong>Reira</strong> et Catégories de <strong>Sunhae</strong> sur <a href="http://forum-theme.forumperso.com" target="_blank">LG</a> et modifiés par <strong>Apy</strong>. Fiches de présentations imaginées par <strong>Elcyan Light</strong> et codées par <strong>Apy</strong>. Fiche d'annonces crée par <strong>Apy</strong>. <br /><br /><em>Toute reproduction qu'elle soit partielle ou totale est interdite sans l'accord des fondateurs. </em>
</div>
</div>
<div class="partenaires">
<div class="select">
<marquee onmouseout="this.start();" onmouseover="this.stop();">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.artistic-academy.org/"><img alt="" border="0" src="http://image.noelshack.com/fichiers/2013/35/1377985729-8831.jpg" /></a> <a href="http://euphemia.forumactif.org/"><img src="http://img15.hostingpics.net/pics/936824Logo3.png" /></a> <a href="http://tadakai-rpg.forumgratuit.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/14/1396279909-bouton8831.png" border="0" alt="" /></a> <a href="http://naamanetsaakis.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/234481boutonLP2.png" border="0" alt="" /></a> <a target="_" blank""="" href="http://liberty-creation.forumactif.org/forum"><img src="http://img15.hostingpics.net/pics/4822768831.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://tenjogakuen.forumactif.org/"><img alt="" border="0" src="http://www.imabox.fr/a3/1424032055Bp2bAB50.png" /></a> <a href="http://onepiece-apocalypse.forumactif.org/"><img src="http://img4.hostingpics.net/pics/3537908228108831.gif" /></a>
</marquee>
</div>
</div>
</div>
</center>
- Forum:
- http://naamanetsaakis.forumgratuit.org/
Effets voulus : Mis à part un SlideShow reliant ces quatre PA entres elles, rien.
Ressources
Je ne vois rien à ajouter comme éléments
Autres précisions ?
Je pense que j'ai dit toutes les informations qui pour moi étaient importantes, mais si jamais vous avez des questions demandez moi !
Dernière édition par Tyarra le Mer 18 Juin 2014 - 15:58, édité 1 fois
