| | Auteur | Message |
---|
GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Codage QEEL Lun 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:
[Vous devez être inscrit et connecté pour voir cette image]
. 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 ^^" |
|
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Lun 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] |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Lun 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 ? |
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Lun 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)] |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Lun 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. |
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Lun 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> |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Lun 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 ^^ |
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Mar 12 Juil - 19:42 | |
| Comme ça ? [reclick sur le lien d'avant, ça le mets directement à jour! x)] |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Mar 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 ? |
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Mar 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] |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Mer 13 Juil - 12:55 | |
| Merci encore J'ai plus qu'à le remplir ^^ |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Mer 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 |
| | | » CHESHIRE CAT
HUM...Arisu Minazuki? IT'S ME!
Poste(s) Occupé(s) : Leader Team Ame, Fondatrice Messages : 1460 Date d'inscription : 03/05/2011 Age : 28 | Sujet: Re: Codage QEEL Mer 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> |
| | | GOKUDERA'S FAN
HUM...Karorin? IT'S ME!
Poste(s) Occupé(s) : Admin Messages : 2747 Date d'inscription : 05/05/2011 Age : 30 Localisation : Auprès de Daemon-sama | Sujet: Re: Codage QEEL Mer 13 Juil - 14:27 | |
| C'est bon ça marche, merci ^^ |
| | |
HUM...Contenu sponsorisé? IT'S ME!
| Sujet: Re: Codage QEEL | |
| |
| | | |
Sujets similaires | |
|
Page 1 sur 1 | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |