Pourquoi il n'y a que des saveurs ici, c'est parce qu'il y a un dieu voyons !

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Coucou :D

Avant de commencer le cours je voudrai te poser quelques questions (;

As-tu déjà codé ? Sais-tu faire des choses ? Si oui quoi ?
Que voudrais-tu apprendre ? Un exemple ?

Ensuite je vais te dire comment je vais fonctionner : Je pense d'abord commencer par le HTML, mais après c'est comme tu veux. Ensuite on va travailler sur ce site, il va servir pour partager les codes que tu vas faire dans ce cours, et pour te corriger si besoin Wink

Pour partager, il faut cliquer sur Share et copier/coller le lien ici, et pour sauvegarder il suffit de cliquer sur save Wink

C'est pour moi ici ? 8D

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Oui 8D

euké 8D

As-tu déjà codé ? Yep
Sais-tu faire des choses ? Si oui quoi ? alors, les bases, comme dans ce règlement que j'ai fait, je sais aussi utiliser google font, je marque tout dans un petit carnet 8D
Que voudrais-tu apprendre ? coder une signa *-* et après on verra pour les PA itou x)
Un exemple ? hein ? un exemple de quoi ?

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Euké, les signatures ne sont pas du tout mes points forts :'(
Tu ne veux pas l'apprendre avec Key ? èé

D'accord x)
Alors c'est quoi ton point fort ? :p

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Euh. Les fiches, les pa, les qeel (un peu mais ça va :p) après...

C'est quoi la différence entre une fiche et une PA ? *ignorance totale*

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Une fiche et bah c'est comme la fiche de pub et la pa ou pd >< c'est la page d'accueil xD

Adakoooor 8D

On peut faire les fiches d'abord ?

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Oki, tu aurais un exemple de fiche que tu voudrais faire ?

On va commencer par du simple, que je comprenne vraiment le système.
Alors j'aime bien celle de la boutique de Meph', pour les commandes :

Code:: <center><div style="width: 400px;background-color: #92c9b5; padding: 5px; font-family: Springtime; color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; text-align: center;">TON PSEUDO</div><center><div style="width: 370px;text-align: justify; font-size: 12px; line-height: 90%; background-color: #6d7471; padding: 20px; color: #1D1D1D;font-family: calibri;">

   • Alors, que me commandes tu ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Une image à utiliser absolument ? (ou le nom de ton perso avatar) : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • La taille, ce sera quoi ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Des couleurs dominantes ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • L'ambiance général, tu la veux plutôt ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Et le cadre, tu le vois comment ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Un titre qui roxe du poney ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Un sous-titre qui roxe de la carotte ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em>

   • Autres choses à m'avouer ? : <em>[color=#ffffff]ECRIRE ICI[/color]</em></div><center><div style="width: 400px;background-color: #92c9b5; padding: 5px; font-family: Springtime; color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; text-align: center;">MERCI !</div>
   </div></center>

elle donne ça :

TON PSEUDO

• Alors, que me commandes tu ? : ECRIRE ICI

• Une image à utiliser absolument ? (ou le nom de ton perso avatar) : ECRIRE ICI

• La taille, ce sera quoi ? : ECRIRE ICI

• Des couleurs dominantes ? : ECRIRE ICI

• L'ambiance général, tu la veux plutôt ? : ECRIRE ICI

• Et le cadre, tu le vois comment ? : ECRIRE ICI

• Un titre qui roxe du poney ? : ECRIRE ICI

• Un sous-titre qui roxe de la carotte ? : ECRIRE ICI

• Autres choses à m'avouer ? : ECRIRE ICI

MERCI !

en fait, c'est juste qu'il y a quelques balises que je ne connais pas.
Comme :

Code:: </em>

Code:: text-transform: uppercase

Code:: line-height: 90%

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Alors la balise em, c'est comme i, sauf qu'il est préférable de mettre em Wink

C'est pour mettre un texte en italique.

text-transform c'est pour transformer le texte, là le uppercase c'est pour les mettre tous en majuscule.
Après pour la line height c'est la hauteur de la ligne mais je ne pourrais pas t'en dire plus ):

Ensuite, comment on fait pour faire la bande verte et mettre un texte dedans.. ?

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Il y a plusieurs façon de faire, moi je fais avec une div c'est plus facile 8D
Alors déjà tu prends la base de la balise div :

Code:: <div>TEXTE</div>

Après soit tu passes par le CSS du forum

Code:: <div class="titrefiche">TEXTE</div>

Donc dans ton css ce sera

Code:: .titrefiche {
CSS
}

soit tu le fais directement dedans plus facile Pourquoi il n'y a que des saveurs ici, c'est parce qu'il y a un dieu voyons ! 4093808363

Code:: <div style="CSS">TEXTE</div>

Après tu dois rajouter un background-color pour mettre un fond, après avoir mis un fond tu mets un height pour déterminer la hauteur, et un width pour déterminer la longueur. Après tu peux rajouter un text-align: center pour mettre le texte centré (pense à mettre un ; à la fin de chaque style). Essaie d'abord ça Wink

Pense à mettre le résultat et le code ici :)

Anw mais ça je sais faire, même si j'ai pas compris ton truc du CSS èé
La div style, je sais l'utiliser. Ce que j'ai pas compris, c'est comment elle met ses bandes vertes autour du gris.
Elle fais plusieurs codes à la suite ?

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Bah elle a fait comme j'ai dit éwè
Donc fait ce que j'ai dit avec le div style Wink

TEXTE du haut

textounet en couleurs 8D
Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam lenius, quod et pudor tuus moderatur orationi meae et meum erga te parentemque tuum beneficium tueri debeo.Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam lenius, quod et pudor tuus moderatur orationi meae et meum erga te parentemque tuum beneficium tueri debeo.Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari. Vellem aliquis ex vobis robustioribus hunc male dicendi locum suscepisset; aliquanto liberius et fortius et magis more nostro refutaremus istam male dicendi licentiam. Tecum, Atratine, agam lenius, quod et pudor tuus moderatur orationi meae et meum erga te parentemque tuum beneficium tueri debeo.

texte du bas

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Très beau :)
Par contre il faudrait que soit tu baisses le width du titre soit tu montes le width du texte, et je trouve aussi que les couleurs ne vont pas ensemble mais pas grave <3

osef des couleurs x)
attend j'essaie Wink

normalement j'avais édité.
Donc bon, je relance juste le sujet ^^

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

C'est bien ewe tu veux apprendre quoi maintenant ? :3

j'aimerais bien genre... arriver à faire défiler les images dans le code.
Et puis, faire un slider -fin le truc où l'image se casse vers la droite, haut, bas, gauche quand tu passes la souris-

Messages : 1350 Date d'inscription : 20/04/2014 Age : 23 Localisation : France

Je n'ai pas compris ta première phrase Pourquoi il n'y a que des saveurs ici, c'est parce qu'il y a un dieu voyons ! 1574914237

Après pour le slider, on verra après c;

Bah... un peu genre comme les partenaires sur S'S mais dans un codes... ^-^

» Pourquoi la vie? Parce que 42?
» Les Saveurs choississent l'exotisme 8D
» Pourquoi pas !
» Pourquoi ne pas mettre de rangs ?
» Moi, modo ? Pourquoi pas /POUTRE/