[VALIDE] Ayael codeuse et prof codeuse

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

Rappel du premier message :

Pseudo: Ayael
Âge:16 ans
Expérience: sur mon propre forum, prof sur Graph and code this
Motivations: Envie de m'investir dans ce forum
Exemple de réalisations: Cette page d'accueil : http://ayaelforumtest.forumgratuit.org/ et cette fiche d'IV : http://ayaelforumtest.forumgratuit.org/t11-fiche-d-identite-vacante
Disponibilités: Tous les jours mais ça dépend surtout de ma charge de travail IRL et sur mon forum
Autre: /

Non ce n'est pas grave du tout a partir du moment ou je retrouve ces 4 parties bien distinct :)

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

J'ai finis!!! Je l'ai fait sur mon fow test tout pourit, donc ne regarde que le qeel ^^"

http://forumtest168.creer-forums.fr/

Optimisé pour firefox, j'ai mis mes partenaires dans l'onglet concerné (c'était le plus simple^^)
CSS : j'ai mis des petites annotations (que je trouve inule m'enfin XD) ainsi qu'une dans le qeel pour rajouter des new partenaires (si ça avait était une commande, j'aurais donné le code tout pret en disant, la tu met le lien, la l'image^^)

Code:: /*----------------------------Infobulle*/

div.infobullegroupe {
position: relative;
float:left;
margin-right:10px;
margin-top:8px;
}
div.infobullegroupe span {
display: none; /* ceci masque l'infobulle */
}
div.infobullegroupe:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobullegroupe:hover span {
display:block;
position:absolute;
top:3em; left:3em; width:15em;
border: 2px solid #ffffff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color:#14A0C1;
color:#ffffff;
text-align: justify;
font-weight:none;
padding:5px;
text-decoration:none;
font-size:14;
}

/*--------------------------------------Reste du qeel*/
.groupe {/*le bloc groupe*/
margin-top:150px;
}

.imgpart {
margin-right:100px;/*espacement entre les images partenaires*/
}

.partenaire {/*le bloc partenaire*/
margin-top:100px;
margin-right:55px;
}

.quiestenligne {/*image de fond*/
background: black url("http://i46.servimg.com/u/f46/16/36/06/79/sans_t40.png")
width:785px;
height:884px;
}

.bloc1 {/*emplacement de la partie autre et partenaire*/
margin-top:423px;
float:right;
width:330px;
}

.blocautre{
padding-top:30px;
padding-right:20px;
padding-left:10px;
margin-left:35px;
padding-bottom:10px;
text-align:justify;
}

.stat1 {/*bloc statistique*/
margin-top:133px;
width:395px;
margin-left:40px;
text-align:center;
}

.blocmembreco {/*bloc membre connecté en ce moment*/
margin-top:120px;
margin-left:88px;
width:235px;
text-align:justify;
padding-right:5px;
height:250px;
overflow:auto;
}

Le template index_body, la partie concernant le QEEl

Code:: 

<div class="quiestenligne">
<table class="bloc1"> <tr><td> <div class="blocautre"><marquee behavior="scroll" direction="UP" scrollamount="3" height="180px" width="230px" onmouseover="this.stop()" onmouseout="this.start()" >Autre "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div></marquee></td></tr>
<tr><td>
<div class="partenaire"><marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" >

<a href="http://alice-miroir-rpg.bbfr.net/" class="imgpart" target="_blank" rel="nofollow"><img src="http://i26.servimg.com/u/f26/16/36/06/79/alice_10.gif" border="0" alt="" /></a>

<a href="http://ile-joyaux.forumactif.org/" class="imgpart" target="_blank" rel="nofollow"><img src="http://i233.photobucket.com/albums/ee36/weep_anata/logo250-60.gif" border="0" alt="" /></a>

<a href="http://neko-folie.forumactif.org/" class="imgpart"><img src="http://i.imgur.com/GW4Dy.png"></a>

<a href="http://je-de-l-ame.rpg-board.net/" class="imgpart"><img scr="http://i49.servimg.com/u/f49/16/39/52/93/bouton10.jpg"/></a>

<a href="http://je-de-l-ame.rpg-board.net/" class="imgpart" target="_blank" rel="nofollow"><img src="http://i46.servimg.com/u/f46/16/36/06/79/b31010.png" border="0" alt="" /></a>

</marquee><br><br>
<center>♦ <a href="http://terramystica.forums-rpg.com/t32-formulaire-pour-devenir-partenaire">Devenir partenaire ?</a> ♦</a></center></div></td></tr></table>

<table>

<tr><td colspan="2"><div class="groupe"><div class="infobullegroupe"><img src="http://i46.servimg.com/u/f46/16/36/06/79/groupe10.png"/><span>Description du groupe
blabla blabla blabla blabla blabla bla j'ai mis un lien bidon<br>
<a href="http://je-de-l-ame.rpg-board.net/" class="liengroupe">Voir le groupe?</a></span></div>
<div class="infobullegroupe"><img src="http://i46.servimg.com/u/f46/16/36/06/79/groupe10.png"/><span>Description du groupe
blabla blabla blabla blabla blabla bla j'ai mis un lien bidon<br>
<a href="http://je-de-l-ame.rpg-board.net/" class="liengroupe">Voir le groupe?</a></span></div>
<div class="infobullegroupe"><img src="http://i46.servimg.com/u/f46/16/36/06/79/groupe10.png"/><span>Description du groupe
blabla blabla blabla blabla blabla bla j'ai mis un lien bidon<br>
<a href="http://je-de-l-ame.rpg-board.net/" class="liengroupe">Voir le groupe?</a>
</span></div></div>

</td></tr>

<tr><td><span class="gensmall"><div class="stat1">
<span class="gensmall">{TOTAL_POSTS}

{TOTAL_USERS}

{NEWEST_USER}<br>
{RECORD_USERS}</span></div></td></tr>

<tr><td><div class="blocmembreco">{TOTAL_USERS_ONLINE} {LOGGED_IN_USER_LIST}</div></td></tr></table></div>

Voilàààà

PS: certain mettent des class directement lié au td et autre, moi je n'aime pas ça bug souvent je trouve, donc je préfère mettre des divs même si certains les trouveront inutiles^^

Je vais au cimetière là, mais je regarde en rentrant

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

Pas de soucis, je suis pas à la seconde près ♥
Courage à toi!

Alors tout d'abord, je tiens à te félicité pour ta rapidité.

Ensuite, je suis épater par ton travail, un grand bravo car j'avoue ne rien trouver à redire :) Donc pour moi, c'est avec un grand plaisir que je dis oui pour ton entrée dans le staff. Je pense que tu devrais aussi bien t'en sortir en tant que professeur de codage.

Une petite chose, pense quand même à optimisé ton forum pour les deux navigateurs les plus utilisé Chrome & Firefox (là en locurence pas de problème) Mais ça évite pendant les commandes qu'on te dise ça marche pas x) Bref c'est qu'un détail :)

Bienvenue dans le staff ma chère :)

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

Oui en général ce qui marque sur Firefox marche sur google chrome mais c'est vrai que je ne pense pas toujours à vérifier!
Je suis contente que ça te plaise et généralement quand je connais le code, je ne met pas trop de temps (surtout que là je suis encore en vacance donc voilà!

Oui moi je sais que je n'aime pas Firefox... C'est pour ça que je dis ça ;)

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

Pour tout te dire je préfère IE mais pour le codage je suis bien obligé d'utiliser Firefox XD

IE O.O T'es pas normal toi O.O Pour le codage y a rien de mieux que Chrome, puisque ce n'est pas universelle comme Firefox et ça te force à faire un truc qui marche pour les deux navigatuers ;)

Messages : 832 Date d'inscription : 01/10/2011 Age : 26

Bienvenue dans le Staff ;) Je te félicite ! Tu as maintenant le droit d'exercer et tu as aussi ton magnifique rang ^^

Messages : 298 Date d'inscription : 15/10/2011 Age : 28

ouai c'est la classe XD

Question Vous avez prévu quelque chose pour la Page d'accueil ou vous comptez laisser comme ça?

Messages : 832 Date d'inscription : 01/10/2011 Age : 26

Je sais pas ! Becky doit normalement s'en charger !

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Bienvenue ! La PA, ma pire ennemie, oui je vais voir pour la faire. ^^

» Candidature ~> Prof'
» Lauréa. graphiste et prof' 8D
» [Ayael] Cours de codage pour Stillnotginger.
» Seo ~ Prof Admin :D
» Prof et infirmière

[VALIDE] Ayael codeuse et prof codeuse

[VALIDE] Ayael codeuse et prof codeuse

Sujets similaires

Sujets similaires