AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

    [Final-Blonde] Commande QEEL

    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Sam 17 Mar 2012 - 20:37

    Commande

    Bonjour a tous, j'aimerais d'abord remercier celui ou celle qui s'intéresseras a ma modeste commande, mais surtout du travail super que fait toute l'équipe!

    Elément à coder : QEEL
    Adresse du forum : http://dgraymanrevolution.forumgratuit.org/
    Description du résultat voulu : Je souhaiterais que les coins du QEEL soit très légèrement arrondis, le fond serait de cette couleur : #D8B78C.
    Je voudrais aussi qu'il soit entouré d'une bordure de 2px de cette couleur : #532F00.
    L'ovale qui accueillerais les statistiques du forum serait de cette couleur : #ECDAC2
    Idem pour les onglets a droite qui acceuillerons les groupes, les anniversaires et les membres connectés.
    je voudrais que le titre du forum "Révolution" soit placé comme montré sur le schéma.
    Spoiler:
    Images :
    https://i.servimg.com/u/f44/15/34/38/50/qeel_e10.gif
    Autres précisions : le crédit pour N-U pourrait être placé en bas a gauche du QEEL
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Dim 18 Mar 2012 - 17:18

    Bonjour,

    Ce serait bien de voir ton forum, juste le temps de se faire une idée^^

    je voudrais que le titre du forum "Révolution" soit placé comme montré sur le schéma.
    Je ne vois pas le titre du forum sur ton schéma ?
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Dim 18 Mar 2012 - 17:41

    Yop o/

    Afin de valider ta commande, nous devons impérativement voir ton forum et ses statistiques Wink
    Merci donc de laisser libre champ à ton forum pendant quelques temps :)

    Taktiik.

    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Dim 18 Mar 2012 - 22:43

    Oui Excusez moi nous sommes en travaux donc je l'avais fermé vu que nous avons des membres, mais je l'ai réouvert!

    Et oui je viens de voir que Révolution ne s'est pas mis c'est bizarre je reposte le schéma
    Spoiler:

    C'est ma faute je me suis trompé de schema excusez moi!
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Lun 19 Mar 2012 - 8:13

    Pas de souci, rien d'irréversible^^

    Selon la charge de cours, je vois pour te faire cela d'ici ce soir, sinon ce sera pour demain.
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Lun 19 Mar 2012 - 14:57

    Je te remercie de me venir en aide! ^^
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Lun 19 Mar 2012 - 16:14

    Yop !

    C'est parfait, je valide la commande et je la passe en cours ;D
    Bonne chance pour la commande !

    Taktiik.

    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Lun 19 Mar 2012 - 23:04

    Allons y.

    Tout d'abord, il faut savoir que j'ai utilisé ce tutoriel pour le tableau à onglets.
    Je ne le connaissais pas et je n'ai pas vraiment eu le temps de le découvrir, mais il se trouve qu'il est pas mal du tout et original^^
    Je suis trop fatiguée après une grosse journée de cours pour me pencher sur le problème d'aligner les onglets à gauche.
    EDIT : Ayéh, j'ai trouvé (tout con d'ailleurs !)
    Je te laisse découvrir le tout et n'hésite pas pour les questions.

    1°- Le JS daans le PA >> Modules >> Gestion des Javascripts >
    Activer : Oui >
    Titre: ce-que-tu-veux >
    Coche : sur l'index
    Code:
    $(function(){
      var d=function(){if($(this).is(".selected")) return;var a=$(this).closest(".systab");a.find(".selected").removeClass("selected").filter(".content")[a.is(".sslide")?"slideUp":a.is(".sfade")?"fadeOut":"hide"](500);$(this).addClass("selected").data("content").addClass("selected").stop(!0,!0)[a.is(".sslide")?"slideDown":a.is(".sfade")?"fadeIn":"show"](500)};$("div.systab").each(function(){var a=$("> div",this).detach(),c=[],b;$(this).html('<div class="'+($(this).is(".sbottom")?"contents":"tabs")+'"></div><div class="'+($(this).is(".sbottom")?
    "tabs":"contents")+'"></div>');$(a).each(function(){b=$(this).children(":first");b.is("span")?(c=$(c).add($(b).addClass("tab").data("content",$(this))),$(this).addClass("content").data("tab",b)):$(this).remove()});$("> div.tabs",this).append(c);$("> div.contents",this).append(a);b=$(".content:first,.content.selected",this).last();$(b).addClass("selected").siblings().hide();$(b).data("tab").addClass("selected")}).on("click",".tab",d).filter(".shover").on("mouseenter",".tab",d)
    });

    2°- Le CSS :
    Spoiler:
    Ici une petite explication s'impose :
    Dans dernier code, celui du "box-shadow", j'ai réuni tous les identifiants dans l'ordre d'apparition du template, (alors attention les yeux, Ray Ban recommandées !), afin que tu puisses bien noter ces identifiants dans le HTML et que tu voies ce qui fait quoi...
    Bien sûr, ces identifiants sont aussi là pour que tu puisses les styler séparément.
    (Toutefois, uniquement pour les identifiants "annive" et "statist" tu passeras par le deuxième code du "row1")

    Pas de panique, tu vas comprendre avec le HTML, du moins je le souhaite !

    3°- Le HTML c'est juste la partie concernée du template index_body :
    Code:
    <!-- BEGIN disable_viewonline -->
    <br /><br />
    <div class="qeeltitre"><a href="#top">Revolution</a></div>

    <table class="superqeel" align="center" width="80%" border="0" cellspacing="8" cellpadding="0"><tr>
     
    <td width="100%" colspan="2" align="center" valign="middle">
    <a href="{U_VIEWONLINE}" rel="nofollow" target="_blank"><img class="qeelimg" src="http://i44.servimg.com/u/f44/15/34/38/50/qeel_e10.gif" title="qeel" /></a>
    </td></tr>
     
    <tr><td align="center" valign="middle"> 
    <table class="ovale"><tr><td align="center" valign="middle">
    <table class="statist"><tr><td class="row1" align="justify" valign="middle">
    <span class="gensmall">
    {TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />
    {NEWEST_USER}<br />
    {RECORD_USERS}
    </span>
    </td></tr></table>
    </td></tr></table>
    </td>
     
    <td class="wio" align="center" valign="middle"> 
    <div class="systab wio" align="left">
     
    <div class="wio">
    <span style="padding: 13px 34px 0 0;"></span>
    <div class="gensmall">{TOTAL_USERS_ONLINE}<br />
    {LOGGED_IN_USER_LIST}</div>
    </div>
     
    <div class="wiogroups">
    <span style="padding: 7px 25px 0 0;"></span>
    <span class="gensmall">
    {LEGEND} : {GROUP_LEGEND}<br />
    Synephebos ego, inquit, potius Caecilii aut Andriam Terentii quam utramque Menandri legam? [5]
    A quibus tantum dissentio, ut, cum Sophocles vel optime scripserit Electram, tamen male conversam Atilii mihi legendam putem, de quo Lucilius:
    'ferreum scriptorem', verum, opinor, scriptorem tamen, ut legendus sit. rudem enim esse omnino in nostris poetis aut inertissimae segnitiae est
    aut fastidii delicatissimi. mihi quidem nulli satis eruditi videntur, quibus nostra ignota sunt.
    Synephebos ego, inquit, potius Caecilii aut Andriam Terentii quam utramque Menandri legam? [5]
    A quibus tantum dissentio, ut, cum Sophocles vel optime scripserit Electram, tamen male conversam Atilii mihi legendam putem, de quo Lucilius:
    'ferreum scriptorem', verum, opinor, scriptorem tamen, ut legendus sit. rudem enim esse omnino in nostris poetis aut inertissimae segnitiae est
    aut fastidii delicatissimi. mihi quidem nulli satis eruditi videntur, quibus nostra ignota sunt.
    Synephebos ego, inquit, potius Caecilii aut Andriam Terentii quam utramque Menandri legam? [5]
    A quibus tantum dissentio, ut, cum Sophocles vel optime scripserit Electram, tamen male conversam Atilii mihi legendam putem, de quo Lucilius:
    'ferreum scriptorem', verum, opinor, scriptorem tamen, ut legendus sit. rudem enim esse omnino in nostris poetis aut inertissimae segnitiae est
    aut fastidii delicatissimi. mihi quidem nulli satis eruditi videntur, quibus nostra ignota sunt.
    </span>
    </div>
     
    <div class="annive">
    <span style="padding: 3px 16px 0 0;"></span>
    <table class="annive"><tr><td align="left" valign="top" class="row1">
    <span class="gensmall">
    {L_WHOSBIRTHDAY_TODAY}
    {L_WHOSBIRTHDAY_WEEK}
    </span>
    </td></tr></table>
    </div>
     
    </div>
    </td>
     
    </tr></table>
     
       <!-- BEGIN switch_chatbox_activate -->
    <br />
    <table class="forumline" width="90%" border="0" cellspacing="1" cellpadding="0">
       <tr>
          <td class="row1">
             <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {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 -->
    J'ai mis un Lorem Ipsum dans les groupes juste pour afficher la scrollbar.

    Je ne suis pas loin aujourd'hui en cas de besoin. Sleep




    Dernière édition par Final-Blonde le Mar 20 Mar 2012 - 11:04, édité 1 fois
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Mar 20 Mar 2012 - 9:15

    Wow je te remercie beaucoup ! je vais installer les codes ce soir lorsque je serais chez moi!

    Vraiment merci pour tout!
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Mar 20 Mar 2012 - 9:16

    Je t'en prie bôcou^^

    Installe déjà la bête... Ce n'est peut-être pas encore ça..


    Bonne journée.
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Mar 20 Mar 2012 - 18:51

    Merci ca fait d'un plus bel effet! seulement je n'ai pas très bien compris ce que je dois mettre a la place du texte en latin dans l'html, et ce que tu voulais que je fasse dans cette partie :


    Dans dernier code, celui du "box-shadow", j'ai réuni tous les identifiants dans l'ordre d'apparition du template, (alors attention les yeux, Ray Ban recommandées !), afin que tu puisses bien noter ces identifiants dans le HTML et que tu voies ce qui fait quoi...
    Bien sûr, ces identifiants sont aussi là pour que tu puisses les styler séparément.
    (Toutefois, uniquement pour les identifiants "annive" et "statist" tu passeras par le deuxième code du "row1")
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Mar 20 Mar 2012 - 20:18

    Tu ne mets rien à la place du texte dans les groupes, tu supprimes ce texte, c'était juste pour te montrer qu'une scrollbar en hauteur s'affiche dès que la hauteur définie est dépassée, dès que tu auras une liste conséquente dans tel ou tel onglet.

    Pour ce qui est des box-shadow, tu as là tous les identifiants avec une ombre, mais tu peux supprimer ce que tu ne veux pas, utiliser les identifiants pour les personnaliser séparément car je n'en ai personnalisé que deux.

    Il y a deux éléments qui passent par la class "row1" parce que c'est le seul moyen de soumettre ces satanées variables. en ce qui concerne le texte et le fond par défaut du "row1+ (c'est un des intitulés qui se retrouve partout dans le forum, comme "forumline", etc):
    /* supression du fond blanc de row1 */
    .annive td[class^="row"], .statist td[class^="row"] {
    background-color: transparent;
    text-align: justify;
    }
    .annive .row1 span.gensmall, .statist .row1 span.gensmall {
    color: brown!important;
    font: small-caps 10px !important;
    }
    Ici c'est "annive" et "statist" qui ont été appliqués avec le "row1"

    Le CSS va dans l'ordre avec le HTML, il faut que tu t'y familiarises un peu afin de personnaliser ou apporter tes modifications.
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Mar 20 Mar 2012 - 21:44

    Ho d'accord je vais faire ainsi alors! je pense avoir compris encore merci!
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Lun 26 Mar 2012 - 12:11

    Yop o/

    Commande terminée ^-^?

    Taktiik.

    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 4 Avr 2012 - 11:30

    Yow !

    Seconde relance !
    Penses à nous dire si oui ou non c'est terminé Wink

    Taktiik.

    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Lun 16 Avr 2012 - 8:48

    Dernière relance.



    [Final-Blonde] Commande QEEL  376864signichigo
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 29 Avr 2012 - 14:25

    Pas de réponse j'archive.



    [Final-Blonde] Commande QEEL  376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Jeu 9 Mai 2024 - 3:11