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 | 
 

 Cours de Sweety

Aller en bas 
Aller à la page : 1, 2, 3  Suivant
AuteurMessage
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Cours de Sweety   Sam 4 Juin - 10:32

Bonjour !

C'est vraiment gentil de ta part de me prendre ! Je vais enfin commencer le codage *w*
J'ai lu le règlement !

C'est parti pour le cours *se concentre*

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 18:53

As-tu un forum de test ? connais tu quelques codes ?

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 19:01

Euh je ne connais aucun code ><
Mais j'ai un forum test :
http://sweetytheme.forumgratuit.org/

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 19:19

Ok.

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
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 19:42

J'ai copié coller ca
CONTENU

Mais je crois que c'est pas ca que je dois faire XD Je comprends pas trop ce que je dois faire =O

Pareil pour le code CSS T-T
J'dois remplacer quoi :0 ?

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 19:52

Alors je vais ré-éxpliquer tu mets :
Code:
<div class="css">Contenu</div>
Dans pa > général > catégorie > tu cliques sur un forum et tu mets dans descriptions

Puis tu vas dans ta feuille de CSS
PA> affichage > couleur > feuille de style

Et tu mets :
.css
{
background-color: #CODE DE LA COULEUR;
}

Le code de la couleur se sont des chiffre et lettre puis tu enregistres
Comme tu as vu le "css", le mot css se retrouve aussi dans ta feuille de style en .css
Tu peux mettre n'importe quel mot

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:01

Je mets ca :
Code:
.css
{
background-color : #000000
}
Mais ca change rien T-T

Pis j'essaie de mettre ca
Code:
<div class="CODE CSS">Blbalablaba</div>
Mais ca change rien =O

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:04

Pourquoi ?

Code:
<div class="CODE CSS">Blbalablaba</div>

CODE CSS mettre css à la place
Et pas mettre fffff mais un autre truc style b1c55b

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:11

J'ai mis ca
Code:
<div class="css">Blbalablaba</div>
Aucun changement non plus =o

La aussi T-T
Code:
.css
{
background-color : #b1c55b
}


****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:12

Tu as oublié un truc essentielle dans le css le ";" après la fin d'un code


.css
{
background-color : #b1c55b;
}

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:14

Ah oui !
Je l'ai rajouté !
Mais ca ne change rien :0
http://sweetytheme.forumgratuit.org/

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:17

ça te derange si je m'inscris et que tu me mets admin car je comprends pas beaucoup ça marche pas

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:21

Oui jte passe tout de suite le code du compte admin, j'ai rien a perdre XD

Spoiler:
 

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:24

J'ai trouvé regarde dans tes catégorie de forum tu as pas mis la div

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:26

Aaah j'ai compris ! Ca y est ! Je l'avais mis au mauvais endroit XD
Merci !

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:30

De rien donc on peut continuer
rajoute à ton code css
color: #code couleur;

puis border: #code couleur;

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:36

Donc j'ai ca dans ma feuille ?
Code:
.css
{
background-color : #b1c55b;
}

.css
{
border : #D44E4E;
}

.css
{
color : #D44E4E;
}

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:39

Non pas bon,
pour le code css tout ce met dedans

.cs
{
background-color : #b1c55b;
color : #D44E4E;
border : #D44E4E;
}

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:41

Aah d'accord ! :0

Mais border c'est le cadre ? Mais ya pas de cadre =O

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:43

ouais car j'ai mal fait le code *sort*

border : 2px #D44E4E;

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:45

.css
{
background-color : #92a884;
color : #d4ffba;
border : 2px #D44E4E;
}


Ya toujours rien =o

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 20:52

Tu as le droit de me tuer j'avais oublie le solid
border: 2px solid #000000;

Donc fait une bordure plus grosse juste à droite ou gauche.
Je t'aide un peu border-QUELQUE CHOSE: 6px solid #000000

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 21:01

Ca marche !!
Merci *w*

Et t'en fais pas, jme trompe plus de fois que toi XD

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Akino
Administratrice
Administratrice
avatar

Féminin

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

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 21:04

Tu as pas rajouter la bordure droite et gauche.
border-left
border-right

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sweety
Graphiste
Graphiste
avatar

Féminin

Messages : 88
Helping : 248
Date d'inscription : 04/06/2011

MessageSujet: Re: Cours de Sweety   Sam 4 Juin - 21:12

Ah oui !

Voila *w* C'est zoliiii *w*

****************
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://cocktail-graph.forumactif.com/
Contenu sponsorisé




MessageSujet: Re: Cours de Sweety   

Revenir en haut Aller en bas
 
Cours de Sweety
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