Mardi 14 Mai 2024
12:55
[S'inscrire]  [Mon Profil]  [Messages privés
[Liste des Membres] [FAQ] [ Connexion ]

Recherche avancée
 
Ecussons
Autocollants
Polos
Retour au site
Retour au forum

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
le nouveau forum

 

          
Auteur
zone d'essai
  Cliquez pour charger les messages précédents [...]
Rantanplan
canidé
  
TECHNIQUE: 21 points
BONNE HUMEUR: 53 points
Scène : Maître de Cérémonie
Nous a rejoints le : 19 Fév 2004
Messages : 4 261

Réside à : France-désert
Patientez...

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
Infos sur le membre et actions possibles
  Je suis Scout du désert  Profil de Rantanplan  Message privé      Répondre en citant
Boulzor
Grand membre
  
TECHNIQUE: 21 points
BONNE HUMEUR: 24 points
Église : Lecteur
Nous a rejoints le : 16 Nov 2006
Messages : 580
Patientez...

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
Infos sur le membre et actions possibles
  Profil de Boulzor  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

Vide ?
Tu peux faire une capture ?
335
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Rantanplan
canidé
  
TECHNIQUE: 21 points
BONNE HUMEUR: 53 points
Scène : Maître de Cérémonie
Nous a rejoints le : 19 Fév 2004
Messages : 4 261

Réside à : France-désert
Patientez...

Bon, on peut pas résorber le trou comme ça, pour ceux qui ont un écran large ?

image redimensionnée

C'est pas parfait, mais bon... Je ne vois pas trop où il y aurait une impossibilité technique
337
Infos sur le membre et actions possibles
  Je suis Scout du désert  Profil de Rantanplan  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

Nan, c'est pas le seul truc, démonstration

image redimensionnée


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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Rantanplan
canidé
  
TECHNIQUE: 21 points
BONNE HUMEUR: 53 points
Scène : Maître de Cérémonie
Nous a rejoints le : 19 Fév 2004
Messages : 4 261

Réside à : France-désert
Patientez...

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
Infos sur le membre et actions possibles
  Je suis Scout du désert  Profil de Rantanplan  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Miss Pomme
Petite pomme

Nous a rejoints le : 12 Mai 2005
Messages : 4 661

Réside à : ...je ne suis pas parisienne...
Patientez...

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
Infos sur le membre et actions possibles
  Je suis FSE  Profil de Miss Pomme  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

Ben c'est pas compliqué, on met le code du menu à part dans un fichier menu.html, et puis :
Code:
<?php

include ('images/menu.html')
?>


À 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
353
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Rantanplan
canidé
  
TECHNIQUE: 21 points
BONNE HUMEUR: 53 points
Scène : Maître de Cérémonie
Nous a rejoints le : 19 Fév 2004
Messages : 4 261

Réside à : France-désert
Patientez...

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 (après avoir mangé)
354
Infos sur le membre et actions possibles
  Je suis Scout du désert  Profil de Rantanplan  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

pourquoi en php ?
T'aimes pas le java-script ?
355
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Rantanplan
canidé
  
TECHNIQUE: 21 points
BONNE HUMEUR: 53 points
Scène : Maître de Cérémonie
Nous a rejoints le : 19 Fév 2004
Messages : 4 261

Réside à : France-désert
Patientez...

Bon, en php, ça donne tout simplement :
Code:
<?php

$a = mt_rand(1,14);
?>

Voilà voilà...
356
Infos sur le membre et actions possibles
  Je suis Scout du désert  Profil de Rantanplan  Message privé      Répondre en citant
Asellia
la chauve-souris
  
TECHNIQUE: 23 points
BONNE HUMEUR: 34 points
Mer : Vigie - Timonier
Nous a rejoints le : 31 Août 2003
Messages : 3 308

Réside à : Essonnes
Patientez...

ils sont devenus fous!!!
357
Infos sur le membre et actions possibles
  Je suis ENF  Profil de Asellia  Voir le site web de Asellia  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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

http://meutenotredamedetang.free.fr/akela/essai_forum.php

[Edit] Et zut, encore un bug uniquement sous IE ... on verra demain.
358
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

YIIIIIIIIIIIIIIIIIIIHAAAAAAAA !

http://meutenotredamedetang.free.fr/akela/essai_forum.php

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
359
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
MOWD
Membre confirmé
 
  
TECHNIQUE: 0 points
BONNE HUMEUR: 41 points
Montagne : Grimpeur
Nous a rejoints le : 20 Fév 2007
Messages : 1 040

Réside à : Montferrand
Patientez...

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...
360
Infos sur le membre et actions possibles
  Je suis EdlU/Secte Paratienne  Profil de MOWD  Message privé      Répondre en citant
Akela NDE
Akela

Nous a rejoints le : 01 Avr 2005
Messages : 4 922

Réside à : Dijon
Patientez...

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
361
Infos sur le membre et actions possibles
  Je suis ma route en solitaire.  Profil de Akela NDE  Message privé      Répondre en citant
Zebre
Zebra One

Nous a rejoints le : 19 Oct 2001
Messages : 13 984

Réside à : Lyon
Patientez...

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
362
Infos sur le membre et actions possibles
  Je suis SdF + FSE  Profil de Zebre  Voir le site web de Zebre  Message privé      Répondre en citant
Aller à Page précédente 1|2|3|4|5|6|7|8|9|10|11|12|13|14 Page suivante
Signaler
Patientez...
>>Le fuseau a été fermé par un modérateur

 

  technique
  bonne humeur
RSS 

 

 

Semper Parati Scoutopedia, l'encyclopédie scoute

© Fraternite.net | contact
webmestre@fraternite.net