Créer des pages aux coins arrondis

Voir le sujet précédent Voir le sujet suivant Aller en bas

Créer des pages aux coins arrondis

Message par michaeldian le 10/11/2007, 11:22

Re-bonjour,
je viens de passer un moment sur le site de Koeklin (très bien fait, joli design, vraiment cool...) et j'aimerais savoir comment obtenir une page aux formes arrondies et nom pas à angles droits, comme ce que j'ai pour l'instant.
Y-a-til une option iWeb (si c'est le cas je suis passé à côté) ou peut-être une petite astuce ?
Merci.
M.

michaeldian
Simple Membre

Messages : 15
Inscription : 02/11/2007 Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 11/11/2007, 13:34

Bon ce site là n'est pas fait avec iWeb
mais l'astuce est tout à fait possible avec iWeb:

1ere méthode: je cache le fond gris de ma page par l'image d'entête
Dans le cas de ce site l'image est tout simplement faite sous photoshop avec plusieurs calques: elle est rectangulaire avec des coins bien en angles droits et je me suis arrangé pour coller le motif du fond noir sur les angles de l'image, comme tu peux le voir sur cette page:
http://www.debutersurmac.com/tutoriels/images/header5.jpg (c'est l'image originale!)
la même image sert aussi pour faire le motif du pied de page

2e methode purement iWeb: sur une page vide de préférence...
iWeb> barre de menu> Présentation > afficher l'inspecteur
Inspecteur>2e signet (page)> onglet dispostion>remplir l'arriere plan du navigateur comme on veut et preferer "aucun" pour l'arriere plan de la page
barre de menu> inserer> Figure > rectangle aux angles arrondis
Sur ce rectangle on le modifie: sa taille générale grace aux neuf petits carrés qui l'entourent
mais aussi la taille de ses angles grace au petit rond qua l'on trouve près de l'un de ses angles (généralement le coin supérieur gauche)
voici le tout illustré dans cette capture d'écran (j'ai dupliqué l'inspecteur):
http://aycu16.webshots.com/image/32055/2004418805069898169_rs.jpg
un magnifique page rouge sur un fond vichy !Kitsch à souhait!
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par michaeldian le 13/11/2007, 16:23

Salut koeklin,
merci pour ta réponse et la démo.
J'avais pensé aussi à tout faire par Photoshop mais je me disais qu'il devait exister une manière iWeb08.
Cela dit, il n'est pas possible, je crois, de placer autre chose que du texte dans les formes prédéfinies, ainsi que tu l'indiques
(barre de menu> inserer> Figure > rectangle aux angles arrondis).
Donc si je veux mettre une photo au bords arrondis, retour à la case photoshop, c'est ça?

Par ailleurs, je cherche des motifs un peu neutre pour le fond d'écran, autour de mes pages, connaitrais-tu des adresses ou il est possible d'en récupérer ? (Au passage j'aime bien la texture du fond noir, un peu papier canson, de ton site, ça donne une profondeur.)

à plus et merci de tes conseils que je lis avec plaisir.

M.

michaeldian
Simple Membre

Messages : 15
Inscription : 02/11/2007 Version iWeb : A remplir!

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 13/11/2007, 17:31

Pour mon exemple j'ai choisi de mettre une couleur mais tu peux mettre une image en arriere fond:
selectionne ta forme (qu'elle soit avec ses ronds et ses petit carré autours) puis
Inspecteur > inspecteur de graphisme = 6e signet (icones avec carré avec un rond vert)> remplir >remplissage image> choisir son image sur ton HD.

inconvenant de cette méthode on ne peut choisir de déplacer l'image dans sa forme (rectangle à coins arrondis)
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 17/3/2008, 22:27

Mon thème utilisé est multicouche et je le trouve idéal graphiquement avec ses angles arrondis. Néanmoins impossible d'élargir la page car sinon le fond devient visible et je ne sais pas où se cache l'image d'arrière plan sur le disque ?

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 18/3/2008, 00:28

Voici comment avec trois images on fait un fond:
la taille est variable (en fonction du nombre de 2e image à s'afficher ), la largeur pas
ce sont les images de ta page d'accueil qui s'affiche ici






-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Madeline le 18/3/2008, 00:58

michaeldian a écrit:Cela dit, il n'est pas possible, je crois, de placer autre chose que du texte dans les formes prédéfinies, ainsi que tu l'indiques

Non pas seulement du texte...
Tu peux insérer d'autres figures, des photos (par glisser/déposer)
Sur l'exemple ci-dessous, la lune est en fait une figure remplie d'un dégradé. Il y a une image scannée (les fleurs)
et le bouton est une figure remplie dégradé avec du texte ajouté dans la figure !!!
C'est selon ton imagination, car les possibilités d'iWeb08 sont immenses quand tu les combines


-------------------
Mon site: http://madelinederiaz.com
Le projet «D'un printemps à l'autre»: http://www.postcard.madelinederiaz.com/site/Accueil.html
Graphisme et illustration: http://portfolio.madelinederiaz.com
L'art et la culture: http://forum.ravir.ca/fr/Accueil.html
avatar
Madeline
iWeb - Modo

Messages : 1088
Inscription : 07/02/2008 Féminin Localisation : dans mes rêves
Version iWeb : 3
Publication : locale

http://madelinederiaz.com

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 18/3/2008, 15:44

Oui j'avais compris le coup des images mais celles-ci sont elles situées à un endroit du disque dur ?
Afin de les réutiliser pour agrandir le fond

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Madeline le 18/3/2008, 20:15

Alain K a écrit:Oui j'avais compris le coup des images mais celles-ci sont elles situées à un endroit du disque dur ?
Afin de les réutiliser pour agrandir le fond

Je ne suis pas certaine de bien comprendre ta question...
Les images que j'ai utilisées, (photos numériques, la vache, aquarelle scannée, les fleurs) étaient dans différents dossiers ou même sur mon bureau...
Je ne sais si cela répond à ta question confused

-------------------
Mon site: http://madelinederiaz.com
Le projet «D'un printemps à l'autre»: http://www.postcard.madelinederiaz.com/site/Accueil.html
Graphisme et illustration: http://portfolio.madelinederiaz.com
L'art et la culture: http://forum.ravir.ca/fr/Accueil.html
avatar
Madeline
iWeb - Modo

Messages : 1088
Inscription : 07/02/2008 Féminin Localisation : dans mes rêves
Version iWeb : 3
Publication : locale

http://madelinederiaz.com

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 18/3/2008, 22:21

J'ignore ou sont les thèmes d'iWeb . Et je ne connais pas de méthode à la noix pour les modifier, la méthode existe, elle n'est pas simple. Moi j'ai préféré passer sous dreamweaver plutôt qu'essayer de la traduire. Apple les a cachés

ce que tu peux faire c'est récupérer les trois images ci dessus.
les modifier avec photoshop ou le logiciel de ton choix et remplacer dans chaque dossier de pages les images de fond originales homonymes par tes images homonymes modifiées .

ou plus simplement coller ces trois image modifiées et le fond gris dans un thème blanc. en partie à l'aide de inspecteur >inspecteur de page > disposition> changer l'arrière-plan de page et de fond

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 24/3/2008, 20:26

Je peux donc faire une capture écran du fond gris et l'utiliser en image pour modifier le fond ?

Pour le jaune il est plus simple à réaliser.

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 24/3/2008, 20:58

ton fond gris de ton site le voilà: http://www.cmub.org/CMUB/Bienvenue_files/Creme_browserbg.jpg
tu mets ça en image d'arrière-plan de navigateur

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 24/3/2008, 21:19

Alors là....

Ca ça me bluffe

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par koeklin le 24/3/2008, 22:13

Le tout c'est de comprendre le truc
tu vas sur ton site avec safari
Safari > barre de menu > fenêtre > Activité ( ou alt+Cmd+A)
et là t'as plein d'adresses qui correspondent à tout ce qui est utilisé pour faire ta page ( si besoin réactualise ta page ouverte sur ton site)
reste à trouver ce qui correspond à ce que tu recherches
- double clique sur l'adresse d'une image pour l'ouvrir dans une fentre de safari
ou
- double clique en appuyant sur Alt et elle se télécharge sur ton ordi

Cette methode est souvent utilisée par les pirates en herbe pour télécharger les vidéos et les mp3 d'un site ( par ex. Youtube etc.)

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 25/3/2008, 02:36

Bon merci demain j'essaye d'utiliser tout ça pour agrandir en largeur mon site et mettre une image d'arrière plan moins lourde

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Madeline le 25/3/2008, 03:41

Si tu tiens à une image d'arrière-plan... alors tu pourrais placer ton texte non pas sur l'image... mais autour, à côté, en dessous, en dessus... de l'image... afin que ton texte reste lisible
C'est juste une idée


8)

-------------------
Mon site: http://madelinederiaz.com
Le projet «D'un printemps à l'autre»: http://www.postcard.madelinederiaz.com/site/Accueil.html
Graphisme et illustration: http://portfolio.madelinederiaz.com
L'art et la culture: http://forum.ravir.ca/fr/Accueil.html
avatar
Madeline
iWeb - Modo

Messages : 1088
Inscription : 07/02/2008 Féminin Localisation : dans mes rêves
Version iWeb : 3
Publication : locale

http://madelinederiaz.com

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Madeline le 25/3/2008, 06:28

koeklin a écrit:Le tout c'est de comprendre le truc

Ben moi j'ai pas compris
La suite par mp

tourner la tete

-------------------
Mon site: http://madelinederiaz.com
Le projet «D'un printemps à l'autre»: http://www.postcard.madelinederiaz.com/site/Accueil.html
Graphisme et illustration: http://portfolio.madelinederiaz.com
L'art et la culture: http://forum.ravir.ca/fr/Accueil.html
avatar
Madeline
iWeb - Modo

Messages : 1088
Inscription : 07/02/2008 Féminin Localisation : dans mes rêves
Version iWeb : 3
Publication : locale

http://madelinederiaz.com

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Alain K le 25/3/2008, 09:59

je ne tiens pas forcément à une page d'arrière plan en fait c'est juste pour meubler.

Alain K
Simple Membre

Messages : 17
Inscription : 06/03/2008 Masculin Age : 43
Version iWeb : A remplir!

http://www.cmub.org

Revenir en haut Aller en bas

Re: Créer des pages aux coins arrondis

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum