Créer des pages aux coins arrondis

[michaeldian]

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.

[koeklin]

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!

[michaeldian]

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.

[koeklin]

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)

[Alain K]

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 ?

[koeklin]

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

[Madeline]

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

[Alain K]

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

[Madeline]

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

[koeklin]

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

[Alain K]

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.

[koeklin]

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

[Alain K]

Alors là....

Ca ça me bluffe

[koeklin]

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.)

[Alain K]

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

[Madeline]

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)

[Madeline]

Le tout c'est de comprendre le truc

Ben moi j'ai pas compris
La suite par mp

[Alain K]

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

[Contenu sponsorisé]