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 |
 324      |
| Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
C'est bon, vu... Merci 
(il reste encore le cadre, mais il a changé  ) 325 |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
tu rigoles ou quoi ?
J'ai fait exactement ce que tu m'a demandé, sauf pour le liens en haut à droite ! Cherche encore ! edit : merdum ça marche plus !!! Je comprend pas ! re-edit : ah si, j'ai du effacer quelques cookies, ça buggue peut-être ici ou là Si ça marche pas, effacez vos cookies ! 326  |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
RTP : ce que j'ai changé, c'est sur fraternite.net 327 |
| Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
Je sais, j'ai bien vu dès le début les liens en bas à droite, mais les deux donnaient la même chose...
J'ai changé de navigateur, et maintenant ça change quelque chose 
Edit 1 :(ça marche que sous IE, sans toucher les cookies : j'vais les supprimer) Edit 2 : c'est bon, ça roule... (y'a encore qqes soucis mineurs d'affichage, mais qui ne sont pas pressés... merci patron  ) 328 |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
C'est pas une question de navigateur, mais de cookie. Ca bugguait, c'est réparé
(clique sur version normale pour réinitialiser tes cookies) 329 |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Akela, ce que dit RTP est juste, et je ne vois pas trop en fait ce que ça apporte
(bon, je retourne à l'Edankan maintenant) 330 |
| Akela NDE Akela
Nous a rejoints le : 01 Avr 2005 Messages : 4 922 Réside à : Dijon |
Ben ça change ... Le but est de faire plus moderne, de varier un peu du bête tableau html à grosses bordures. Histoire que ça soit plus joli, quoi ...
Je pense que tu es bien placé pour savoir que les gens vont plus volontiers sur un joli site que sur un truc moche qui à l'air de dater d'il y a 10 ans ... Sinon c'est vrai que je peux ajouter un truc à droite pour marquer le bord de la zone de texte, ça n'est pas bien dur. C'est facile, c'est du css dans une div. Oui, tiens, si, c'est une raison supplémentaire de changer  : pour remplacer les tableaux par des div là où c'est possible, ce qui a plusieurs avantages, notamment aux plans idéologiques, propreté du code, et légèreté du fichier (donc rapidité de chargement). 331 |
| Boulzor Grand membre
Nous a rejoints le : 16 Nov 2006 Messages : 580 |
Personnellement j'utilise l'ancienne version car la nouvelle ne me plait pas particulierement. Je trouve les barres du haut et de droite assez oppressante a la lecture.
Enfin bon si on garde seulement la nouvelle ca ne m'empechera pas de continuer a aller sur SP.  332 |
| Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
On est bien d'accord
Alors t'as de la chance, j'ai assez saoûlé le patron ( ) pour qu'il nous octroie une nouvelle version numéro 2, sans la barre de gauche...
Tu la trouves sur la page d'accueil, en bas à droite, "version étendue"... Normalement, avec tes cookies, tu ne devrais avoir à la choisir qu'une fois, après tu tomberas directement sur cette version. 333 |
| Boulzor Grand membre
Nous a rejoints le : 16 Nov 2006 Messages : 580 |
 Rantanplan!!
Ca fait plaisir!! Tiens c'est vrai que j'ai a peu pres 1/3 de la barre du haut qu'est vide...ba de toute facon c'est pas important. 334 |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Vide ?
Tu peux faire une capture ? 335 |
| 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. 336 |
| Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
Bon, on peut pas résorber le trou comme ça, pour ceux qui ont un écran large ?
C'est pas parfait, mais bon... Je ne vois pas trop où il y aurait une impossibilité technique 337 |
| 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 ...  338 |
| 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. 339 |
| 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. 340 |
| Zebre Zebra One
Nous a rejoints le : 19 Oct 2001 Messages : 13 984 Réside à : Lyon |
Nan, c'est pas le seul truc, démonstration
La seule solution c'est de faire une charte pour plus grand, qui elle sera élastique. Je ferai ça. Sinon, tes essais passent pas en 1024 Akela. 341 |
| 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 !!!  342 |
| Rantanplan canidé
Nous a rejoints le : 19 Fév 2004 Messages : 4 261 Réside à : France-désert |
Oui, Akela, c'est exactement ce que j'ai fait pour mon image plus haut... Et ça marche...
Je n'ai pas fait comme Zèbre, mais comme le dit l'aut'canidé (Mais là, j'suis plus trop là... j'reviende plus tard) 343 |
| 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 344 |
| 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) 345 |
| 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 Va voir la source
Sur ce :  346 |
| 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  347 |
| 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.  348 |
| 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 ] 349 |
| 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. 350 |
| 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 ), et recoder proprement un menu qui apparaitra dans la source, avec l'avantage que les liens seront visibles pour Gogole Bot & consorts, ce qui n'est, je crois, pas le cas avec ton menu en js.
Par contre si je fais ça je découvrirai tout en faisant, et de toutes façons je n'ai aucune connaissance en js. 351 |
| 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. 352 |
| Aller à Page précédente 1|2|3|4|5|6|7|8|9|10|11|12|13|14 Page suivante | ||
 |
 |
 Signaler
|
   | technique |
   | bonne humeur |
Ecussons
Posté le: 10-11-2007 à 19:23
