La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Analyse d'un CSS : Qui fait quoi ?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Analyse d'un CSS : Qui fait quoi ?  (Lu 2091 fois)
Analyse d'un CSS : Qui fait quoi ?
« sur: le 25-09-2011 a 18:04:04 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Bonjour à toutes et à tous,
Je me lance en ce moment dans le " développement " de sites Internet, via un outil ( Webnode ) qui propose des modèles prédéfinis. J'aimerais cependant y ajouter une touche de personnalisation, car certains détails me chiffonnent ; pour cela, j'ai tenté de me pencher sur l'analyse des CSS en faisant avec mes maigres connaissances...  Le seul résultat que j'ai réussi à obtenir fut de rendre invisible mon texte ( alors que je tentais de rendre vert le fond de la page ! ).

Voici un lien vers la page Internet, sur laquelle vous trouverez également le CSS afin de ne pas encombrer le message : cliquez ici.

Je vous pose maintenant deux questions :
1) Comment faire pour changer la couleur du fond de la zone du haut, actuellement en bleu, en un vert #006400 ( ou quel qu'il soit si celui-ci n'est pas valide ).
2) Comment faire pour agrandir la zone colorée dont je viens de parler ?


Merci d'avance de votre aide !
Kiwi Man

Rapporter au modérateur  

Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #1 sur: le 25-09-2011 a 21:09:10 »
Pad
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1391





Voir le Profil    WWW
Répondre avec citation

salut,

1. le fond bleu n'est pas défini en css mais avec une image de fond : http://kiwi-juice.webnode.fr/img/site_bg.png. Faudra donc faire une nouvelle image avec un dégradé vert comme tu le souhaites.

2. agrandir l'image de fond ou/et préciser au style css correspondant sa dimension. Le style en question est #siteBg (ligne 56) et il faut modifier le height en px

Rapporter au modérateur  

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #2 sur: le 25-09-2011 a 21:53:48 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Merci de ces réponses, je vais essayer !
Juste une autre question : pour l'image de fond, dois-je moi-même l'héberger, via ImageShack par exemple,  ou est-ce que je peux le faire passer par Webnode directement ?


Merci encore,
Kiwi Man

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #3 sur: le 25-09-2011 a 22:07:32 »
Pad
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1391





Voir le Profil    WWW
Répondre avec citation

tout dépend du fonctionnement de webnode... je ne le connais pas donc je pourrais pas te dire ! Regarde déjà si c'est possible de modifier cette l'image, si tu trouves ça tu trouvera comment la modifier

Rapporter au modérateur  

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #4 sur: le 25-09-2011 a 22:08:30 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

D'accord, merci, j'essaierai ça demain, pas la motivation de le faire ce soir. Je vous tiendrais au courant, et j'espère que vous serez encore là pour m'aider si besoin

Kiwi Man

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #5 sur: le 26-09-2011 a 20:15:14 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Hello,
Alors j'ai un petit problème.
Lorsque je tente de prendre un modèle d'un autre site ( qui donne ceci : background: #FFFFFF url(../img/site_bg.jpg) repeat-x left top; ), supposé me le mettre avec un motif vert vaguement dégradé ; cependant, lorsque je l'applique, tout mon fond devient blanc. Et j'ai essayé de modifier avec un rouge quelconque, tout le site devient rouge.
Donc, j'en ai déduit que le " background ' ne modifiait pas que la zone du haut, mais la totalité de l'image. Ce que je ne comprends pas, au passage, mais là n'est pas le sujet : comment puis-je faire, à votre avis, pour changer de couleur de fond ?
Peut être est-ce impossible afin que Webnode sécurise ses CSS ? Il propose cependant d'en Héberger, pensez-vous que je puisse faire copier / coller le tout et héberger l'image sur un site ?


Kiwi Man

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #6 sur: le 26-09-2011 a 20:38:50 »
Murielp
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 25





Voir le Profil    WWW    E-Mail
Répondre avec citation

Décomposons ton code pour mieux comprendre ...
background: #FFFFFF
  donne une couleur à l'arrière-plan
url(../img/site_bg.jpg)
  affiche une image devant l'arrière plan
repeat-x
  sert à répéter une image horizontalement
left
  ... aligné à gauche
top;
  ... et en haut

Pour les codes de couleur, je te donne ce site :
http://www.code-couleur.com/

Pour les effets CSS, je te donne ce site :
http://css3generator.com/

N'hésite pas à m'écrire si tu as besoins d'aide 

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #7 sur: le 27-09-2011 a 14:17:48 »
vieactu
Superactif
****

Hors-Ligne

Messages: 503





Voir le Profil
Répondre avec citation

si tu veux t'amuser avec un outil intéressant et te faire la main tu peux utiliser Firebug sur Firefox =)

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #8 sur: le 27-09-2011 a 19:04:17 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

A quoi sert cet outil ?

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #9 sur: le 27-09-2011 a 19:14:24 »
Murielp
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 25





Voir le Profil    WWW    E-Mail
Répondre avec citation

Firebug permet en un coup d'œil de réunir les informations sur une page internet.
http://www.siteduzero.com/tutoriel-3-31228-firebug-une-merveille-de-plus-pour-firefox.html

Il permet entre autre de pouvoir modifier le CSS que pour toi ... sans le modifier réellement sur le site.

Rapporter au modérateur  
Re:Analyse d'un CSS : Qui fait quoi ?
« Répondre #10 sur: le 27-09-2011 a 19:40:38 »
KiwiMan
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Sur le papier ( d'internet ), ça a l'air vraiment bien

Merci, je vais aller essayer ça prochainement.

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg