Cette version du forum n'est désormais accessible que pour lire les passionants échanges et partage de techniques qui ont déjà été rédigées ici.
Pour participer aux échanges interscouts, merci d'utiliser
Auteur | zone d'essai |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Boarf non, il dit simplement qu'il a pareil que les gens en 1280*, sauf que comme lui est en 1680*, la zone non couverte à droite de la photo est plus large.
Un petit truc à faire pour un ami et je vois si je peux trouver une solution. |
Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
|
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
C'est ce que je propose, mais Zèbre trouve que la barre horizontale au milieu n'est pas belle. A mon avis, ça peut s'arranger.
Enfin je suis entrain de voir ce que ça peut donner en html. Zèbre, faudra que tu m'expliques la logique qui prévaut dans l'ordre dans lequel tu mets tes divs ... Chépa, moi j'essaye de mettre ceux de gauche d'abord, et ceux de droite ensuite, et le fond en tout premier ... ![]() |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Arg, le CSS c'est pas mon truc.
En fait j'ai eu de gros problème pour afficher ma page, parce que tout n'est pas en div, et il faut donc un ordre très particulier pour que les uns et les autre se recouvrent (le z-index est relatif) En fait tout est problème de l'objet parent, et je susi donc obligé de disposer les élements en focntion du parent que je veux leur atribuer, pour positionner les éléments les uns par rapport aux autres. Sachant que le gros problème a été de définir un bandeau de gauche qui soit extensible autant que la page, ce qui est très dur à faire. (je crois que c'est lui qui a tout flinguer ma disposition, et c'est pour le site que j'en ai eu besoin). TRP : c'es tpas si simple : regarde à quoi ressemble une image : ![]() IL y a une zone de blanc transculide qui va épouser le blac en bas à droite de cete image : ![]() Ca ne se voit pas beaucoup, mais si je pose l'image plus loin, ca se voit grave (j'ai fait 'lessai, je peux te mettre mes captures) En fait la seule solution est de faire une charte pour le 1024, et une charte extensible pour une résolution supérieure. |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
En effet, j'ai vu ça ... j'ai repris l'écriture du haut de page à partir de zéro, j'avance doucement, mais les résultats sont déjà visibles ici :
http://meutenotredamedetang.free.fr/akela/essai_forum.html ![]() Je mettrai en ligne les nouvelles version au fur et à mesure que j'arriverai à quelque chose (notamment par rapport au menu), je n'y suis pas encore mais j'y arrive. Pour le problème avec Rantanplan, ce qu'il faut, c'est remplacer l'image de fond de la ligne du haut par une qui fasse le lien entre ces deux images. C'est possible, en soi. De toutes façons, si on veut arriver à quelque chose de potable pour toutes les largeurs d'écran, il faut un truc en largeur variable, donc une image horizontale qui se répète. Y'a pas moyen d'y couper ; le seul truc, c'est qu'il faut trouver comment l'intégrer aux «reflets» diagonaux des autres images, mais c'est certainement possible. |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
|
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Mais là il remonte, ton reflet, il n'est pas horizontal !
Et puis tu y as ajouté un dégradé de couleur ou je ne sais pas quoi d'autre, normalement le bord droit de l'image de titre et le bord gauche de l'image variable sont strictement identiques. (c'est logique, sinon ils n'auraient pas l'air beaux quand ils sont collés) Il suffit donc de faire une image répétable en largeur qui reprenne les quelques pixels où ils sont identiques. Je me bats d'abord avec le problème de la colonne de gauche, et je vois si je peux faire ça après, même si je ne suis pas un grand graphiste. Toi, occupe-toi de l'Edankan !!! ![]() |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Et hop, que demande le peuple ? ![]() Les deux bandes et leurs décorations diverses sont bien là, grâce à la magie du css ! ![]() http://meutenotredamedetang.free.fr/akela/essai_forum.html Sur cette heureuse, mais néanmoins provisoire conclusion, je mets le loup au lit. La suite demain si tout va bien ![]() |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Il suffit donc de faire une image répétable en largeur qui reprenne les quelques pixels où ils sont identiques.
C'est pas possible, sauf si vous étirez l'image à gauche de la photo. Je'nai rein rajouté du tout, c'est que j'essaye de vous expliquer depuis le début : il n'y a pas quela diagonale, il y aun léger effet de reflet qui marie la photo avec le même effet sous le logo Fraternité. Je ne l'ai pas créé, c'est la transparence au moment de la conception qui a généré la photo. Je em tue à vous l'expiquer, mais seule la démonstration peut vous le montrer. PArce que j'ai justement pris une image de fond que se répète (j'ai un peu triché, d'où le fait qu'elle est pas parfaitement droite, mais le concept est là), et à ce compte là il n'y a pas de "blancheur" répétable pour rejoindre la photo. Pouvez essayer, vous y arriverez pas !si vous gardez les images telles quelles ! edit : Ce que prouve ton essai Akela ! Tu obtiens le même résultat (j'ai zyauté en 1280x1024) |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Mon test, il est fait avec l'image de fond actuelle. Il suffit d'en faire une adaptée, comme l'a fait Rantanplan de façon un peu sommaire pour son test montré plus haut.
Sinon au pire, on peut tout à fait changer un peu les images, ça n'est pas dramatique, non ? Ceci dit, mon test, je te ferai quand même -poliment- remarquer que : - la photo est toujours à droite - la colonne de gauche s'affiche sans souci - tout ça est généré par du xhtml/css propre et simple ![]() ![]() Sur ce : ![]() |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Alors
- la photo est toujours à droite Certes, mais en 1024 le titre es tdécalé vers le bas, ls trois images ne tiennent pas. - la colonne de gauche s'affiche sans souci Oui, et je vois que tu met du texte dedans. C'est bien mais attend de t'amuser avec les scripts du menu dynamique Coolmenu. Parce que tout ça est généré en java-script compliqué qui se fiche du z-index (raison pour laquelle j'au dû galèrer). Mais peut-être que ça marchera quand même. Totuefois c'est ce menu cdynamique qui mempêche de bloquer le div sous Firefox. parce que sinon il n'y aurais pas de problème. - tout ça est généré par du xhtml/css propre et simple Parfait. Si tu y arrives, je n'aurais plus qu'à recopier ![]() J'adore ton loup dormant. (ça me fait pesner à Wolf Rain, As-tu vu ce manga ? Il est splendide ! Tu l'adorerais ![]() Comme je partage ce que j'aime, tiens, un AMV avec la musique originale superbe de Yoko Kano: Sinon, un zèbre qui dort est un zèbre mort ![]() |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Effectivement, ça a l'air d'être un magnifique manga. ![]() Merci ! Maintenant je n'ai plus qu'à le trouver, à trouver le temps de le regarder, et à le regarder ... Certes, mais en 1024 le titre es tdécalé vers le bas, ls trois images ne tiennent pas. Oui, effectivement, avec des images normales, si tu réduis la résolution, ça ne va plus. Mais là encore, le css a la réponse : il suffit de créer un lien avec l'image en fond ... Regarde maintenant : http://meutenotredamedetang.free.fr/akela/essai_forum.html ![]() Tu remarqueras qu'en 800* ça marche aussi, ce qui ne doit pas être le cas avec la version actuelle. En gros, yapuka faire une belle image de fond pour la bande supérieure, enfin une plus correcte que celle que j'ai fait là, mais je pense que comme tu as les sources de ces images tu devrais pouvoir le faire sans problème. Je bosse sur le reste, mais comme IE est incapable d'interpréter correctement le css, ça ne me facilite pas le travail. Saloperie, ce truc. Saloperie répandue peut-être, mais saloperie quand même. ![]() |
Miss Pomme Petite pomme
Nous a rejoints le : 12 Mai 2005 Messages : 4 661 Réside à : ...je ne suis pas parisienne... |
Y'a un bout de musique qui passe sur radio classique en intermède de temps en temps je crois ... ![]() Ouf, il reste quelques minutes pour dire que ce message se rapporte au film du post de Zèbre. C'est à peu près au milieu du truc [ Ce Message a été édité par: Cyrano le 11-11-2007 à 17:59 ] |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
La musique d'action dans la vidéo ci-dessus n'est pas de Yoko Kano, c'est un intermède inséré et elle est de Clint Mansell, composée pour le film Requiem for a Dream et popularisée par son utilisation dans les bandes annonces du Seigneurs des Anneaux.
Mais c'est aussi une très belle musique. Akela : je dirais pas que ça marche en 800x600. Ca donne un résultat bizarre. Sinon tu as très bien travaillé pour les CSS, même s'il reste à avoir si le menu coolMenu s'intègre dedans Enfin, je vois pourquoi tu crois que c'est simple. Tu répètes une image le ong de la colonee qui possède un léger halo blanc en bas à gauche, et le mariage avec la photo n'est pas trop vilain. Tu te dis qu'en faisant une image répété mieux réussi, on corrigera la répétiton peu réussie actuelle totu en conservant le mariage réussi avec la photo. C'est là que a réponse est non, comme le provue ma capture d'écran. Si je fais ça, je suis obligé de créer de nouvelles photos avec un nouveau fondu. Mais c'est ce que je ferai, un jour. |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Pas besoin de corriger toutes les photos, si tu corrige sur l'image de titre ça marche aussi, et c'est juste une image à modifier au lieu de chépakombien ... En soi on peut s'en passer si pour le fond je prend une image très étroite, mais ça sera sans doute plus propre de refaire l'image de titre et l'image de fond correctement.
Vivement qu'IE6 n'existe plus, quand même, qu'on puisse utiliser partout des images .png avec possibilité de dégradé transparent, ça aurait réglé le souci encore plus proprement ... En 800*600, ce qui est bizarre, c'est que l'image de droite passe sous l'image de titre. Mais il n'y a pas moyen de faire autrement, sinon je définis une largeur de page minimale égale aux largeurs additionnées du médaillon, du titre et de la photo ; mais dans ce cas elle sera supérieure à 800px et forcera au scroll horizontal, comme c'est déjà le cas sous ta version. Perso, je préfère deux images qui se chevauchent mais un forum lisible à un scroll horizontal obligatoire ... Sinon, il y avait un petit bug sous IE qui faisait que le cadre de contenu débordait à droite, mais j'ai corrigé ![]() Pour le menu, j'hésite entre essayer de faire ce que je peux avec le coolMenu (si c'est juste une histoire de z-index y'a pas de souci, je n'en utilise pas ![]() Par contre si je fais ça je découvrirai tout en faisant, et de toutes façons je n'ai aucune connaissance en js. |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Pour le menu, c'est effectivement la meilleure solution, sachant qu'alors il pourra rester fixe pour Firefox aussi.
Mais il faut quand même rouver le moyen de mettre les item dans un seul fichier externe, pour ne pas modifier toutes les pages quand je modifie le menu. |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Ben c'est pas compliqué, on met le code du menu à part dans un fichier menu.html, et puis :
![]() À propos, si quelqu'un s'embête, j'aimerais bien un script php qui m'affiche au hasard un numéro compris entre 1 et 14 ![]() |
Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
Je sais te faire ça dans en C, en maple, en VB, ou dans plein de langages, mais j'ai jamais essayé en php ![]() J'vais voir ce que je peux faire ![]() |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
pourquoi en php ?
T'aimes pas le java-script ? |
Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
Bon, en php, ça donne tout simplement :
|
Asellia la chauve-souris
Nous a rejoints le : 31 Août 2003 Messages : 3 308 Réside à : Essonnes |
ils sont devenus fous!!! ![]() |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Fous ? Nous ? ![]() Zèbre, non j'ai rien contre le js, mais quand il y a moyen de faire plus simplement, pourquoi s'en priver ? Autant exécuter tout ce qui est necéssaire à l'affichage côté serveur, sinon tu es obligé d'envoyer une deuxième requête pour avoir l'image une fois que ton js a été exécuté ... Ceci dit, j'ai passé ma journée sur des conneries, donc on ne voit pas trop de différence avec la dernière fois, mais la page devrait être débuggée. Le sélecteur d'image en php est en place grâce à Cousin du Désert - t'avais oublié de faire afficher la requête, à propos ... echo $a.). Par contre, je bute sur le menu flottant pour IE6, et si quelqu'un peut me dire si «test menu» flotte sous IE7 (d'après ce que j'ai lu, il devrait) ? Paske j'ai que IE6, sous Linux, pas IE7 ... ![]() ![]() ![]() [Edit] Et zut, encore un bug uniquement sous IE ... on verra demain. |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
YIIIIIIIIIIIIIIIIIIIHAAAAAAAA ! ![]() ![]() ![]() Plus rien ne dépasse nulle part, même sous IE, et le menu est flottant, sous IE uniquement à partir de la 7. Tout ça pour quoi ? Parce que je n'avais pas voulu m'embêter à définir de DTD dans mon fichier de texte, du coup IE l'interprétait en «mode Quirks» (voir ici). ![]() Je suis bien content ![]() Yapuka fignoler le reste, maintenant ![]() |
MOWD Membre confirmé
Nous a rejoints le : 20 Fév 2007 Messages : 1 040 Réside à : Montferrand |
Il y aurait moyen de mettre des stat genre celui qui passe le plus de temps sur le forum par jour ou le nombre d'inscrit dans les n derniers jours, parce que il y en a de plus en plus... |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Et yop, avec un petit sélecteur de styles en php ...
Trois styles sont disponibles pour l'instant : Version normale : avec le menu à gauche Version étendue : sans menu à gauche Aucun style : pour ceux que ça amuse de voir la page brute, sans informations de style. Si quelqu'un a des idées de styles supplémentaires, c'est facile à rajouter ![]() |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Chapeau !!
Va falloir que je crée des médailles. Il reste qu'à mon avis je devrais refaire les images, on va tester ça sur un fond nui. Bravo... celui qui passe le plus de temps sur le forum par jour Hum, peut-être, mais ce n'est pas une gloire. le nombre d'inscrit dans les n derniers jours Oui ça c'est intéresant |
Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
MOWD, c'est fait.
Il ne reste plus qu'à trouver une belle présentation. |
Miss Pomme Petite pomme
Nous a rejoints le : 12 Mai 2005 Messages : 4 661 Réside à : ...je ne suis pas parisienne... |
Citation: Vaut p't-être mieux pas en effet... ![]() |
Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Voilou, un test avec un (faux) tableau de forum dessus, pour vraiment voir ce que ça donne.
Et en spécial-dédicace pour ![]() ![]() allez voir maintenant (ici), il y a un style «nostalgie» ... ![]() (Le sélecteur est en bas à droite) Citation:La preuve par l'œuf, comme disait Colomb ![]() ![]() ![]() Z'aviez vu qu'entre ma version et l'actuelle, il y avait 4,5 Ko de différence ? ![]() Celui qui passe le plus de temps sur le forum, ça n'est pas compliqué, c'est celui qui va sur le forum quand il ouvre son navigateur, et le garde dans un onglet pendant qu'il fait autre chose ... Des médailles, rho, hein, euh, bon, faut pas en faire trop non plus. ![]() |
Aller à Page précédente 1|2|3|4|5|6|7|8|9|10|11|12|13|14 Page suivante | ||
![]() |
![]() |
![]() |
![]() ![]() ![]() | technique |
![]() ![]() ![]() | bonne humeur |