World Help est un forum d'aide en tout genre et de publicité.
 
AccueilAccueil  PortailPortail  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
La SOTW 4 est arrivée !
Viens y participer et vite Wink
Clique Ici
Le coup de coeur de la semaine a commencé
Venez nous montrer votre forum Smile
Clique Ici
Deux nouveaux groupes sont apparus : les rédacteurs et les professeurs

Partagez | 
 

 Classe de Kami-Sama

Aller en bas 
Aller à la page : 1, 2, 3  Suivant
AuteurMessage
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Classe de Kami-Sama   Mar 7 Juin - 16:52

Bienvenue dans ta classe !

As-tu note pad ?
As-tu un forum de test ?
Connais-tu un code ?
As-tu lu mon règlement ?

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 16:58

Bonjour, merci de bien vouloir de moi ^^
Ensuite :

As-tu note pad ? Non
As-tu un forum de test ? oui :Taisai Gakuen
Connais-tu un code ? Hu non, mais je sais lire des tutoriels. Certain, j'ai bien du mal, mais d'autre, j'arrive < les comprendres (oui bon y en a pas beaucoup, mais bon ... XD)
As-tu lu mon règlement ? Oui je respecte ce que tu dis ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 17:07

Ok.
Pour note pad on s'en passera au début.

Le HTML permet de créer ta page, le css lui de lui donner un style, fond, couleur, bordure.... On peut aussi les mettre en HTML mais c'est beaucoup plus long et ça alourdit le code, donc plus facile de se tromper.

On va commencer par travaillé sur un petit HTML et un peu de CSS
Déjà tout est en anglais comme tu peux t'en douter. Donc fond = background.
Mais background comment tu peux en avoir différent on en utilise 2 le color et image.
Le code sera donc background-color: CODE DE LA COULEUR;

Le ";" est très important sans lui le code css ne marche pas.

Donc on va créer un truc très simple.
On va faire des descriptions de forum comme ici
Tout d'avord tu auras besoin d'un div qui te permettra de mettre un code css.
Code:
<div class="CODE CSS">CONTENU</div>

Tu l'as met dans pa > général > catégorie > tu cliques sur un forum et tu mets dans descriptions

Ensuite va dans > affichage > couleur > feuille de style
Et va créer un code CSS
Pour le créer tu dois toujours mettre un "." devant.
Donc par exemple
.css
{
background-image : url('URL DE L'IMAGE);
}

tu as compris ? Si oui fait ce que j'ai demandé

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 17:21

Voilà c'est fait ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 17:27

Qu'as-tu mis en code CSS ?

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 17:53

ça :

Code:
.css
{
font-family: georgia;
font-size: 15;
color: #FAE6FA;
}

Mais on dirait que c'est pas bon parce que ça le prend pas =/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 18:26

Oui car déjà il manque le px avec 15

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 18:28

Youps ­^^" Je le rajoute de suite. Mais, même avec ça, sa ne change rien x_x
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 18:31

Et montre ta div

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 18:54

Ah non c'est bon, je viens de régler le problème x)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 19:32

Maintenant on va mettre une bordure.
Tu as juste à mettre border: Nbpx Solid/double couler;

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Mar 7 Juin - 19:45

Voilà c'est fait ^^ et j'ai rajouté une autre couleur aussi
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Jeu 9 Juin - 18:52

Voila maintenant as-tu une idée pour rajouter qu'une bordure d'un coté ou de l'autre ?

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Jeu 9 Juin - 19:40

huh c'est pas border-bottom, border-left, border-top et border-right ? si c'est pas ça, désoler de dire des bêtises ^^'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 12:48

Si c'est ça donc je te le laisse le faire

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 16:25

Voilà c'est fait x)

Code:
.css
{
font-family: georgia;
font-size: 15px;
color: blue;
border-left: 2px double;
border-right: 2px double;
border-color: black;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 16:39

Super !
Don on va utiliser les padding et margin
margin-left: 30px;
margin-top: 10px;
padding: 5px;
padding-left: 25px;

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 18:10

Fait x)

Code:
.css
{
font-family: georgia;
font-size: 15px;
color: blue;
border-left: 2px double;
border-right: 2px double;
border-color: black;
margin-left: 30px;
margin-top: 10px;
padding: 5px;
padding-left: 25px;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 19:26

Tu as compri à quoi sert les codes surtout ?
Si c'est le cas, sais-tu faire un tableau

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Sam 11 Juin - 22:45

Oui j'ai compris ^^ ça sert `faire une marje, qu'il ne soit pas coller sur les bord si tu préfère (du moins je crois XD). Sinon je sais juste qu'un tableau, y a ce code :

Code:
<table><tr></tr><td></td></table>

Et euh voilà ^^'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Dim 12 Juin - 7:14

C'est pas tout à fait ça

Code:
<table>
<tr>
<td>    </td> <td>      </td>
</tr>

<tr>
<td>    </td> <td>      </td>
</tr>
<table>

Pour y ajouter du CSS il suffit de mettre à la place de td > td class=" "
Donc tu vas me faire un tableau à deux colonnes et deux lignes

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Lun 13 Juin - 6:47

Voilà ^^ Par contre, pas trop compris comment intégrer du css ><

Code:
<table>
<tr>
<td>Ligne 1</td> <td>Ligne 2</td>
</tr>

<tr>
<td>Ligne 3</td> <td>Ligne 4</td>
</tr>
</td>
<table>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Lun 13 Juin - 10:28

Code:
<table>
<tr>
<td class="  ">Ligne 1</td> <td class="  ">Ligne 2</td>
</tr>

<tr>
<td class="  ">Ligne 3</td> <td class="  ">Ligne 4</td>
</tr>
</td>
<table>

tu vois il suffit de rajouter le class au td

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kami-Sama
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 129
Date d'inscription : 07/06/2011

MessageSujet: Re: Classe de Kami-Sama   Lun 13 Juin - 16:17

Aaaah ok merci ^^ j'avoue que j'étais un peu perdue xD mais tu m'as éclairer ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe de Kami-Sama   Lun 13 Juin - 16:21

Si tu as réussi à le mettre sur ton forum montre le moi et repasse moi l'adresse

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Classe de Kami-Sama   

Revenir en haut Aller en bas
 
Classe de Kami-Sama
Revenir en haut 
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
World Help ::  It’s School Time !  :: Cours de codage :: Classe d'Akino-
Sauter vers:  
Créer un forum | © phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit