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



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

 

 Cours de mel [OK]

Aller en bas 
2 participants
Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7
AuteurMessage
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyJeu 26 Fév - 9:12

J'ai pas eu le temps d'essayer, donc je vais t'expliquer comment faire. Normalement, ça devrait fonctionner comme il faut, étant donné que je l'ai déjà fait. Donc en fait, à partir de ton header, il faut que tu prennes un petit bande qui fait toutes la hauteur de ton header, et comme tu veux en largeur. C'est le même principe que le fond qu'on faisait au tout début du cours ^^, sauf que c'est en vertical et non pas en horizontal.
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptySam 28 Fév - 18:12

daccord, je vais essayer demain Smile
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptySam 28 Fév - 19:02

Je suis là ce soir si jamais tu veux qu'on essaie maintenant.

C'est pas très très long à faire si jamais.
Revenir en haut Aller en bas
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptySam 28 Fév - 19:12

Je t'explique le principe.

Tu prends donc ton header, et tu en coupes une bande (sur le côté gauche par exemple) verticale. Ca te servira de fond.

Ensuite, tu fais comme on faisait d'habitude pour ta page internet Wink

Mais à la place d'insérer l'image de fond dans la page html, on va le faire dans la page CSS.

Pour ça, tu auras besoin de ce bout de code (CSS donc) :

Code:
body{
background-color: #000000;
background-image: url("fond.png");
background-repeat: repeat-x;
}

Le #000000, c'est la couleur de fond de page. Ca parait bizarre de mettre un couleur de fond, alors qu'on a une image de fond, mais tu verras que c'est indispensable Wink

Ensuite, à la place de fond.png, tu mets le lien vers ton image.

Puis la dernière propriété, ça précise qu'il faut répéter le fond sur la page (sur une page html, le fond se répète par défaut). Le truc, c'est qu'on a mis repeat-x. Ca veut dire que ton image va se répété, mais que sur l'axe de x (un peu de math, ça ne fait pas de mal ^^) -> donc sur l'horizontale Wink
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyVen 3 Juil - 13:34

Hey ! J'espère que je peux toujours venir ici xD
Je suis remontée pour ouvrir cet icon archive !

Seul hic: j'y connais plus rien,tout oublié ^^
donc je vais essayer de me debrouiller la avec le cours ^^
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyVen 3 Juil - 16:15

Recoucou ! Regarde déjà le cours, mais si tu as des questions, tu n'hésites pas Wink
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMar 7 Juil - 17:04

Alors j'ai un peu avancé, fin, en fait, j'ai tout codé cette aprem ^^
Donc est ce que toi tu vois tout droit ? Et sinon, j'aimerais des titres tout soulignés comme les tiens, est ce possible ? et quelles balises il faut mettre ?

http://gossip-france.net/icons/

Sinon, est ce que tu sais si le contenuje peux mettre un fond plus clair ? Car on ne voit pas grand chose, tout marron xD

EDIT: c'est bon, j'ai trouvé ^^
Une autre question ! Je dois ajouter une barre de pub que j'aurais voulu mettre sur le coté^^
sais tu créer 2 menus ou pas ?


C'est bon ^^

EDIT: (tu peux pas imaginer le nombre de fois que j'édite !mdr)
Voila, j'ai finis !bon, la navigation est très simple, mais c'est le but ^^ c'est pas un site, juste une icon archive ^^
peux tu regarder si le site est niquel avec IE et Firefox ? (je n'ai pas firefox, mon ordi est trop vieux pour le prendre^^)

et si tu as des remarques, n'hésites pas^^ si toi tu en as, les visiteurs aussi alors !lool
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMar 7 Juil - 19:55

IE je l'ai, mais il faut que je fouille l'ordi pour le retrouver ^^ Donc comme tu l'utilises, je m'abstiendrai d'essayer Wink

Sous Firefox, ça marche à merveille !

C'est normal que tes liens ne fonctionnent pas ? (pour aller voir les icons)

Sinon, c'est vrai que ce n'est pas super sophistiqué comme tu dis, mais l'important dans une icon archive, c'est qu'on se retrouve facilement Wink
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMar 7 Juil - 20:53

Oui, c'est normal les liens, je n'ai pas encore crée ^^ je le ferais demain Smile
Exact, une icon archive doit etre simple ^^ et de ne pas trop galérer m'a encourager, faut que je me remette à coder des fois !mdrr
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMer 8 Juil - 8:27

Et oui, pendant l'année, on a pas toujours le temps pour les codages et compagnie.

Bon, si tu as d'autres questions, tu fais signe. Parce que pour le moment, je vois que tu te débrouilles très bien seule Wink
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMer 8 Juil - 16:10

MDR! mercii ! Mais ça me soutiens de savoir que tu es là au cas ou ^^
J'envisage de coder ma prochaine version, fin, on verra !
Je voulais te demander plusieurs petites choses ^^

As tu trouver pour les maps comment faire ?
Et comment mettre des propriétés aux images, comme l'a fait Thomas sur mon site ?
Tu sais, normale, quand elle a un lien et tout ?
Voilà xD

<3
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMer 8 Juil - 17:05

Pour les maps, on avait déjà essayé ou pas ? Parce que je sais que chez certaines personnes, ça posait problème (va savoir pourquoi), mais chez d'autres ça marche à merveille.

Pour les images, je n'ai pas en tête les propriétés (je les utilises tellement rarement donc...). Mais je vais te retrouver ça et je te poste le tout.
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyMer 8 Juil - 17:58

les maps, on s'était posé la question, puis abandonné l'idée !lol !
Mais je te demanderais quand j'en aurais besoin sinon ^^

ok pour les images !
Merci ..
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyJeu 9 Juil - 14:08

Je te mets déjà ce que j'ai retrouvé.

D'abord, tu as :

Code:
a img{
background-color:#333333;
padding:5px;
border:1px solid #000000;}

Ca c'est ce qui s'affiche quand tu vois une image sur ton site. Tu as donc un fond, des marges intérieures = padding, et une bordure (qui s'affichera un peu en plus grand que l'image, puisque tu as une marge intérieure). C'est pas très français ce que je viens de dire là ^^

Ensuite, lorsqu'on passe la souris dessus :

Code:
a img:hover{
background-color:#dddddd;
padding:5px;
border:1px solid #eeeeee}

Tu peux bien sûre ajouter des propriétés dedans Wink
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyLun 27 Juil - 21:21

okk, je tenterais tout ça !!
J'ai un new layout: (par fraise tagada^^)

Spoiler:
[/list][/quote]

Je vais tenter de le coder moi ! Je vais demander a une amie pour les maps xD
et sinon, sais tu comment je pourrais insérer ma barre de pub de starszz ?
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptyVen 31 Juil - 20:34

Désolée du temps de réponse, j'ai un peu de peine à trouver le temps de m'asseoir devant mon ordi Wink

Pour la barre de pub, il faut que je cherche. Mais en général, sur les sites qui héberges, il y a souvent une explication sur comment mettre les barres de pub. Enfin, sur certains en tout cas Wink


Dernière édition par Emimoi le Sam 1 Aoû - 17:03, édité 1 fois
Revenir en haut Aller en bas
mel
Super designer
mel


Féminin
Nombre de messages : 983
Age : 32
Logiciels : photofiltre, photofiltre studio, Unfreez

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptySam 1 Aoû - 12:45

ne tinquiette pas xD
Euh pas la justement !!
Pour la barre du haut oui, mais la pub non, donc il faudrait que je l'incorpore! ou sinon sur le coté en vertical ... je pars une semaine en vacance, donc prends ton temps !!
bisouss :
Revenir en haut Aller en bas
http://gossip.france.free.fr
Emimoi
Administratrice
Emimoi


Féminin
Nombre de messages : 11442
Age : 32

Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 EmptySam 1 Aoû - 17:04

Je vais essayer de regarder alors. Par contre, pas ce soir, vu que c'est le 1er août, fête nationale pour moi Wink

Je regarderai dans la semaine prochaine.

Je vais déjà regarder le code de ta version actuelle. Ca me dira probablement comment ça a été fait Wink Après, il faut réussir à l'adapter au design suivant, ça, c'est une autre affaire ^^
Revenir en haut Aller en bas
Contenu sponsorisé





Cours de mel [OK] - Page 7 Empty
MessageSujet: Re: Cours de mel [OK]   Cours de mel [OK] - Page 7 Empty

Revenir en haut Aller en bas
 
Cours de mel [OK]
Revenir en haut 
Page 7 sur 7Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7
 Sujets similaires
-
» Cours de ju-dom
» [COURS] Introduction au cours d'HTML
» Cours de emy-fan
» Cours de E.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: L'école :: Anciens cours d'élèves :: Site-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser