| ||||||||
Astucien | Bonjour à tous!
j'ai besoin de votre aide!! (ça alors lol).
Voila, je fais un site pour ma copine. j'ai besoin du css qui me serait fort fort utile!! Le design étant secret, voici grossierement la chatre graphique :
[URL=http://img99.echo.cx/my.php?image=stylesiteimagehack0iw.jpg][IMG]http://img99.echo.cx/img99/2816/stylesiteimagehack0iw.th.jpg[/IMG][/URL]
c'est un vulgaire schéma mais ça vous donne une idée.
Bref, j'ai fait le graphisme sous photoshop. Et les boutons et le style ne font qu'un. J'aimerais utiliser les zones réactives de dream pour faire appeler mes textes dans le cadre css. Le problème c'est que je ne sais vraiment pas du tout comment faire.
Kalinka m'avait proposé la fonction include, mais comment ça fonctionne ça???
Sinon koala m'avait donné tous le codes de css, mais le problème c'est que je ne sais pas quoi en faire. Par ailleurs, il faut définir chaque partie de l'image, or moi je n'en ai qu'une [confus]. J'ai regardé sur alsacréations.com, et j'aime beaucoup ce qu'il propose de faire, mais je ne sais pas comment!! car chez lui, l'image est décomposé en plusieurs parties.
Donc comment faire tous cela.
Pour résumer, j'ai besoin de créer des zones réactives qui appeleront mes textes, mes images etc. dans le carrée central.
Je ne sais vraiment pas comment faire.
merci beaucoup beaucoup!
piafou
edit: je sais faire uniquement avec des frames, et c'est déconsillé, donc oublions les frames:p
Modifié par Piafou78 le 05/06/2005 12:53 | |||||||
Publicité | ||||||||
| ||||||||
Astucien | j'ai revu la fonction include, je crois que c'est uniquement pour garder un ÚlÚment sur la page, comme un menu ou autre, non?
Moi je veux appeler un page html dans une frame, pour avoir des photos, du textes etc.!! Exactement comme ce site lÓ :
http://www.qctuningpc.net/
sauf que j'aurais mon propre design, Ó peu prÞs le mÛme, et une taille de frame diffÚrente et placer un peu plus bas!
J'ai trop besoin de votre aide parce que la je nage dans la bouillie (une nouvelle expression[question][lol])
merci Ó tous
piafou | |||||||
Astucien | Message original par Piafou78
c'est quoi ce delire? t'as un projet top secretBonjour Ó tous! j'ai besoin de votre aide!! (þa alors lol). Voila, je fais un site pour ma copine. j'ai besoin du css qui me serait fort fort utile!! Le design Útant secret, voici grossierement la chatre graphique : | |||||||
Astucien | mdr ouai[bigsmile]
Non mais j'ai juste pas envie qu'on lui prenne l'idÚe et le design:) | |||||||
Grande Maîtresse astucienne | Piafou78 a Úcrit :
Donc, tu ne mettras jamais le site en ligne? [clindoeil]mdr ouai[bigsmile] Non mais j'ai juste pas envie qu'on lui prenne l'idÚe et le design:) | |||||||
Astucien | ah si bien sur que si :) mais uniquement lorsqu'il sera finit!!
Mais bon, passons lol, aidez moi pour mon css et php [triste2]
siouplez[triste] | |||||||
Maître astucien | [hello]
Piafou78 a Úcrit :
Pour ta copine, c'est le mÛme principe ?
[bigsmile][bigsmile][bigsmile]
Peur que l'on te la pique ? [img]http://www.freegaia.com/smileys/heureux/heureux22.gif[/img]
Bopppp, avec moi rien Ó craindre [bierre]
mdr ouai[bigsmile] Non mais j'ai juste pas envie qu'on lui prenne l'idÚe et le design:) | |||||||
Petit astucien | bonjour,
c'est trÚs bien de rÚaliser un projet clair comme tu le fait,
mais je crains que tu ne mette la charue avant les boeufs.
pour le desing passe tes images en baground via la css si elle ne sont que des image des dÚcorations.
pour les autres celles qui ont une signification structurelle balise img avec attribut alt.
pour vois un exemple http://www.csszengarden.com/tr/francais/
crÚe ton site avec une structure de base sÚmentique
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
www.openweb.eu.org ca c'est un dÚbut.
ensuite pour les include rien de plus facile
en php include()
http://www.php.net/include (mais utilise tu le php?)
<http://css.alsacreations.com/Tutoriels-et-articles-divers/Optimiser-le-poids-de-son-site-web-CSS-separee-et-include-PHP>
http://frederic.bouchery.free.fr/?2004/09/21/20-Include-Gouffre-Ou-Felure
>>Sinon koala m'avait donnÚ tous le codes de css, mais le problÞme c'est que je ne sais pas quoi en faire.
tu le colle dans ta page en le modifient selon tes propres besoins.
quel est l'url de ta page acutelle.
>>Par ailleurs, il faut dÚfinir chaque partie de l'image, or moi je n'en ai qu'une
dans ce cas en baground fixe non rÚpÚter du body via css
mais je t'assure que cela va Ûtre galÚre notament sur opÚra (6 je crois) qui ne gÚre pas correctement l'image de fond du body.
tu aurais grand intÚret, pour l'accÚsibilister de ton site et son temp de tÚlÚchargement, Ó dÚcouper ta grande image en petite corespondant Ó chaqu'une de tes zone; entÛte, menu contenu.
ha aussi http://css.alsacreations.com/Tutoriels-PHP/Inclure-un-fichier-dans-un-autre-grace-a-CSS-et-PHP
Ó lire avec attention
bon travail
casper
| |||||||
Astucien | Salut casper, et merci pour cette rÚponse claire!!
Alors moi je suis tt Ó fait partant pour modifier le code, mais je ne comprends pas tout lol, je me suis mis au css aujourd'hui [bigsmile]. J'aimerais aussi dÚcouper mon image, mais en combien dois je la dÚcouper?? A vrai dire, l'image n'est pas que dÚcorative, effectivement, ya mon menu sur la partie gauche. Sinon je la dÚcoupe en trois?
Haut avec la banniÞre, gauche ou ya la colonne du menu et milieu ou je dois avoir mon texte?
j'ai bien lu le truc d'alsacrÚations, plusieurs fois mÛme lol, mais je ne comprends pas:(
ouai jsuis nul lol mais j'essaye de faire des efforts!
merci beaucoup
piafou | |||||||
Petit astucien | >> j'ai bien lu le truc d'alsacrÚations, plusieurs fois mÛme lol, mais je ne comprends pas:
que ne comprend tu pas?
tu as Úgalement un forum sur alsacrÚation ou est surement la rÚponce as ton problÚme.
c'est tres bien de lire les tuto, sache que tu n'auras pas la soluce pour demain mais que c'est tout un evolution une mÚthode dont il faut s'en imprÚnier
http://www.pompage.net/pompe/tao/
http://www.pompage.net/pompe/iconologic/
je dÚcouperais les zones comme suis (le tout en desing fluide)
header haut de page jusqu'au point le plus bas de la ligne oblique, toute la largeur de page
menu placer Ó gauche largeur dÚfinie
contenu float left par raport au menu (peut nÚcÚsite le regroupement du menu et contenu dans un mÛme conteneur, pour Úviter le passage du contenu en dessous du menu, visuelement s'entant)
point de vue du code deux Úcole s'affronte.
soit on indique le menu puis le contenu.
soit on indique le contenu puis le menu.
ma prÚfÚrance vas au deuxieme (comme sur openweb) pour des raisons simple d'accÚsibiliter; tu ne sais avec quel navigateur ton site seras vu, ni avec quel lecteur d'Úcrant ton site seras entandu.
Úcouter tout une lise de lien avant le contenu du site est trÚs loborieux je te l'assure.
je suis concient que tu ne feras pas un travail correct (site valide et accesible) mais ce n'est pas grave. l'importemp est que tu puisse essaier.
elle, aurais tu une autre propausition de dÚcoupage des zone?
| |||||||
Grande Maîtresse astucienne | Piafou78, si tu navigues avec Firefox, utilise Web Developer afin de dÚcortiquer le site qui semble te servir de modÞle. Et, Ó moins que je ne me trompe, il me semble bien que QuÚbec Tuning PC n'utilise pas d'include : le code du menu change sur chacune des pages. ?tudie la source du site, uniquement pour t'inspirer et te guider, Úvidemment! | |||||||
Astucien | Le site de pompage est excellent, c'est sur celui-lÓ que j'ai commencÚ Ó apprendre le css, avec leur diffusion en plusieurs Úpisode, malheureusement ils n'en sont qu'au cinquiÞme! mais c'est tellement interessant que je l'ai de suite mis dans mes favoris.
Merci pour ces infos casper, mais pour le dÚcoupage du site je butte sur
contenu float left par raport au menu (peut nÚcÚsite le regroupement du menu et contenu dans un mÛme conteneur, pour Úviter le passage du contenu en dessous du menu, visuelement s'entant
D'aprÞs ce que j'ai compris, je dÚcoupe toute ma bande large du haut pour en faire le header, je dÚcoupe mon menu OU je dÚcoupe menu et corp de la page ensemble???
Bon je me dÚcide, je mets le design en ligne, bien que des parties soient cachÚs! et oui je prends mes prÚcautions, pour te rÚpondre jean -pierre, je cache jalousement ma copine dans ma cave[bigsmile][bigsmile] mdr!!
[URL=http://img181.echo.cx/my.php?image=design9nc.jpg][IMG]http://img181.echo.cx/img181/8560/design9nc.th.jpg[/IMG][/URL]
Pour finir, et pour te rÚpondre elle [clindoeil], j'ai pris la source de pctuning, pour voir si je pouvais en tirer quelquechose, mais sous dream, j'ai le code, sans les boutons[oeilnoir]. Donc si je comprends bien, le texte des boutons superpose un design?? Le problÞme c'est que comme vous allez le voir, mes boutons sont entiÞrement fais sous photoshop.
Casper, si tu peux, et si tu veux bien Úvidement [chinois], peux tu me faire le dÚcoupage en faisant des traits sous paint par exemple, que þa me donner une meilleure idÚe:p . Je peux faire un dÚcoupage sous imageready non? Sinon qu'appelles tu un design fluide[hello]
A bientot, merci pour votre aide qui m'est prÚcieux!!
cordialement
piafouModifié par Piafou78 le 04/06/2005 10:26 | |||||||
Astucien | j'ai essayÚ le dÚcoupage sous image ready et þa ne me satisfait pas du tout du tout, alors je laisse tomber image ready. N'y a t'il pas moyen de dÚfinir les parties de mon image sans pour autant la dÚcouper? Car d'aprþs ce que je peux voir, dans alsacrÚations, ce qu'il fait n'est pas un rÚel dÚcoupage de son site, mais une dÚlimitation colorÚe de ses parties. Donc peut Ûtre puis je faire la mÛme chose sans mettre de couleur??
je comprends rien[pleurer] | |||||||
Astucien | Bon moi je continue mes recherches de mon c¶tÚ lol car il semblerait que vous ne trouvez pas[birthday]
Bref, voici ce que j'ai fait, j'ai ÚtÚ sur alsacrÚations, j'ai fouillÚ et j'ai trouvÚ un truc super interessant qui fonctionne sous IE et sous firefox. C'est un cadre que je place ou je veux. Voyez vous mÛme en bas de la page:
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
et le rÚsultat ici :
http://css.alsacreations.com/xmedia/exemples/centrer/csscentrer.htm
Mais je fais de nouveau appelle Ó vos connaissances. En effet, j'ai besoin maintenant d'appeler mes pages html dans ce cadre. Mais comment faire?? J'ai essayÚ en nommant des balises <div class"texte"> et de mettre þa dans le head et dans les balises de mon cadre. Puis dans mes liens j'ai fait un truc du genre <area blablabla href"mapage.html" class"texte">
mais þa ne fonctionne pas. En tout cas cette faþon de prÚsenter est trÞs pratique car elle s'adapte Ó toutes les rÚsolutions!!
A bientot
piafou
| |||||||
Astucien | Bon et bien j'ai finis lol, j'ai trouvÚ... la personne lol. Un inconnu sur un t'chat ma aidÚ, un vÚritable pro du php lol, j'ai compris comment þa fonctionnÚ, mais je peux maintenant faire ce que je veux :) c'est super!!!!!
Merci pour votre aide quand mÛme [langue]
a bientot !
piafou | |||||||
|
Les bons plans du moment PC Astuces | Tous les Bons Plans | ||||||||||||||||||
|