Découpe image Css

s-o-m-e-y
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 308
Inscription: 26 Juin 2007

Découpe image Css

Message le Jeu Juin 05, 2008 1:31

hello

Je voudrais savoir, svp, si c'est possible à faire en sorte de...
...faire apparaitre les coins gauche+droite et le milieu d'une image en css?

Je défini un peu :

J'ai un encadrement sur un thème recouvert d'une image en guise de "chapeau"
Problème, selon la définition utilisée, le chapeau (image) est trop grand ou trop petit.
J'ai donc pensé qu'a fin que l'image soit à la bonne taille selon les résolutions,
il faudrait un coin "gauche+droite fixe" et un "petit morceau qui se répèterai".

- Suivant cette logique c'est sensé le faire non?
- Mais est-ce possible?
- Comment pourrait-on l'envisager (en css)?


Marie-Aude
Modérateur
Modérateur
 
Messages: 11878
Inscription: 5 Juin 2006

Message le Jeu Juin 05, 2008 1:49

Avec trois zones différentes.
Tu peux rechercher sur le mot clé "sliding door"


oli004
WRInaute passionné
WRInaute passionné
 
Messages: 2173
Inscription: 5 Jan 2005

Message le Jeu Juin 05, 2008 8:11

ajoute css à la requete, sans quoi tu risque de ne pas t'y retrouver :wink:

Ceci étant, j'ai également utilisé cette technique des portes coulissantes sur un de mes sites, c'est pas vraiment simple mais c'est fonctionnel.

s-o-m-e-y
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 308
Inscription: 26 Juin 2007

Message le Jeu Juin 05, 2008 9:10

merci a vous pour le "sliding door css"

mais le problème c'est que ce n'est que pour les menu onglet.

moi ca serait juste un chapeau d'image
(enfaite un peu comme un onglet unique au dessus d'une fenêtre)
Image

en rouge* c'est se que je voudrais faire


Marie-Aude
Modérateur
Modérateur
 
Messages: 11878
Inscription: 5 Juin 2006

Message le Jeu Juin 05, 2008 9:10

@oli004 c'est vrai :)

Il y a un bon tuto sur Alsa Créations :)


Meeuuuhhh
WRInaute passionné
WRInaute passionné
 
Messages: 2046
Inscription: 8 Jan 2007

Message le Jeu Juin 05, 2008 9:16

C'est le genre de chose que j'évite de faire désormais. Une perte de temps et des complications pour quelque chose dont en fait les visiteurs se fichent complètement. Que les coins soient ronds ou droits, de toute façon c'est pas ça qui les fera venir ou partir.

s-o-m-e-y
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 308
Inscription: 26 Juin 2007

Message le Jeu Juin 05, 2008 10:25

Meeuuuhhh a écrit:C'est le genre de chose que j'évite de faire désormais. Une perte de temps et des complications pour quelque chose dont en fait les visiteurs se fichent complètement. Que les coins soient ronds ou droits, de toute façon c'est pas ça qui les fera venir ou partir.


je suis d'accords avec toi

mais le but d'une création graphique
(ou du moins d'essayer de créer quelque choses)
c'est avant tout pour mon cas d'essayer
-d'aboutir a quelque chose
-d'essayer de se faire plaisir
-essayer de compiler les deux précédent

et dans se cas présent seul (pour l'instant se problème me chiffonne)
(problème de compatibilité,car encore une fois sou FF no problemo)


Marie-Aude
Modérateur
Modérateur
 
Messages: 11878
Inscription: 5 Juin 2006

Message le Jeu Juin 05, 2008 11:31

Ca ne change rien au principe.
Tu vas avoir ton onglet découpé en trois zone, gauche, milieu et droite, et tu affiches une image de BG à gauche, une image au milieu (ou pas d'image, si tu n'as pas d'ombrage, tu peux simplement faire un fond) et une image à droite


zeb
WRInaute accro
WRInaute accro
 
Messages: 4553
Inscription: 5 Déc 2004

Message le Jeu Juin 05, 2008 22:55

Marie-Aude a écrit:Ca ne change rien au principe.
Tu vas avoir ton onglet découpé en trois zone, gauche, milieu et droite, et tu affiches une image de BG à gauche, une image au milieu (ou pas d'image, si tu n'as pas d'ombrage, tu peux simplement faire un fond) et une image à droite

simple efficace et limpide

mammouthland
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 7
Inscription: 10 Oct 2007

Portes coulissantes (bis)

Message le Ven Juin 06, 2008 21:42

J'arrive peut-être un peu après la bataille. L'origine de la technique des portes coulissantes est là, justement avec des onglets :
http://www.pompage.net/pompe/portescoulissantes/


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités