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


World Help est un forum d'aide en tout genre et de publicité.
 
AccueilAccueil  PortailPortail  Dernières imagesDernières images  RechercherRechercher  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
Le Deal du moment : -34%
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 ...
Voir le deal
919 €

 

 Classe de Kami-Sama

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


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeMar 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 ?
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeMar 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeMar 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é
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

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

Voilà c'est fait ^^
Revenir en haut Aller en bas
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Qu'as-tu mis en code CSS ?
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeMar 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Oui car déjà il manque le px avec 15
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeMar 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Et montre ta div
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

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

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


Féminin

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

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

Maintenant on va mettre une bordure.
Tu as juste à mettre border: Nbpx Solid/double couler;
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

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

Voilà c'est fait ^^ et j'ai rajouté une autre couleur aussi
Revenir en haut Aller en bas
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Voila maintenant as-tu une idée pour rajouter qu'une bordure d'un coté ou de l'autre ?
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeJeu 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Si c'est ça donc je te le laisse le faire
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeSam 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Super !
Don on va utiliser les padding et margin
margin-left: 30px;
margin-top: 10px;
padding: 5px;
padding-left: 25px;
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeSam 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Tu as compri à quoi sert les codes surtout ?
Si c'est le cas, sais-tu faire un tableau
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeSam 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeDim 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
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeLun 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeLun 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
Revenir en haut Aller en bas
Kami-Sama
Membre
Membre
Kami-Sama


Féminin

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

Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitimeLun 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
Akino
Administratrice
Administratrice
Akino


Féminin

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

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

Si tu as réussi à le mettre sur ton forum montre le moi et repasse moi l'adresse
Revenir en haut Aller en bas
Contenu sponsorisé





Classe de Kami-Sama Empty
MessageSujet: Re: Classe de Kami-Sama   Classe de Kami-Sama Icon_minitime

Revenir en haut Aller en bas
 
Classe de Kami-Sama
Revenir en haut 
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant
 Sujets similaires
-
» Classe de Yutsujiri
» Classe d'As
» Classe d'Ayu-chan.
» Classe d'Yui
» Classe de Eibon

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