> Tous les forums > Forum des Webmasters
 fond pour un siteSujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
leela
  Posté le 10/02/2014 @ 10:06 
Aller en bas de la page 
Astucienne

Je voudrais créer un fond de site perso!

Y a t'il une dimension à respecter et le poids?

le faire en .jpg ou .png?

merci de votre aide.

Publicité
DLUC
 Posté le 10/02/2014 à 13:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

Bonjour,

Il faut qu'il soit le plus léger possible et il faut que se soit bien visible sans pixellisation pour que l'on puisse ouvrir le site rapidement.

Sur l'aide de ton logiciel de site web ça doit être marqué le type de photo aussi.

A+



Modifié par DLUC le 10/02/2014 13:53
pcastuces
 Posté le 10/02/2014 à 20:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Equipe PC Astuces
Bonjour,

Le sujet a été déplacé par la modération dans le forum des Webmasters qui semble plus adéquat.

Vous pouvez continuer la discussion à la suite de ce message.

A bientôt.
Dreamer
 Posté le 10/02/2014 à 20:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bonsoir

Le format jpg est le plus léger, quand aux dimensions je dirais de 1280 X 1024 px, cela me semble judicieux !!

elle
 Posté le 10/02/2014 à 20:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ben pour les dimensions, ça dépend de la dimension du site...
Dreamer
 Posté le 10/02/2014 à 20:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :
Ben pour les dimensions, ça dépend de la dimension du site...

Mais qui peut le plus .....

y.bli
 Posté le 10/02/2014 à 21:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien
Message original par leela

Je voudrais créer un fond de site perso!

Y a t'il une dimension à respecter et le poids?

le faire en .jpg ou .png?

Bonjour,

Mon avis : .jpg et 1680 x 1050

@+

elle
 Posté le 10/02/2014 à 23:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Faut voir aussi si c'est un fond appelé à se répéter ou non...

Modifié par elle le 10/02/2014 23:02
leela
 Posté le 11/02/2014 à 06:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

merci, pour vos réponses à tous, j'ai noté pour la dimension.

Faut voir aussi si c'est un fond appelé à se répéter ou non...

elle, ça veut dire quoi car j'ai fait il y a quelque temps mon site mais maintenant cela à beaucoup évoluer.

Publicité
elle
 Posté le 11/02/2014 à 07:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Une image qui se répète, comme celle-ci sur ton site actuel :

leela
 Posté le 11/02/2014 à 07:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Ah, ok je viens d'apprendre un truc... merci elle, c'est super.

Alors si jamais je fais une image qui se répète, que faut'il respecter ?

car je n'ai pas encore fait mon choix!

et comment fait on pour qu'elle se répète? il y a un code?

car si j'en fais une grande 1280x1224 px , je la place et c'est fini. mMais celle qui se répète je ne sais pas !



Modifié par leela le 11/02/2014 10:12
BOB DE BRETAGNE
 Posté le 11/02/2014 à 12:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour leela,

une solution pour une image la rendre raccordable avec GIMP

Exemple avec GIMP > mappage >rendre raccordable

D3542
 Posté le 11/02/2014 à 16:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour,

Pour répéter l'image il faut l'indiquer dans le CSS. Regarde ici, descends à "background-repeat".

elle
 Posté le 11/02/2014 à 16:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

leela a écrit :

Alors si jamais je fais une image qui se répète, que faut'il respecter ?

car je n'ai pas encore fait mon choix!

et comment fait on pour qu'elle se répète? il y a un code?

car si j'en fais une grande 1280x1224 px , je la place et c'est fini. mMais celle qui se répète je ne sais pas !

Pour l'image qui se répète, encore là, ça dépend de ce qu'il doit y avoir dans l'image, mais en 200px x 200px, par exemple, c'est bien... Le code ressemblera à ceci, dans la feuille de styles :

body
{
background-image: url(papier.png);
background-repeat: repeat;
}

Le problème avec une grande image, c'est que tu dois prévoir la taille de chacune de tes pages. Et rien ne garantit que les réglages des navigateurs de tes visiteurs permettront de respecter ces dimensions...

leela
 Posté le 11/02/2014 à 16:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

@ BOB, si je la fais avec photoshop ou illustrator je ne trouve pas / mappage/ raccordable?

elle fait quelle taille au départ ton image?

@ D3542 , merci je mets en marque page!

à tous.



Modifié par leela le 11/02/2014 16:25
D3542
 Posté le 11/02/2014 à 16:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour elle,

Je ne voudrais pas encombrer les réponses pour leela mais une question stp. Des images de fond comme ton exemple j'en ai des centaines. Prenons 200px x 200px. Lorsque l'image se répète on voit toujours la séparation des bords de l'image, il n'y a pas de fondu. Il y a moyen de ne pas avoir ce problème ? Je peux pas mettre d'exemple, je ne suis pas sur mon PC habituel.

Merci

elle
 Posté le 11/02/2014 à 16:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

D3542

Il faut des images raccordables, comme dit plus haut par Bob, des images "seamless", en anglais, sans coutures, donc.



Modifié par elle le 11/02/2014 16:50
Publicité
BOB DE BRETAGNE
 Posté le 11/02/2014 à 18:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

leela a écrit :

@ BOB, si je la fais avec photoshop ou illustrator je ne trouve pas / mappage/ raccordable?

elle fait quelle taille au départ ton image?

@ D3542 , merci je mets en marque page!

à tous.

désolé, je ne connais pas photoshop, tu peux poser la question sur le forum multimédia. Concernant la taille, tout dépend du rendu que tu veux faire comme fond de page

leela
 Posté le 12/02/2014 à 07:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Je ne voudrais pas encombrer / non, tu n'encombres rien.

D3542, je ne comprends pas, lol j'ai pas donné d'exemple! mais je prends note de toutes vos réponses.

des images "seamless", en anglais, sans coutures, donc.

elle, ok, je note aussi !

BoB, merci

Pour l'instant c'est en projet sur papier, alors je reviendrai si j'ai d'autres questions , je ne mets pas encore " résolu".



Modifié par leela le 12/02/2014 07:21
elle
 Posté le 18/02/2014 à 16:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

As-tu mis une page nommée index.html ? On dirait bien que non...

leela
 Posté le 27/02/2014 à 16:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Elle, désolé par pu te répondre plutôt. ( je l'ai nommé index-leela ) je mets le lien en bas de ce post.

alors voilà un essai, qui progresse mais j'ai un souci!

j'ai fait un fond que je ne peux pas mettre, j'ai un message ..voir la capture. (le fond qui est gris foncé n'est pas le mien)

Je l'ai fait avec photoshop et il est bien en .jpg. Alors je ne comprends pas qu'il me parle de PX

et autre chose que je voudrais comprendre , j'ai entouré chaque photo avec un carré fin et de couleur gris clair ,

mais je voudrais que la croix qu'ils forment au milieu soit en une seul ligne. Pas en double ligne, je ne sais pas si je m'explique bien!(j'ai regardé avec les cellules, le bord, mais la ligne reste en double)

merci pour votre aide.



Modifié par leela le 07/03/2014 17:18
elle
 Posté le 27/02/2014 à 17:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pour le px, c'est parce que les marges n'ont pas leur place dans le body.

L'image de fond se positionne, si nécessaire, avec background-position.

elle
 Posté le 27/02/2014 à 17:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Pour les cellules, il faut utiliser border-collapse:collapse;

leela
 Posté le 28/02/2014 à 09:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Pour les cellules, il faut utiliser border-collapse:collapse;

Oui, j'ai bien mis ce code! mais si je le touche le n'ai plus de trait!

L'image de fond se positionne, si nécessaire, avec background-position.

et bien là je comprends pas non plus. dans mon site, j'ai background-image.

si je mets background-position/ fonctionne pas!



Modifié par leela le 28/02/2014 10:22
Dreamer
 Posté le 28/02/2014 à 18:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Le background peut se définir en plusieurs parties :

- background-color: #000; (couleur du fond)

- background-image : url('images/monimage.jpg'); (image en fond)

- background-repeat: no-repeat; (image non répétée)

- background-position: top right; (position en haut à droite)

- background-attachment: fixed; (fond d'image fixe)

Par contre, tu peux simplifier en écrivant ceci :

background : #000 url('images/monimage.jpg') no-repeat top right;

Un petit lien sympa.......

elle
 Posté le 28/02/2014 à 18:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Le code gagnerait à être nettoyé : il y a beaucoup de

<div align="center">

inutiles, par exemple, l'alignement pouvant se faire à même les styles. Et la mise en page avec tableau n'est pas idéale non plus, sauf pour les 4 images peut-être...

Publicité
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
99,99 €NAS Synology DS120J à 99,99 €
Valable jusqu'au 25 Juillet

Amazon propose actuellement le NAS Synology DS120J à 99,99 €. Ce NAS à 1 baie va vous permettre de mettre en place un espace de stockage sécurisé sur votre réseau local et peut aussi faire office de serveur multimédia, DLNA, serveur web, client ftp, bittorent, ... On le trouve ailleurs à partir de 115 € . A l'intérieur, vous devrez glisser un disque dur au format 3.5 pouces.


> Voir l'offre
349,99 €Ecran PC 27 pouces Dell S2721DGFA (WQHD, IPS, 165 Hz, 1 ms, FreeSync/GSync) à 349,99 €
Valable jusqu'au 25 Juillet

Amazon fait une promotion sur l'écran PC 27 pouces Dell S2721DGFA qui passe à 349,99 € livré. On le trouve ailleurs à plus de 440 €. L'écran à cadre fin dispose d'une dalle IPS WQHD (2560x1440 pixels) 1 ms à 165 Hz. Il est compatible Freezync et Gsync via Adaptive Sync et dispose de 4 prises USB 3.0 (fait office de hub), un port DP et 2 prises HDMI. 


> Voir l'offre
89,99 €SSD Crucial MX500 1 To à 89,99 €
Valable jusqu'au 25 Juillet

Amazon propose actuellement le SSD Crucial MX500 1 To à 89,99 € livré. On le trouve ailleurs à partir de 110 €. Ce SSD salué par la critique par son rapport qualité prix imbattable offre des débits de 560 Mo/s en lecture et 510 Mo/s en écriture. Il est garanti 5 ans. Une très bonne affaire.


> Voir l'offre

Sujets relatifs
dégradé pour un fond de site
connaisez vous un site pour avoir des fond d'écran
Améliorer un site pour les smartphones, tablettes...
[RECRUTEMENT] Rédacteurs pour site d'actu VR et AR
de l'aides pour créationsun site WEB
Recherche hébergeur pour créer un site web
Nécessité d'un site pour smartphones
C'est quoi un style design pour un site ?
Conseils pour créer un site "vite fait bien fait"
Quel langage pour ce genre de site
Plus de sujets relatifs à fond pour un site
 > Tous les forums > Forum Forum des Webmasters