Yume no hikari
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  Site  
-17%
Le deal à ne pas rater :
Casque de réalité virtuelle Meta Quest 2 128 Go Blanc (+29,99€ ...
249.99 € 299.99 €
Voir le deal

Partagez | 
 

 Codage QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 13:00

PAGE D'ACCUEIL / CODE SIMPLE / FICHE


[Vous devez être inscrit et connecté pour voir cette image]

Type de Commande (PA, Code Simple, Fiche): Qui est en ligne
Je veux [Précisez ce que vous souhaitez(couleurs, taille...)]: Je voudrais un Qui est en ligne sous forme d'onglets un peu dans ce style :
Spoiler:
.
Pour les couleurs, il faudrait qu'elles soient en accord avec ce forum : [Vous devez être inscrit et connecté pour voir ce lien]
Pour les dimension des cases et l'espace entre chaque cses, ai-je besoin de les donner où je les mets moi même ?
Autre chose ? : Je ne sais pas si c'est faisable, mais j'espère que si ^^"
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 16:23

    Aaaaah, tu t'es fait un forum~ *o* [futur partenaire, maybe !? x)]

    Je m'en occupe, si tu veux! c'est tout à fait faisable~ :3 [Hum, je te fait le système d'onglet, et du complète l'intérieur toi-même, ou je fais tout, directement?! Tu veux un fond, aussi ? Hum, après, ouais, je voudrais bien les dimensions de chaque case, de quoi faire le css directement, je qui t'éviteras d'y toucher~ :3 [et qui pourras facilement être modifier pour changer les couleurs~ :3]
Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 16:29

Ça fait un petit moment que je l'ai créé, mais je n'avais pas le temps de m'en occuper ^^
Oui sûrement partenaire ^^

Je complèterait moi même l'intérieur.
Oui je mettrais un fond, mais je ne l'ai pas encore fait
Alors pour les dimensions :
- les petites cases à gauche font 50 x 300 px
- la grande case à droite fait 220 x 510 px
- les espaces horizontaux font 30 px partout
- les espaces verticaux font 35 px partout

On voit tout de suite la spé maths en action XD

Voilà ^^ Besoin d'autre chose ?
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 16:35

    Ooooh, mais t'as pas tort, c'est bien, les maths~ 8D [Eh oui, c'est ma meilleure moyenne, les maths.... xD]

    Bon, je m'y mets~ :3 [je ferais la commande de Yuki ensuite.... vu que le qeel sera plus rapide à faire~ :3 (parce que j'ai toujours pas fait le croquis de sa fiche.... xD (eh oui, nous pouvons aussi remarquer mon besoin d'avoir un petit truc dessiné à côté... sinon c'est bien brouillon....è_é xD)]
Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 16:41

Les maths c'est le bien *-* Il faut dire aussi que j'aurais au moins 12h de maths par semaine l'année prochaine, alors il vaut mieux que j'aime ça ^^

Merci beaucoup =3 Moi aussi j'utilise une feuille pour visualiser ce que je veux faire, sinon j'arrive à rien.
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 17:11

    Tiens, dis-moi si ça te va! :3

    [Vous devez être inscrit et connecté pour voir ce lien]

    Après, je peux te proposer un système d'iframe! c'est vraiment pratique, et tu n'aura plus besoin de toucher aux templates, après ça! :3

    Tu aura simplement à créer une page HTML: [PA Admin >> Modules >> Pages HTML & Javascript >> Nouvelle Page >> Puis copier / coller le code de ta PA]

    Ensuite, il suffira juste de mettre le lien de ta page HTML entre les balises

    Code:
    <iframe src="Lien de ta page HTML" style="background:transparent;" frameborder="no"; scrolling="no"></iframe>
Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyLun 11 Juil - 18:04

Merci beaucoup c'est parfait, mais est ce qu'il serait juste possible de centrer le texte correspondant aux différents onglets et de le décoller de la bordure ?

Le système d'iframe me parait plus pratique, alors je veux bien ^^
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMar 12 Juil - 19:42

    Comme ça ? [reclick sur le lien d'avant, ça le mets directement à jour! x)]
Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMar 12 Juil - 21:07

Oui c'est super ^^ Merci beaucoup

Je dois mettre le lien de cette page dans l'iframe ? Ou je crée une page HTML sur mon forum ?
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMar 12 Juil - 23:33

    Créé une page HTML, puis copie/colle ce code dedans:

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Page d'Accueil Otaku Graph</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>

        <style type="text/css">

            .onglet
            {
                    display:inline-block;
                    margin-left:-4px;
                    margin-right:-4px;
                    margin-bottom: 15px;
                    margin-top: 15px;
    padding-top: 10px;
                    background-color: #e5e5e5;
                    cursor:pointer;
                    font-size: 9px #ffffff;
            }
            .onglet_0
            {
                    font-family: Casual, sans-serif;
    color : #ffffff;
                    background-color: #e5e5e5;
    -moz-border-radius: 20px;
    width: 300px;
    padding-top: 10px;
    height: 30px;
    font-size: 9px #ffffff;
            }
            .onglet_1
            {
                    font-family: Casual, sans-serif;
    color : #ffffff;
                    background-color: #e5e5e5;
    padding-top: 10px;
    -moz-border-radius: 20px;
    width: 300px;
    height: 30px;
    font-size: 9px #ffffff;
            }


           
            .contenu_onglet
            {
                  margin-left:35px;
    padding: 5px;
    font-size: 9px #ffffff;
    background-color: #e5e5e5;
    display:none;
    -moz-border-radius: 20px;
    width: 510px;
    height:220px;
    padding: 10px;
    font-family: Casual, sans-serif;
    background-color : #none;
            }

            </style>
    </head>
    <body>

            <div class="systeme_onglets" width="50%">
    <table><tr><td>
            <div class="onglets">
    <span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:change_onglet('1');"> <center>Nom de l'onglet 1 </center></span>

    <br>

                <span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"><center> Nom de l'onglet 2</center></span>

    <br>

                <span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');"><center> Nom de l'onglet 3</center> </span>


    </td><td>
            <div class="contenu_onglets">

                <div style="display: block;" class="contenu_onglet" id="contenu_onglet_1">
                   

    <center>Contenu de l'onglet 1</center>


    </div>

                <div style="display: none;" class="contenu_onglet" id="contenu_onglet_2">
                       

    <center>Contenu de l'onglet 2</center>

    </div>
         
                <div class="contenu_onglet" id="contenu_onglet_3">

                 
    <center>Contenu de l'onglet 3</center>
               
               
        </div>

    </td></tr></table>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = '1';
                    change_onglet(anc_onglet);
            //-->
            </script>
    </body>
    </html>

    Ensuite, tu donne un nom à ta page et tu click sur "Enregistrer". Après, tu verra le lien de la page html contenant le code que je viens de te filer sur la page de gestion de toutes tes pages. Tu le copies, puis tu le colle dans le code d'iframe que je t'ai passé avant! ensuite, il ne te reste plus qu'à insérer ça à la place de ton Qeel actuel! [et, au lieu de revenir changer dans les templates pour le modifier, tu le modifiera directement dans ta gestion de tes page HTML! :3]

    Voilaw~ :3 [Bon, je file dormir... ça crève une colo sur Paint Tool Sai... u_u [surtout avec tablette graphique... et au final ça ressemble à rien mais bon... enfin, je vais peut-être arrêter de raconter tout et n'importe quoi, là....xD]

Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMer 13 Juil - 12:55

Merci encore cheering

J'ai plus qu'à le remplir ^^
Revenir en haut Aller en bas
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMer 13 Juil - 13:55

Désolée du double post, mais j'ai un pitit problème =/

[Vous devez être inscrit et connecté pour voir ce lien]

Il n'y a que Nom de l'onglet 1 et Nom de l'onglet 2 qui s'affichent
Revenir en haut Aller en bas
» CHESHIRE CAT

Arisu Minazuki
HUM...Arisu Minazuki? IT'S ME!


» CHESHIRE CAT




Poste(s) Occupé(s) : Leader Team Ame, Fondatrice
Messages : 1460
Date d'inscription : 03/05/2011
Age : 28

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMer 13 Juil - 14:09

    Hum... j'ai du me tromper dans le code de l'iframe.. >///< Je te redonne le bon code [je viens de le tester, et ça marche! ^^]

    Code:
    <iframe src="Lien de ta page HTML" style="width: 900px; height: 300px; background:transparent;" frameborder="no";"></iframe>
Revenir en haut Aller en bas
https://yumenohikari.forumgratuit.org
GOKUDERA'S FAN

Karorin
HUM...Karorin? IT'S ME!


GOKUDERA'S FAN




Poste(s) Occupé(s) : Admin
Messages : 2747
Date d'inscription : 05/05/2011
Age : 30
Localisation : Auprès de Daemon-sama

Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL EmptyMer 13 Juil - 14:27

C'est bon ça marche, merci ^^
Revenir en haut Aller en bas


HUM...Contenu sponsorisé? IT'S ME!







Codage QEEL Empty
MessageSujet: Re: Codage QEEL   Codage QEEL Empty

Revenir en haut Aller en bas
 

Codage QEEL

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

-
» Encore un QEEL
» Un qeel tout neuf, et.....
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Yume no hikari :: Commandes :: Dernier Arrêt-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit