> Tous les forums > Forum des Webmasters
 Autre méthode Background 100 %Sujet résolu
Ajouter un message à la discussion
Pages : [1] 2 ... Fin
Page 1 sur 2 [Fin]
Jean-Pierre
  Posté le 27/02/2011 @ 16:17 
Aller en bas de la page 
Maître astucien

Bonjour Tlm

J'expérimente une autre présentation et autre méthode de background étendu à 100 % écran plus simple.

Je ne sais pas si avec cette méthode, il est possible de mettre le background en 100% écran avec image juste au dessus centré à l'écran.

Ça se trouve ici (pas de CSS externe, tout est dans cette page)

Bref, je cherche simplement à mettre une image de fond en 100% et une autre (petite) image bien centrée dessus.

Merci de votre coup de main

Publicité
ndmsp
 Posté le 27/02/2011 à 16:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Pourquoi ne pas réutiliser ce que tu as déjà trouver ? Ca marchait bien, alors que là... Pas du tout !!!

Pour l'image, tu la mets dans une div, avec margin-left et margin-right: auto.

a+

Jean-Pierre
 Posté le 27/02/2011 à 16:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

ndmsp, pourquoi ?

Des fois je me demande...

Edit : à force de bidouilles, je crois que j'arrive près du but, mais reste une petite marge blanche au dessous sous FF, mais pas IE.



Modifié par Jean-Pierre le 27/02/2011 17:29
ndmsp
 Posté le 27/02/2011 à 17:33 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Jean-Pierre a écrit :

ndmsp, pourquoi ?

Des fois je me demande...

Edit : à force de bidouilles, je crois que j'arrive près du but, mais reste une petite marge blanche au dessous sous FF, mais pas IE.

Pourquoi quoi ?

Chez moi, les 3/4 de l'écran sont blancs, et l'image est en haut à gauche. Dans un ancien sujet, tu parlais d'une méthode comme ca, avec un fond de mer. Ca marchait sur toutes les configurations. Pourquoi choisir un autre système ??

Jean-Pierre
 Posté le 27/02/2011 à 17:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Chez moi, les 3/4 de l'écran sont blancs, et l'image est en haut à gauche. Dans un ancien sujet, tu parlais d'une méthode comme ca, avec un fond de mer. Ca marchait sur toutes les configurations. Pourquoi choisir un autre système ??

le souci est que justement, je viens de me décider à changer afin de remettre l'autre méthode.

Si tu me dis que c'est pareil, là je risque d'en dévorer mon mulot

ndmsp
 Posté le 27/02/2011 à 17:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Non ! Laisse le tranquille !

C'est beaucoup mieux: fond à 100%, pas de pixel, et les jolies fleurs au milieu !!

Jean-Pierre
 Posté le 27/02/2011 à 17:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

ndmsp te fâche pas

Tu me confirmes toujours pas si cette fois c'est ok de ton côté

Edit : sauf petite bande blanche au bas.

Re Edit je crois savoir pourquoi cette bande blanche = hauteur picture back suivant ma réso. Si oui je vais combler par couleur de fond.



Modifié par Jean-Pierre le 27/02/2011 18:03
Dreamer
 Posté le 27/02/2011 à 18:02 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Jean-Pierre a écrit :

ndmsp te fâche pas

Tu me confirmes toujours pas si cette fois c'est ok de ton côté

Pour moi, c'est bon !!

Par contre si tu veux faire de belles signatures personnalisées : signatures à la place de liriseraie.free.fr

Jean-Pierre
 Posté le 27/02/2011 à 18:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Dreamer

Merci pour le test et le lien, je transmets

@ +

ndmsp
 Posté le 27/02/2011 à 19:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Jean-Pierre a écrit :

ndmsp te fâche pas

Tu me confirmes toujours pas si cette fois c'est ok de ton côté

Edit : sauf petite bande blanche au bas.

Re Edit je crois savoir pourquoi cette bande blanche = hauteur picture back suivant ma réso. Si oui je vais combler par couleur de fond.

Mais je suis pas fâché !! Je suis comme toi: je vais toujours chercher plus compliqué, même quand ca marche très bien !! (sauf qu'après, je suis pas content, pcq j'ai tout cassé...)

Pour moi aussi, ca marche très bien !! Même pas de bande blanche !!

Jean-Pierre
 Posté le 27/02/2011 à 19:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Mais je suis pas fâché !!

Ben j'sais bien, tu n'avais pas vu le smiley

Merci de ton avis.

Reste celui de... et de... (heureusement qu'aucun tableau existe )


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

Alors voici ce que ... en pense :

C'est OK. Mais y a des erreurs de code à corriger.



Modifié par elle le 27/02/2011 20:18
Jean-Pierre
 Posté le 27/02/2011 à 20:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je sais... le center...

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

Mais sinon, je garde ton code sous la patte, ça m'évitera de chercher si jamais j'ai besoin de quelque chose du genre.

Et j'espère le jour où tous les navigateurs [soupirs] supporteront les backgrounds multiples...

griggione
 Posté le 28/02/2011 à 09:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
elle a écrit :

Alors voici ce que ... en pense :

C'est OK. Mais y a des erreurs de code à corriger.

Bonjour tous

+1

Pas besoin de mettre les dimensions des images (sauf si ceux sont pas les même à l'affichage)
Je mettrais aussi un léger voile sous l'image entrez

Par contre pour le site de signature, ATTENTION, bourrés de pièges, par curiosité je suis allé au bout pour une signature:
pas moins de 136 demandes de cookies
Et attention à la toolbar en bas, un chaudron de pièges.

Jean-Pierre
 Posté le 28/02/2011 à 10:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Tonton, je vais soumettre aussi cette idée de voile.

Heureusement que tu es là alors, j'avais bien vu des tas de pièges comme par exemple "cliquez là pour download" et le lien qui pointe vers... n'ayant absolument aucun rapport avec l'action en cours.

Wot ne m'a pas bloqué ce site

Dreamer
 Posté le 28/02/2011 à 17:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :
elle a écrit :

Alors voici ce que ... en pense :

C'est OK. Mais y a des erreurs de code à corriger.

Bonjour tous

+1

Pas besoin de mettre les dimensions des images (sauf si ceux sont pas les même à l'affichage)
Je mettrais aussi un léger voile sous l'image entrez

Par contre pour le site de signature, ATTENTION, bourrés de pièges, par curiosité je suis allé au bout pour une signature:
pas moins de 136 demandes de cookies
Et attention à la toolbar en bas, un chaudron de pièges.

Il faut faire attention et sur tous les sites, mais il faut aussi éviter la parano !!

Jean-Pierre
 Posté le 28/02/2011 à 18:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Tonton disait : "Je mettrais aussi un léger voile sous l'image entrez" : je viens de tenter an vain, ça fiche un voile sur les couleurs et non le fond.

Si quelqu'un sait comment faire...

Pourtant je créer uen nouvelle image même dimension. je lui fiche une certaine transparence, je réalise des copier/coller de l'image de base vers l'image avec "voile", mais pas le résultat escompté

griggione
 Posté le 28/02/2011 à 19:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Quand je parlais de voile, un peu comme ici: http://www.aalborg-sports.com/

Le voile met le directement sur l'image

griggione
 Posté le 28/02/2011 à 19:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien
Dreamer a écrit :

Il faut faire attention et sur tous les sites, mais il faut aussi éviter la parano !!

RE

Peut-etre un peu parano, mais ça fait 6 ou 7 ans que je n'ai plus besoin d'anti-virus ni pare-feu, confort et rapidité

Si on prend exemple du site, je suis allé jusqu'au tellement étonné par la rafale des demandes de cookies en arrivant.
Sinon au bout de 4 ou 5 refus , d'habitude je quitte de suite.

ndmsp
 Posté le 28/02/2011 à 19:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

griggione a écrit :
Dreamer a écrit :

Il faut faire attention et sur tous les sites, mais il faut aussi éviter la parano !!

RE

Peut-etre un peu parano, mais ça fait 6 ou 7 ans que je n'ai plus besoin d'anti-virus ni pare-feu, confort et rapidité

Si on prend exemple du site, je suis allé jusqu'au tellement étonné par la rafale des demandes de cookies en arrivant.
Sinon au bout de 4 ou 5 refus , d'habitude je quitte de suite.

Tu as quoi comme protection alors ?

Jean-Pierre
 Posté le 28/02/2011 à 19:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione a écrit :

RE

Quand je parlais de voile, un peu comme ici: http://www.aalborg-sports.com/

Le voile met le directement sur l'image

Re,

Ahhh vouiiiii

Mais pas de caractère de transparency alors ?

Jean-Pierre
 Posté le 28/02/2011 à 19:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

ndmsp a écrit :
griggione a écrit :
Dreamer a écrit :

Il faut faire attention et sur tous les sites, mais il faut aussi éviter la parano !!

RE

Peut-etre un peu parano, mais ça fait 6 ou 7 ans que je n'ai plus besoin d'anti-virus ni pare-feu, confort et rapidité

Si on prend exemple du site, je suis allé jusqu'au tellement étonné par la rafale des demandes de cookies en arrivant.
Sinon au bout de 4 ou 5 refus , d'habitude je quitte de suite.

Tu as quoi comme protection alors ?

Sa bouteille de Casa

ndmsp
 Posté le 28/02/2011 à 19:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Jean-Pierre a écrit :
ndmsp a écrit :
griggione a écrit :
Dreamer a écrit :

Il faut faire attention et sur tous les sites, mais il faut aussi éviter la parano !!

RE

Peut-etre un peu parano, mais ça fait 6 ou 7 ans que je n'ai plus besoin d'anti-virus ni pare-feu, confort et rapidité

Si on prend exemple du site, je suis allé jusqu'au tellement étonné par la rafale des demandes de cookies en arrivant.
Sinon au bout de 4 ou 5 refus , d'habitude je quitte de suite.

Tu as quoi comme protection alors ?

Sa bouteille de Casa

Ca oui, je sais, mais là, il parle de protection depuis 6 ou 7 ans...



Modifié par ndmsp le 28/02/2011 20:05
elle
 Posté le 28/02/2011 à 20:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Dreamer
 Posté le 28/02/2011 à 20:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Jean-Pierre a écrit :
griggione a écrit :

RE

Quand je parlais de voile, un peu comme ici: http://www.aalborg-sports.com/

Le voile met le directement sur l'image

Re,

Ahhh vouiiiii

Mais pas de caractère de transparency alors ?

Tu peux le faire avec photofiltre :

Tu ouvres une image

Sélection --> Tout sélectionner

Un clic droit à l'intérieur

Contour et remplissage -->Coches Remplir le fond --> Choisis une couleur ( Blanc par exemple) --> Tu coches Aperçu

--> tu fait varier Opacité et si c'est bon Ok

griggione
 Posté le 01/03/2011 à 08:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

Bonjour tous

ndmsp a écrit :
Jean-Pierre a écrit :
ndmsp a écrit :

Tu as quoi comme protection alors ?

Sa bouteille de Casa

Ca oui, je sais, mais là, il parle de protection depuis 6 ou 7 ans...

sinon je n'ai rien enfin si ..................... ma tête

Et je ne télécharge jamais de musique, film, etc., et donc n'utilise pas de emule, sheraza, et Cie.

Dreamer a écrit :
Jean-Pierre a écrit :

Re,

Ahhh vouiiiii

Mais pas de caractère de transparency alors ?

Tu peux le faire avec photofiltre :

Tu ouvres une image

Sélection --> Tout sélectionner

Un clic droit à l'intérieur

Contour et remplissage -->Coches Remplir le fond --> Choisis une couleur ( Blanc par exemple) --> Tu coches Aperçu

--> tu fait varier Opacité et si c'est bon Ok

Ben notre ami Dreamer a tout dit

Jean-Pierre
 Posté le 01/03/2011 à 10:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Tu peux le faire avec photofiltre :

Tu ouvres une image

Sélection --> Tout sélectionner

Un clic droit à l'intérieur

Contour et remplissage -->Coches Remplir le fond --> Choisis une couleur ( Blanc par exemple) --> Tu coches Aperçu

--> tu fait varier Opacité et si c'est bon Ok

Avec ma version 6.5.2 je ne peux que (comme avec Paint.Net que j'adore lui...) éclaircir les couleurs de la fleur, que dalle sur le fond

griggione
 Posté le 01/03/2011 à 13:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Donne moi la dimension de ton image

Jean-Pierre
 Posté le 01/03/2011 à 15:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

tonton,

300 x 551px de hauteur.

griggione
 Posté le 01/03/2011 à 15:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Tu as du courrier

Jean-Pierre
 Posté le 01/03/2011 à 18:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

griggione
 Posté le 01/03/2011 à 19:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grand Maître astucien

RE

Je peux faire plus fondu que le 3 s'il le faut

Jean-Pierre
 Posté le 01/03/2011 à 19:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Merci mon tonton, mais à première vue, ce fond voilé est superbe pour moi, mais ce n'est pas pour moi ce site et...

En plus faudrait que j'arrive par moi-même à réaliser un fond comme ça en Alpha.

Je te donnerais des nouvelles

elle
 Posté le 01/03/2011 à 19:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Jette un oeil sur RealWorld Paint.COM, ou Gimp.

http://www.rw-designer.com/image-editor

Dreamer
 Posté le 01/03/2011 à 20:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

Jette un oeil sur RealWorld Paint.COM, ou Gimp.

http://www.rw-designer.com/image-editor

Le premier lien existe en français ??

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

Jean-Pierre
 Posté le 01/03/2011 à 20:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Linda merci, je ne connaissais pas ce programme, je l'ai téléchargé en version portable, demain je vais regarder ça de près.

Edit : je précise que j'ai réussi à le mettre en Fr (car pas direct...)



Modifié par Jean-Pierre le 01/03/2011 20:50
elle
 Posté le 01/03/2011 à 22:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Jean-Pierre a écrit :

Edit : je précise que j'ai réussi à le mettre en Fr (car pas direct...)

Je n'ai jamais cherché à savoir si c'était possible...

Dreamer
 Posté le 01/03/2011 à 23:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Jean-Pierre a écrit :

Linda merci, je ne connaissais pas ce programme, je l'ai téléchargé en version portable, demain je vais regarder ça de près.

Edit : je précise que j'ai réussi à le mettre en Fr (car pas direct...)

J'ai la réponse à ma question !!

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

Dreamer a écrit :

Le premier lien existe en français ??

Faut être plus clair, hein?

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
PC portable Lenovo 15.6 pouces LOQ 15AHP9 (FHD IPS 144 Hz, Ryzen 7 8545H, 16 Go RAM DDR5, SSD 512 Go, RTX 4060 8 Go, sans OS) à 949,99 €
949,99 € 1199 € -21%
@Amazon
Mini PC GMK G3 (Intel N100, 8 Go RAM, SSD 256 Go, WiFi 6, Windows 11 Pro) à 111,61 €
111,61 € 140 € -20%
@AliExpress
Chargeur rapide USB-C Baseus 65W (2xUSB C PD, 2xUSB A, GaN) à 23,99 €
23,99 € 45,99 € -48%
@Amazon
Ecran 32 pouces incurvé KTC H32S17 (QHD, 165 Hz, 1 ms, HDR10) à 197,99 €
197,99 € 350 € -43%
@Geekbuying
Boitier PC Fractal Design North Chalk White (moyen tour, ATX, panneau verre trempé, façade chêne) à 136,88 €
136,40 € 170 € -20%
@Amazon Allemagne
Disque dur externe Western Digital Elements Desktop USB 3.0 20 To à 379,48 €
379,48 € 490 € -23%
@Amazon Allemagne

Sujets relatifs
Ajout ligne copyright et méthode
background css disparait avec le responsive design
Effet d'une page sur une autre
Mon site est intégré dans un autre sans autorisation
Questions avant création de page web ou autre
Base de donnés d'un hébérgeur à un autre
Background deux images CSS
Problème
transfert de données d'un forum à un autre
Colonne et background
Plus de sujets relatifs à Autre méthode Background 100 %
 > Tous les forums > Forum Forum des Webmasters