Bonjour !
Je viens poster mon formulaire pour devenir peut-être le tout premier officier CSS. ^^

Prénom : Golden Haze / Roxanne

Disponibilité : Tous les jours pour le moment, mais un peu moins quand la grève va arrêter et que je vais devoir retourner en cours et rattraper tous les jours que l'on a manqué ...

Motivations : J'adore coder ! J'en mange, je ne vie pratiquement que pour ça ! Puis, je me dis que coder est plutôt rare pour les gens dans le RPG, là je parle de faire de gros code pas juste un petit cadre et changer les couleurs sur un forum, donc pourquoi pas aider les autres. Il faut aussi dire que j'aime aider les gens, alors pourquoi ne pas le faire. ^^ Puis je me dit que si je les aide une fois ou deux, peut-être qu'après ils seront apte à faire leur propre code.

Préférence (html, css, javascript...) : HTML/CSS, mais je me débrouille aussi en javascript. Ce n'est pas ma spécialité le java, mais je sais faire quelques effets plutôt basiques, mais tout de même intéressant.

Autres : Heum, je vois que vous ne demandez pas d'exemple pour juger du niveau. Vous ne croyez pas que ce serait un point à ajouter ?? M'enfin, voici un exemple plutôt vague, mais très complet en même temps. mon forum. Je ne veux pas faire de pub, c'est simplement que j'ai codé de A à Z le forum, que se soit, les catégories, le qeel, la page d'accueil et les divers formulaires...


J'espère que je n'ai rien oublié. ^^
Bonne journée

En passant sur le forum que tu nous donnes en exemple, j'ai bel et bien l'impression que tu as un bon niveau de CSS.
Même si je n'ai aucun doute sur tes compétences, nous demandons un petit test très simple avant de valider ton adhésion au groupe des officiers CSS.
Il te suffit, si tu le veux bien, de rédiger un petit tuto sur le thème de ton choix. Le but est de voir si tes explications sont assez claires et compréhensibles, rien de bien compliqué pour toi je pense, d'après ce que j'ai vu
Bon courage !

Ahhh, le test. Je l'avais oubliée ... XD
Donc, je vais faire le tutoriel demain quand je vais revenir chez moi. ^^

Pas de soucis, prends le temps qu'il te faut et bonne chance

Voici mon tutoriel, j'espère qu'il sera bon. ^^

Hello !

Après un temps, j'ai remarqué que la chatbox si elle était placé en haut du forum, elle était certes pleine à craqué, mais esthétiquement parlant, c'était pas top. Si elle était placé en bas, elle était vide et toujours aussi peu esthétique. Pourquoi ne pas la mettre sur le côté alors ?

Il y a trois façons différentes de mettre la chatbox. La première est à gauche, la deuxième est aussi à gauche mais avec un effet de coulissement et la troisième est à la droite du forum avec ce même effet de coulissement.

Voici la marche à suivre ;

ÉTAPE 1 ; En premier nous devons configurer la chatbox. ( panneau d'administration ▷ modules ▷ chatbox ▷ configuration ) Vous cochez OUI à activer la chatbox. Pour l'affichage de la chatbox, vous choisissez ne pas afficher.

ÉTAPE 2 ; Vous devez copier/coller le code du modèle de chatbox que vous désirez dans une page HTML. ( panneau d'administration ▷ modules ▷ html & javascript ▷ gestions des pages html ▷ créer une nouvelle page ) N'oubliez pas de cocher non à utiliser le haut et le bas de votre forum et utiliser cette page en tant que page d'accueil. Vous pouvez ensuite valider votre code.

CHATBOX À GAUCHE ;

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

CHATBOX À GAUCHE AVEC COULISSEMENT ;

Code:

 jQuery(document).ready(function() { jQuery('body').append('<div style="position: fixed; bottom: 50px; height: 400px; left: 0px; z-index:10000;"><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="none" style="width: 800px; height: 400px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},2000); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="float:left"><img src="http://img11.hostingpics.net/pics/490741ouvrir.png" id="chatboxopen"/><img src="http://img11.hostingpics.net/pics/901968fermer.png" id="chatboxclose" style="display:none;"></div></div>'); } );

CHATBOX À DROITE AVEC COULISSEMENT ;

Code:

 jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src=/chatbox/index.forum?page=front" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img11.hostingpics.net/pics/490741ouvrir.png" id="chatboxopen"/><img src="http://img11.hostingpics.net/pics/901968fermer.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );

ÉTAPE 3 ; Maintenant que les deux premières étapes sont faites, vous pouvez maintenant mettre votre chatbox sur votre forum. Pour ce faire, vous devrez copier/coller le code suivant dans la description de votre forum. Vous n'aurez qu'à modifier le chiffre 6 par celui de votre page HTML.

Code:

 <script type=text/javascript src=/-h6.htm></script>

Le tutoriel est maintenant terminé ! J'espère vous avoir aidé. ^^
Si vous rencontrez un problème n'hésitez pas à le dire, je me ferai un plaisir de vous aider au maximum de mes capacités.

Pour moi c'est un grand oui Tu détailles bien les différentes étapes du tutoriel, tes phrases sont clairs, tu n'emploies pas de thermes trop compliqués qui pourrait stoper les débutants au milieu du tutoriel ... Pour moi c'est un OUI OUI OUI (a)

Ps: merci beaucoup pour le choix du tuto, je me demandais justement, comment il fallait faire pour insérer la chatbox sur le côté *-* ahah

Ohh merci !
Je suis contente d'avoir déjà aidé quelqu'un ... ^^

Ahah ben oui, tu as encore pas mal de connaissances comme ça au niveau des forums ?

Heumm, je dirais que oui. ^^
Tu désires voir un autre tuto ou un exemple ??

Non non t'inquiètes, c'est pour moi savoir =) comme ce tuto m'intéresse beaucoup, j'en recherchai un, je me disais que peut être que tu saurais en faire d'autres qui conviendront à mes recherches, on verra bien =)

Pour moi, c'est donc un grand OUI aussi

Roxanne tu es donc officiellement officier CSS du forum !
Bravo à toi !

YEAHHH !!!
désolée du délai, je me suis chopée une amygdalite, j'étais donc trop K.O. pour venir ... XD

M'enfin, je suis mieux, maintenant et je vais me mettre rapidement à poster quelques tutos ...

OH ! Emilie, puisque tu cherches des tutoriels, peut-être que créer un sujet pour savoir ce que les membres cherchent seraient efficaces.. ^^