Vergris



 Voyages: 245
 Boîte à secrets: Et ton frère ?
 | Sujet: Bonjour, il y a de la place ? Ven 17 Juin 2011 - 11:40 | |
| Plop,
Pseudo : Vergris Poste souhaité : Fleur de Cassis Disponibilité : Bonne question, souvent normalement tout l'été moins quelques jours. Les qualités que je pense posséder pour satisfaire dans cette fonction : (activités, compétences humaines, compétences graphiques…) Fiouh. Cela fait presque 4 ans que je connais le H/Css utile aux intégration de pages d'accueil, puis après j'utilise aussi Photoshop depuis plus longtemps, mais là n'est pas la question. J'essaye d'avoir un code propre et lisible surtout. |
|
Cyllan



 Printemps: 21 Voyages: 7911
 Boîte à secrets:
 | Sujet: Re: Bonjour, il y a de la place ? Ven 17 Juin 2011 - 13:18 | |
| Merci pour ta candidature VG' Ton test ne devrait pas trop tarder. |
|
Ev'



 Printemps: 20 Voyages: 3327

 | Sujet: Re: Bonjour, il y a de la place ? Lun 20 Juin 2011 - 15:06 | |
| Enfin l'arrivée du test ! Merci à Akihito car il vient de lui ! Si tu veux maudire quelqu'un donc c'est à lui qu'il faut s'en prendre !  *l'art de se décharger de toutes responsabilités* Grâce aux deux images suivantes tu dois faire un QEEL : Quelques impératifs : Le texte du QEEL doit être modifié. De plus les deux images doivent être en onglet ou en accordéon comme tu le souhaites ! (en accordéooon !) Pour t'aider, le schéma : [Vous devez être inscrit et connecté pour voir cette image]Des questions ? Bon courage !  |
|
Vergris



 Voyages: 245
 Boîte à secrets: Et ton frère ?
 | Sujet: Re: Bonjour, il y a de la place ? Mar 21 Juin 2011 - 13:00 | |
| Et voilà, j'ai réussi à résoudre les problèmes et ça marche partout (normalement) : Ici Et mon template : | Spoiler: | | | | Code: | <!-- BEGIN disable_viewonline --> <div id="qui_est_en_ligne"> <div id="titre_qui_est_en_ligne"> </div> <ul id="sm" class="sm"> <li id="stat_qeel"> <div id="cote_gauche_qeel"> <div id="int_cote_gauche_qeel"> {RECORD_USERS} <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Ouais, quelqu'un inventera une phrase pour moi et introduire les records du forum qui sont de "); </script> <br/> {NEWEST_USER} {TOTAL_USERS} {TOTAL_POSTS}. <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Mais nous accueillons avec joie "); </script> <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/Nous avons/,"parmi la grande familles des "); </script> <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/membres enregistrés/," idiots inscrits"); </script> <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/Nos membres ont posté un total/," ayant posté"); </script> <br/>-----------------------------------------------------------------<br/> {LOGGED_IN_USER_LIST} <table> {L_WHOSBIRTHDAY_TODAY} <span id="anniv"> </span> <script type="text/javascript"> document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"N'oublions pas de souhaiter l'épluchure de ").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"C'est l'anniversaire d'épluchure d'aucun Zeste."); </script> </table> <script type="text/javascript"> document.getElementById('int_cote_gauche_qeel').innerHTML=document.getElementById('int_cote_gauche_qeel').innerHTML.replace(/Utilisateurs enregistrés/,"Les Zeste en ligne sont"); </script> </div> </div> </li>
<li id="groupe_qeel"> <div id="cote_droit_qeel"> <div id="int_cote_droit_qeel"> <a href=""><div class="lien_groupe_qeel_1"></div></a><a href=""><div class="lien_groupe_qeel_2"></div></a></br> <a href=""><div class="lien_groupe_qeel_3"></div></a><a href=""><div class="lien_groupe_qeel_4"></div></a></br> <a href=""><div class="lien_groupe_qeel_5"></div></a><a href=""><div class="lien_groupe_qeel_6"></div></a></br> </div> </div> </li> </ul> </div> <!-- END disable_viewonline -->
|
|
Et pour le CSS
| Spoiler: | | | | Code: | #qui_est_en_ligne { width:450px; height:246px; border:solid black 3px; margin-left:223px; background-image:url("http://img8.imageshack.us/img8/3651/fondhpm.png"); background-repeat:repeat-x; }
#titre_qui_est_en_ligne { position-absolute; z-index:10; width:300px; height:80px; margin-top:2px; margin-left:75px; background-image:url("http://img600.imageshack.us/img600/9098/51483923.png"); }
.sm { z-index:2; margin-top:-30px; position:absolute; padding:0; list-style:none; width:450px; height:195px; overflow:hidden; }
.sm li { z-index:2; width:440px height:185px; float:left; display:inline; overflow:hidden; }
#groupe_qeel { position:absolute; z-index:2; margin:0; width:440px height:185px; }
#stat_qeel { z-index:2; }
li #cote_gauche_qeel { background-image:url("http://img163.imageshack.us/img163/1404/fondgauche.png"); z-index:2; display:block; width:440px; height:195px; }
li #cote_droit_qeel { background-image:url("http://img715.imageshack.us/img715/5813/fonddroit.png"); z-index:2; display:block; width:440px; height:195px; }
#int_cote_gauche_qeel { font-family:Georgia; color:black; text-align:justify; font-size:10px; padding-top:15px; padding-left:85px; width:260px; height:170px; }
#int_cote_gauche_qeel p { font-family:Georgia; color:black; text-align:justify; font-size:10px; }
#int_cote_gauche_qeel a { text-decoration:none; }
#int_cote_gauche_qeel a:hover { text-decoration:underline; }
#int_cote_gauche_qeel table .row1, #int_cote_gauche_qeel table .gensmall { padding-left:0; font-family:georgia; font-size:10px; color:black; background-color:transparent; }
#ie_me_fait_chier { font-size:10px; color:black; background-color:transparent; }
#int_cote_droit_qeel { color:black; text-align:justify; font-size:11px; padding-top:15px; padding-left:85px; width:300px; height:170px; }
.lien_groupe_qeel_1 { background-image:url("http://img29.imageshack.us/img29/3559/groupe1.png"); position:absolute; display:block; width:120px; height:45px; }
.lien_groupe_qeel_2 { background-image:url("http://img87.imageshack.us/img87/2376/groupe2.png"); margin-left:122px; display:block; width:120px; height:45px; }
.lien_groupe_qeel_3 { background-image:url("http://img87.imageshack.us/img87/5937/groupe3.png"); position:absolute; display:block; width:120px; height:45px; }
.lien_groupe_qeel_4 { background-image:url("http://img593.imageshack.us/img593/4601/groupe4.png"); margin-left:122px; display:block; width:120px; height:45px; }
.lien_groupe_qeel_5 { background-image:url("http://img17.imageshack.us/img17/1650/groupe5z.png"); position:absolute; display:block; width:120px; height:45px; }
.lien_groupe_qeel_6 { background-image:url("http://img541.imageshack.us/img541/3039/groupe6.png"); margin-left:122px; display:block; width:120px; height:45px; }
.lien_groupe_qeel_1:hover, .lien_groupe_qeel_2:hover, .lien_groupe_qeel_3:hover, .lien_groupe_qeel_4:hover, .lien_groupe_qeel_5:hover, .lien_groupe_qeel_6:hover { height:44px; border-bottom:solid white 1px; }
|
|
Voilà, j'espère que j'ai donné ce qu'il fallait ..  |
|
Ev'



 Printemps: 20 Voyages: 3327

 | Sujet: Re: Bonjour, il y a de la place ? Jeu 23 Juin 2011 - 9:25 | |
| Coucou Vergris ! C'est avec joie que je t'annonce que tu es maintenant Cassis !  Va vite lire leur règlement et à la moindre question n'hésite pas à alpaguer un membre du staff ! Bienvenue !  |
|
Cyllan



 Printemps: 21 Voyages: 7911
 Boîte à secrets:
 | Sujet: Re: Bonjour, il y a de la place ? Jeu 23 Juin 2011 - 9:30 | |
| HAY PEPITO ! |
|
Mango



 Printemps: 15 Voyages: 477
 Boîte à secrets: Ma boîte à secret est par ici....
 | Sujet: Re: Bonjour, il y a de la place ? Jeu 23 Juin 2011 - 9:30 | |
| Bravo ! |
|