L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : Précédent  1, 2, 3  Suivant


 [Ketsuka] Un petit Qeel pour Wild wide

InvitéInvité
Coucou Smile
Alors, j'ai retouché selon mes goûts, j'espère que ça te plaira.
Voilà sur mon forum de test : http://xpketsu.forumactif.com/
Wild Wideavatar
Messages : 60
Hannnn merciiiiii ^^ 

Par contre :s. Ca ne répond pas entièrement à ma commande :s. 



Est-ce normal ? :s

Mais encore une fois, tu es vraiment adorable, un grand merci pour ton aide **

InvitéInvitéavatar
Oulalalalaa, c'est incroyable comment les membres demandes des choses de plus en plus compliqué.
Tu vas devoir attendre, parce que j'ai terriblement la fleme de bosser encore des heures sur un QEEL...
Heu, c'est quoi les informations qui apparaitront quand on passe la souris sur ChatBox?
Milicia, Rebellion et tout, c'est les groupes? Y'a des images ou c'est du texte simple?
Plush ++
Wild Wideavatar
Messages : 60
Lol oui ^^ Je pensais que tu avais lu la commande :s. Souhaites-tu laisser tomber du coup ? Parce que j'ai tardé à tenter de trouver du temps pour apprendre à le faire moi-même et du coup je suis dans l'attente de ce qeel pour le prochain design. Alors si tu n'as pas envie je comprendrai tu sais ^^. Quant à la complexité lol ^^ C'est vrai que c'est difficile ^^ et si je sais que c'est possible mais je comprends que la complexité de la chose avant tout ^^ C'est ce qui m'a poussé à demandé le l'aide ^^. Mes compétences sont trop basique pour que je puisse le faire moi-même ^^. 

Et pour te répondre oui "star's citizen" & co sont bien les différents noms de groupes qui sont prévu en police pour l'instant. Mais si jamais je change d'avis sur ce point je saurais m'en occuper moi-même ^^. Merci encore ^^
InvitéInvitéavatar
Ce n'est pas la complexité qui me gène, j'aime bien les chalenges, c'est les heures données à du bénévolat. Je n'ai pas le temps pour l'instant. Si tu veux je peux demander à d'autres codeuses, mais elles ne seront pas forcément plus rapide. Nous avons une vie donc voilà.
Wild Wideavatar
Messages : 60
Ô comme je suis bien placée pour comprendre ça lol ^^. Mais tu as l'air assez agacée c'est pourquoi je me permettais de te dire que si tu ne voulais plus je comprendrai ^^. 
Merci de ton aide encore une fois ^^
InvitéInvitéavatar
Je pense que le résultat est pas mal si tu es pressé. Il y a des sacrifices à faire quand on a un délai à tenir. ^^
Je ne suis pas agacée. Je suis franche. =p Je suis désolé de ne pas pouvoir t'aider jusqu'au bout.
Wild Wideavatar
Messages : 60
Je comprends ^^ Mes membres attendront et pis c'est tout Very Happy
InvitéInvitéavatar
Allez, je m'y remets Smile
Tu le mérites bien, tu es un membre sympathique.
Wild Wideavatar
Messages : 60
Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiii ma belle mais prend ton temps je sais combien c'est prenant ^^". 

hug
InvitéInvitéavatar
Ça avance, j'espère que ça te plaira.
J'espère te rendre le rendu ce soir, mais je suis occupé ce matin et ce midi.
Wild Wideavatar
Messages : 60
Il n'y a pas de soucis voyons ** Vraiment merci à toi **
InvitéInvitéavatar
Dit moi ce que tu en penses : http://xpketsu.forumactif.com/
Wild Wideavatar
Messages : 60
Haaaaaaaa c'est déjà franchement super merciiiiii et surtout bravo à toi ^^". J'espère que tu ne t'ais pas trop arraché les cheveux pour le coups :s.
InvitéInvitéavatar
Alors voilà, tu dois mettre ce code à la place de ton ancien QEEL

Code:
<script type="text/javascript"> 
        function change_onglet(name)
            {
                document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                document.getElementById('contenu_onglet_'+name).style.display = 'block';
                anc_onglet = name;
            }
</script>
    <div id="Qeel">
        <div class="Onglets" id="Ligne1">
            <a href="#"  id="ongl1" onMouseOver="javascript:change_onglet('2');">Groupe1</a> •
            <a href="#"  id="ongl2" onMouseOver="javascript:change_onglet('3');">Groupe2</a> •
            <a href="#"  id="ongl3" onMouseOver="javascript:change_onglet('4');">Groupe3</a> •
            <a href="#"  id="ongl4" onMouseOver="javascript:change_onglet('5');">Groupe4</a> •
            <a href="#"  id="ongl5" onMouseOver="javascript:change_onglet('6');">Groupe5</a>
        </div>
        <div class="Onglets" id="Ligne2">
            <a href="#"  id="ongl1" onMouseOver="javascript:change_onglet('7');">Groupe6</a> •
            <a href="#"  id="ongl2" onMouseOver="javascript:change_onglet('8');">Groupe7</a> •
            <a href="#"  id="ongl3" onMouseOver="javascript:change_onglet('9');">Groupe8</a> •
            <a href="#"  id="ongl4" onMouseOver="javascript:change_onglet('10');">Groupe9</a> •
            <a href="#"  id="ongl5" onMouseOver="javascript:change_onglet('11');">Groupe10</a>
        </div>
        <div id="Col1">
            <div class="Contenu">
                <span id="total">{TOTAL_USERS}</span>
                    <script type="text/javascript">
                    document.getElementById('total').innerHTML=document.getElementById('total').innerHTML.replace(/Nous avons/,"Bienvenue dans l'univers Bit-Lit de Aspen-Creek: The Wild Wide. <br/><br/> Actuellement");
                    document.getElementById('total').innerHTML=document.getElementById('total').innerHTML.replace(/membres enregistrés/,"êtres hors du commun parcours nos terres. ");</script>
                <span id="post">{TOTAL_POSTS}</span>
                    <script type="text/javascript">
                    document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/Nos membres ont posté un total de/,"Tous ensemble, lors de rencontres aussi bien sanglantes qu'exaltantes, ils ont échangé un total de");
                    document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/messages/,"moments inoubliables.");</script>
                <span id="new">{NEWEST_USER}
                    <script type="text/javascript">
                    document.getElementById('new').innerHTML=document.getElementById('new').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"A ce sujet, le dernier individu à avoir partagé notre épopée n'est autre que");</script>, nous lui souhaitons la bienvenue et espérons que sa route sera longue et semée d'embûches.</span>
                <span id="delf" >{TOTAL_USERS_ONLINE}</span>
                    <script type="text/javascript">
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Il y a en tout/, "Notre record d'internautes connectés au même moment est de");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne ::/,". Nous comptons d'ailleurs, en ce moment même,");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitué");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitués");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"curieux et");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"curieux et");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"étranger.");
                    document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"étrangers.");</script>
                {LEGEND} : {GROUP_LEGEND}
                    
                <div id="User_Stats">
                    Bonjour à toi <span class="USERNAME"></span>, tu as posté <span class="USERCOUNTPOST"></span> messages depuis le <span class="USERREGDATE"></span>. Merci de ton implication...<br/>
                    <a alt="Voir les messages que j'ai écrit" href="/search?search_id=egosearch"> Voir mes messages.</a>
                    <a alt="Voir les sujets que j'ai ouvert" href="/st/<span class="USERNAME"></span>"> Voir mes sujets.</a>
                </div>
                         
            </div>
            <div id="Anniv">
                    <h4>Anniversaires</h4><table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
            </div>
        </div>
        <div class="Contenu"  id="Col2">
            <div id="contenu_onglet_1">
                <font size=1>Ce forum est inspiré, librement interprété et développé sur la saga "Hunger Games" de <i>Suzanne Collins</i>. Les personnages et le fond en lui-même sont donc sous copyright.</font>
                <div align="center"><img src="http://nsa21.casimages.com/img/2012/03/25//120325041144971037.png"><br/>
                <iframe width="250" height="157" src="http://www.youtube.com/embed/_nzbu8qAqCY" frameborder="0" allowfullscreen></iframe></div>
            </div>
            <div id="contenu_onglet_2">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 1</h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 1
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_3">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 2 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 2
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_4">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 3 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 3
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_5">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 4 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 4
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_6">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 5 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 5
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_7">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 6 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 6
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_8">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 7 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 7
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_9">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 8 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 8
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_10">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 9 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 9
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
            <div id="contenu_onglet_11">
                <img class="Groupes" src=""/>
                <h3> Nom du Groupe 10 </h3>
                <h6> Ouvert ou Fermé </h6>
                <div class="Box">
                    Description du Groupe 10
                </div>
                <div align="center"><a title="Les Rejoindres" href="">Les Rejoindres ?</a></div>
            </div>
        </div>
        <div id="Col3">
            <div class="Contenu" >
                <table>{LOGGED_IN_USER_LIST}</table><br><table>{L_CONNECTED_MEMBERS}</table><br>
            </div>
            <!-- BEGIN switch_chatbox_activate -->
            <div id="Chat">
                          <h4>ChatBox</h4>
                    <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>
            </div>
            <!-- END switch_chatbox_activate -->
        </div>
    </div>

   <script type="text/javascript">
      //<!--
         var anc_onglet = '1';
         change_onglet(anc_onglet);
      //-->
   </script>
Code:
/*------------------------------------
Début du CSS du Qui Est En Ligne
----
CSS & HTML réalisé par Ketsuka.
http://www.forumsdeforumactif.com
--------------------------------------*/
.Onglets {
    display: block;
    width: 900px;
    position: absolute;
    text-align: center;
    }
#Ligne1    {    margin-top: 40px; }
#Ligne2    {    margin-top: 550px;}
#contenu_onglet_1, #contenu_onglet_2, #contenu_onglet_3, #contenu_onglet_4,
#contenu_onglet_5, #contenu_onglet_6, #contenu_onglet_7, #contenu_onglet_8,
#contenu_onglet_9, #contenu_onglet_10, #contenu_onglet_11   { display:none; }
#Qeel {
    width: 900px;
    height: 600px;
    margin: 49px auto;
    background: url(http://img15.hostingpics.net/pics/547823qeelfond.jpg) bottom center no-repeat; /*Fond du QEEL*/
    padding: 0 30px;
    }
#Qeel #Col1    {    float: left;}
#Qeel #Col2    {    margin-left: 320px; position: absolute;}
#Qeel #Col3    {    float: right;}
#Qeel .Contenu span    {    display: block; padding: 5px 10px ;}
#Qeel .Contenu {
    width: 250px;
    height: 400px;
    text-align: justify;
    font-size: 11px;
    padding: 10px;
    margin-top: 70px;
    background: url(http://img15.hostingpics.net/pics/330153fopndforumline.jpg) repeat; /*Fond des Boites*/
    border: 1px solid #9a8875;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #442f10;
    -webkit-box-shadow: 0px 0px 4px #442f10;
    transition: 1s;
    -webkit-transition: 1s;
    }
#Qeel .Contenu:hover    {    transition: 1s;    -webkit-transition: 1s;}
#Qeel #User_Stats {
    background: url(http://img15.hostingpics.net/pics/739996blanc20.png) repeat #FFFFFF;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    margin: 15px 10px;
    box-shadow: 0px 0px 4px #442f10;
    -webkit-box-shadow: 0px 0px 4px #442f10;
    }
#Qeel #User_Stats a    {    display: block; }
#Qeel #Anniv, #Qeel #Chat {
    overflow: hidden;
    background: url(http://img15.hostingpics.net/pics/330153fopndforumline.jpg) repeat; /*Fond des Boites*/
    border: 1px solid #9a8875;
    border-radius: 0px 0px 50px 50px;
    font-size: 11px;
    height: 30px;
    margin: 0;
    position: absolute;
    padding: 3px 15px;
    transition: all 1s ease 0s;
    width: 240px;
    }
#Qeel #Anniv:hover, #Qeel #Chat:hover    {    height: 130px;    transition: all 1s ease 0s;}
#Qeel h4 {
    font-size: 18px;
    margin-top: 3px;
    text-align: center;
    }
#Qeel td.row1    {    background: transparent; }
/*------------------------------------
Fin du CSS du Qui Est En Ligne
--------------------------------------*/
Code:

function treatvar(nom) { var trouve= xhr.responseText.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{"+nom+"}<\/strong> : (.*?) <span style='direction:ltr'>\(.*?\)<\/span><br \/><\/li>.+$"),'$1'); if(xhr.responseText==trouve) return; var children = document.getElementsByTagName('*') || document.all; var v= new Array(); var i = -1; while(++i < children.length) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == nom) { v.push(child); break; } } } i=-1; while(++i!=v.length) if(v[i].tagName=='INPUT'||v[i].tagName=='TEXTAREA')v[i].value+= trouve; else v[i].innerHTML+=trouve;}; if (window.ActiveXObject) { var xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { var xhr = new XMLHttpRequest(); } if(xhr!=null) { xhr.onreadystatechange = function() { if(xhr.readyState == 4) { treatvar('FORUMURL'); treatvar('FORUMURLINK'); treatvar('FORUMNAME'); treatvar('FORUMNAMELINK'); treatvar('FORUMDESC');treatvar('FORUMBIRTHDAY'); treatvar('FORUMAGE'); treatvar('FORUMCOUNTFORUM'); treatvar('FORUMCOUNTOPIC'); treatvar('FORUMCOUNTPOST');treatvar('FORUMCOUNTUSER');treatvar('FORUMONLINEUSER'); treatvar('FORUMONLINEDATE'); treatvar('FORUMLASTUSER'); treatvar('FORUMLASTUSERLINK'); treatvar('USERNAME'); treatvar('USERLINK'); treatvar('USERBIRTHDAY'); treatvar('USERAGE'); treatvar('USERREGDATE'); treatvar('USERLASTVISIT'); treatvar('USERCOUNTPOST'); } }; xhr.open("GET","/popup_help.forum?l=miscvars", true); xhr.send(null); }
Wild Wideavatar
Messages : 60
Merci ma toute belle vraiment ** et désolée de l'attente j'ai voulu avoir l'aval de mon staff et mon taff m'a mangé le reste du temps :s. Par contre est-ce normal que le carré blanc dans la première colonne ne fonctionne pas :s. Je veux dire :s. Normalement il doit afficher les infos du membres non? Ou pour les noms membres, du statut invité ? :s. Je te donne l'exemple de ce forum pour te donner une idée du rendu recherché : http://www.glee-rpg.com/

Pour la deuxième colonne serait-il possible que quand on enlève la sourie des groupes,  la colonne revienne sur la video ?

Et enfin sur la troisième colonne serait-il possible d'inclure (cf mon schema), un effet coulissant pour les infos basiques de la chatbox : il y a actuellement X personne(s) sur la chatbox... Comme tu l'as fais pour la première colonne?

Désolée de t'ennuyer avec ça si tu ne peux pas je comprendrai, tu as déjà fais beaucoup. 

Encore merci à toi.
InvitéInvitéavatar
Pour que les statistiques de la Chatbox s'affiche, tu dois être connecté et activé la Chatbox dans Module.
Je fais des recherches sur la boite des statistiques. Chez moi non plus ça ne marchait pas, je vais voir avec School Of Pub pour résoudre ce problème. Si cela marche, tu souhaites que les invités voient autre chose? Je peux faire en sorte que le contenu soit différent. Tu pourrais mettre "Vous n'êtes pas inscrit? N'hésitez pas! Cliquez ici" par exemple Wink
A Bientôt Smile
Wild Wideavatar
Messages : 60
Hannnn si tu peux le faire ainsi pour les invités genre "rejoignez-nous pour voir s'afficher vos propres statistiques" se serait magique mais si tu ne peux pas sache que ce que tu as fais c'est déjà vraiment formidable, encore un grand merci à toi vraiment **.
InvitéInvitéavatar
Je ferais ça une fois le problème avec les statistiques résolu. Smile
Je te tiens au courant Wink
Wild Wideavatar
Messages : 60
Prend ton temps et merci à toi vraiment **
InvitéInvitéavatar
Hop, la discussion avec Miette est lancée. Merci à elle Wink
Wild Wideavatar
Messages : 60
Merci Miette et merci à toi ma belle **
InvitéInvitéavatar
Voilà ! Smile Miettes a trouvé.
Remplace le code Javascript que je t'avais donné par celui-ci

Tiens moi au courant. ♥
Wild Wideavatar
Messages : 60
Désolée de l'attente j'ai travaillé tout le week end, je tente de regarder ça ce soir et de te faire un rendu dans la foulée. Merci encore **
InvitéInvitéavatar
Bonjour,
Des nouvelles?
Wild Wideavatar
Messages : 60
Honte à moi je me suis laissée débordée toutes mes excuses je m'occupe de ca immédiatement et j'édite mon psote si tu an'as pas répondu d'ici là :s.

Edit: Alors je l'ai mis en place mais je rencontre quelques problèmes :s. Le premier c'est la colonne du milieu, même avec le nouveau javascript je ne parviens pas à faire en sorte que lorsque l'on enlève la sourie du groupe, la page revienne sur la video du forum.
Sinon la partie en blanc, "Bonjour à toi..." ne fonctionne pas sur mon forum Sad.
http://fevers.forumactif.org/
Enfin je n'arrive pas à modifier les espaces dans le texte de base: Bienvenue dans l'univers blabla blabla, je dois supprimer les scripts pour ça? :$

Désolée de t'embeter encore.
Et merci de ton aide encore une fois **
Contenu sponsorisé

Aller à la page : Précédent  1, 2, 3  Suivant,
 Sujets similaires
-
» [Ketsuka] Un petit Qeel pour Wild wide
» [Ketsuka] QEEL pour Good Pub
» Un petit QEEL tout beau tout propre :3 [SeLfde4Th7]
» Un petit vote pour une bonne cause
» [Ketsuka] Page d'accueil pour Petites Bêtes du Monde [Terminé]

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation