CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Qui est en Ligne Personnalisé | |
| Bichou
{ Membre }
Messages : 42
| Bonsoir tout le monde ! Je viens vous voir ce soir afin d'apprendre à faire un qui est en ligne personnalisé, une chose que je souhaite apprendre depuis un moment mais que je n'ai jamais réussi à saisir. En fait, mon idée serait de faire un Qui est en Ligne comme on en voit beaucoup de nos jours, divisée en deux mais restant dans le tableau original, comme sur les forums suivants par exemple : http://www.filthy-secret.com/ http://bloodandglory.forumactif.fr/ http://thesunalsorises.forumactif.com/ J'ai bien un code à disposition, mais j'ai l'impression que dans ce dernier, le "cadre" autour disparaît et ce n'est pas réellement ce que je désire. Bref, voilà, je remercierai énormément celui qui sera en mesure de m'aider. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour
Si tu souhaites apprendre à faire un QEEL personnalisé, la première étape est de connaitre les bases du HTML et naturellement les bases du CSS. Ensuite, tu découvriras moult tutoriels sur la structure du QEEL et quelques possibilités de personnalisation dans la section pas à pas sur les structures de footer. Enfin, tu peux également regarder comment sont construits les quelques QEEL disponibles dans les codes directement exploitables, sachant qu'ils ont tous été corrigés il y a peu de temps.
Bon courage ! o/ | | |
| | | Bichou
{ Membre }
Messages : 42
| Je crois que le courage ne servira à rien malheureusement Le fait est que ce n'est pas la première fois que j'essaie de faire un qui est en ligne de ce genre, mais je n'ai jamais réussie, malgré de nombreux essais. Donc en fait j'étais plus venue par ici à la recherche d'un tutoriel, un petit mode d'emploi à suivre qui m'aiderai justement à atteindre mon objectif. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bah tu as toutes les ressources de CSSA sous la main là, en particulier le très utile tutoriel de Johian : comprendre le QEEL. Qu'est-ce que tu veux de plus ? O.o | | |
| | | Bichou
{ Membre }
Messages : 42
| Ben le fait est que j'ai lu justement ce tutoriel tout à l'heure, et qu'il ne m'a rien appris de plus car je connaissais la majorité des attributs du Qui est en Ligne et où il se trouvait dans le template. Par contre, il ne me dit pas comment le modifier pour arriver au résultat que je souhaite... Je sais je suis une grande assistée de la vie xD Mais concrètement je pense ne pas être assez douée en en CSS/Html pour me lancer là-dedans toute seule, je n'ai pas assez confiance en moi car je ne pense pas avoir les capacités. Donc je venais ici pour savoir si quelqu'un pouvait tout simplement me dire comment arriver à un tel résultat et me faire un tuto explicatif avec les différentes étapes pour qu'au lieu de copier coller bêtement un code, je puisse en même temps le lire et apprendre grâce au tuto'. Mais après je comprendrai que personne n'ait le temps ou l'envie etc. Si c'est le cas c'est pas un soucis, j'essaierai de trouver mon bonheur ailleurs. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Malheureusement, ceci serait bien trop proche d'une commande (t'expliquer comment faire ce que toi tu veux, c'est à peine différent de te donner le code tout fait, hein), et comme tu le sais c'est interdit. Si tu souhaites apprendre, et VRAIMENT apprendre (car c'est le but de CSSActif), alors la meilleure méthode est par les essais et les échecs. Crois moi, je le sais, je suis passée par là Et jamais de ma vie je n'ai eu de cours de HTML/CSS. Tu as tout sous la main pour t'aider à faire tes expérimentations, par exemple ma méthodologie pour créer un tableau, le reste repose sur ta motivation à essayer et à apprendre par toi même. Nous serons ravis de t'aider à résoudre tes problèmes, mais tu devras nous montrer ton code et tes tentatives. Là nous n'avons rien à nous mettre sous la dent, autant dire qu' apparemment tu n'as rien fait et que tu attends que ça te tombe tout cuit dans le bec (et ça ne marchera pas ici). | | |
| | | Bichou
{ Membre }
Messages : 42
| - Spoiler:
Je comprends oui. En fait, j'avais ce code au départ, que la créatrice m'a transmis gentiment sur un autre fourm : - Code:
-
<!-- BEGIN disable_viewonline --> <center><blockquote> <br> </div> <table cellspacing="3" cellpadding="3" width="100%"><tbody> <center><span class="groupes"> <a href="LIENGROUPE"><font color=#A2C855 size="3"><b>groupe</b></font></a></span> <span class="groupes"> <a href="LIENGROUPE"><font color=#438ABA size="3"><b>groupe</b></font></a></span> <span class="groupes"> <a href="LIENGROUPE"><font color=#737475 size="3"><b>groupe</b></font></a></span> <span class="groupes"> <a href="LIENGROUPE"><font color=#9A2323 size="3"><b>groupe</b></font></a></span> </span><br> <span class="groupes"> <a href="LIENGROUPE"><font color=#000001 size="3"><b>groupe</b></font></a></span> <span class="groupes"> <a href="LIENGROUPE"><font color=#DCA84E size="3"><b>groupe</b></font></a></span> <span class="groupes"> <a href="LIENGROUPE"><font color=#88A8B3 size="3"><b>groupe</b></font></a></span></center> <table><tbody><tr><td><div class="complet"><table cellspacing="3" cellpadding="3" width="53%" style="text-align:center;"> <tbody> <tr> </div></td></tr></table> <tr> <br> <td width="50%"><justify> <span class="gensmall"> {TOTAL_POSTS}. {TOTAL_USERS}. {NEWEST_USER}<br> {TOTAL_USERS_ONLINE}. {LOGGED_IN_USER_LIST} <br></span> <span class="copyright"><font style= "font-size: 7pt;">NOM forum optimisé pour firefox. La totalité de ce forum appartient à son équipe administrative. QEEL par castamere rains. </justify> <br><br> <td style="border-left: 2px Solid #88A3A1;"><td width="68%"class="yosh"><table border="0" cellspacing="3" cellpadding="3" align="justify"style="text-align: justify;" style="border-left: 4px dotted #BFBB9F;""> {L_CONNECTED_MEMBERS}</blockquote> </font></span> </td></tbody></table></table> <br> </blockquote> <!-- END disable_viewonline --> <br><br> Alors majoritairement ça fait ce que je souhaite : les deux colonnes séparées en deux, les groupes au dessus du reste. Mais la seule chose en fait qui me gêne, c'est que le cadre dans lequel se trouve à l'origine le qui est en ligne disparaît, la preuve en image : http://fringe-rpg.frbb.net/?tt=1 Et en fait c'est ça que je voudrais retrouver. Après le reste je pense pouvoir me débrouiller toute seule.
EDIT : J'ai fais un autre essai, de moi même en repartant du template d'origine et j'arrive à ça : https://2img.net/r/ihimizer/img171/9611/sanstitre1iug.png Et voici la partie du template correspondante : - Code:
-
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="row1"><center><span class="gensmall"><span class="groupes"><a href="http://fireandblood.frbb.net/g3-mj-pnj"><font color="#C4BCA8"><b>MJ & PNJ</b></font></a></span> <span class="groupes"><a href="http://fireandblood.frbb.net/g4-les-republicains"><font color="#7D8499"><b>LES RéPUBLICAINS</b></font></a></span> <span class="groupes"><a href="http://fireandblood.frbb.net/g5-les-separatistes"><font color="#630000"><b>LES SéPARATISTES</b></font></a></span> <span class="groupes"><a href="http://fireandblood.frbb.net/g6-les-neutres"><font color="#92A396"><b>LES NEUTRES</b></font></a></span> <span class="groupes"><a href="http://fireandblood.frbb.net/g7-l-ordre-jedi"><font color="#B58357"><b>L'ORDRE JEDI</b></font></a></span> <span class="groupes"><a href="http://fireandblood.frbb.net/g8-les-mydareis"><font color="#C2A978"><b>LES MYDARéIS</b></font></a></span></td></center></span> </tr> <tr> <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}</span></td> </tr> <tr> <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</span></td> </tr> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} <!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> Donc, là j'ai tout ce que je veux, sauf la partie tableau, c'est à dire le Qui est en ligne divisée en deux. J'ai essayé par moi même mais soit les deux parties se mettaient l'une en dessous de l'autre, soient les groupes s'affichaient sur le côté ... Enfin bref j'arrive pas :/ | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ton problème est-il toujours d'actualité ? Si oui, merci de nous le faire savoir sous cinq jours, sans quoi il sera considéré comme abandonné et donc archivé. Bonne soirée. | | |
| | | Bichou
{ Membre }
Messages : 42
| Je pense que du coup je vais m'arrêter là. J'ai fais plusieurs essais qui n'ont abouti à rien, je n'arrive pas à créer de tableau. Donc je vais rester sur quelque chose de relativement simple qu'au moins je maîtrise. Le sujet peut donc être archivé. | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Très bien, merci de nous avoir tenu au courant. A ta demande, je déplace donc. Bon soirée. | | |
| | | Contenu sponsorisé
| | | | | Qui est en Ligne Personnalisé | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|