Nous sommes le Jeu 25 Avr, 2024 22:17
Supprimer les cookies

Page 3 sur 4Précédent 1, 2, 3, 4 Suivant[webdesign] Framasoft.net/.org page simple

Forum dédié au graphisme autour du libre.

Jeu 19 Juil, 2007 13:16

Ah pardon. Oui c'est là que j'ai pris l'autre fois. Mais le lien est en http. Je pensais donc qu'il y avait un plus un ftp :P.

Merci :).
Quand tout le reste a échoué, lisez le mode d'emploi.
yostral

Avatar de l’utilisateur
Messages : 5403
Géo : Là-haut dans la montagne...

Jeu 19 Juil, 2007 13:38

yostral a écrit:Mais le lien est en http. Je pensais donc qu'il y avait un plus un ftp :P.


Ah bah non :) pas de ftp disons que j'ai remplacé l'archive sur mon ftp de free, je dis pas de bétises là ? :D
harrypopof

Messages : 1544
Géo : Ile de France

Jeu 19 Juil, 2007 13:42

Bon, j'ai refait un autre essai.

Image

Pour le svg : c'est ici

Je n'ai pas rajouté le framashirt... on voit d'abord pour la forme :).


harrypopof a écrit:disons que j'ai remplacé l'archive sur mon ftp de free, je dis pas de bétises là ? :D

Disons que tu as remplacé l'archive sur ton espace de stockage free en passant par le protocole ftp :P.
Quand tout le reste a échoué, lisez le mode d'emploi.
yostral

Avatar de l’utilisateur
Messages : 5403
Géo : Là-haut dans la montagne...

Ven 20 Juil, 2007 00:12

Voilà avec les tooltips et la modif du moteur : http://framaserver.org/portail/

Si tu veux le réintégrer : http://framaserver.org/portail/boxover.js + http://framaserver.org/portail/style.css + copier-coller du code de la page

Ca prend forme :)
*Nouveau venu ? Lisez les règles d'utilisation de ce forum
*Une question à poser ? Assurez vous qu'on vous répondra
*Soutenir Framasoft ? Participez à l'annuaire !
*"T'es où ?" Inscrivez vous sur la FramaMap
pyg

Avatar de l’utilisateur
Messages : 7858
Géo : Lyonnais

Ven 20 Juil, 2007 13:15

pyg a écrit:Voilà avec les tooltips et la modif du moteur : http://framaserver.org/portail/

Si tu veux le réintégrer : http://framaserver.org/portail/boxover.js + http://framaserver.org/portail/style.css + copier-coller du code de la page

Ca prend forme :)


Merci beaucoup ! chouette travail, où as-tu trouvé le js ?

Que manque t-il à cette page ? je la trouve excellente comme ça ( augmenter la taille de la police pour les exemples sous la recherche), changer l'intitulé par 'Portail' ou 'Framamoteur' ?
harrypopof

Messages : 1544
Géo : Ile de France

Ven 20 Juil, 2007 13:17

LL de Mars ? :)
Mben
Veni, Vidi, Libri — Diffuseurs de Licences Libres
http://venividilibri.org
http://mben.fr
ben_san

Avatar de l’utilisateur
Messages : 1054
Géo : Paris

Lun 23 Juil, 2007 07:40

J'ai remarqué qu'il y avait un bug d'affichage quand on passe la souris vers Framasoft-Framashirt (quand je vais du F de Framashirt vers celui de Framasoft), la page se décale rapidement vers la gauche puis revient.

J'ai aussi modifié le taille et couleur de la police des exemples sous la barre de recherche.

Framasoft.net/.org - Annuaire - recherche

édit : j'ai aussi ajouté le hover pour L.L. de Mars et constaté le sautillement de la page a d'autres endroits :?
harrypopof

Messages : 1544
Géo : Ile de France

Lun 23 Juil, 2007 13:56

Je ne vois aucun des décalages que tu indiques :?.
Tu as quoi comme navigateur ? Moi c'est Firefox 2.0.0.5 sous Ubuntu.

Je l'ai refait en arrondissant les coins des boites qui s'affichent au survol de la souris. Ça ne fonctionne qu'avec Firefox. Si ça te dit, voici les 2 sections du .css modifié :
Code: Tout sélectionner
.boHeader {
   border-bottom:1px solid #A5CFE9;
   border-left:1px solid #A5CFE9;
   border-right:1px solid #A5CFE9;
   width: 200px;
   font-family: arial;
   font-size: 11px;
   font-weight:bold;
   padding: 1px;
   padding-left:6px;
   color: #3B6A88;
   background-color: #D5EBF9;
   filter: alpha(opacity=90);
   -moz-opacity: .90;
   -moz-border-radius-topright: 0.9em;
//   -moz-border-radius-bottomright: 0.9em;
   -moz-border-radius-topleft: 0.9em;
//   -moz-border-radius-bottomleft: 0.9em;

}

.boBody {
   border-bottom:1px solid #A5CFE9;
   border-left:1px solid #A5CFE9;
   border-right:1px solid #A5CFE9;
   width: 200px;
   font-family: arial;
   font-size: 11px;
   line-height:1.2em;
   padding: 3px;
   color: #1B4966;
   background-color: #FFFFFF;
   filter: alpha(opacity=90);
   -moz-opacity: .90;
//   -moz-border-radius-topright: 0.9em;
   -moz-border-radius-bottomright: 0.9em;
//   -moz-border-radius-topleft: 0.9em;
   -moz-border-radius-bottomleft: 0.9em;

}


Avec IE6 (sous WinXP SP1 dans VirtualBox), il n'y a pas de sautillements non plus, mais la ligne avec les exemples sous la boite de recherche, n'est pas sous la boite de recherche, mais à cheval dedans... :?

Le sautillement peut venir du fait que la boite de mouseover apparait "hors" de la page affichée. Si tu agrandis ton navigateur en plein écran ?
Quand tout le reste a échoué, lisez le mode d'emploi.
yostral

Avatar de l’utilisateur
Messages : 5403
Géo : Là-haut dans la montagne...

Lun 23 Juil, 2007 14:15

yostral a écrit:Je ne vois aucun des décalages que tu indiques :?.
Tu as quoi comme navigateur ? Moi c'est Firefox 2.0.0.5 sous Ubuntu.


Firefox 2.0.0.5 sous Ubuntu 7.04 et la boite n'apparait jamais en dehors de l'écran (ex pour lien Framasoft), par contre en plein écran, il n'y a plus de problème.
Ta correction avec les coins arrondis semble pertinente, je n'ai pas essayé, dommage que cela ne fonctionne qu'avec Firefox.
harrypopof

Messages : 1544
Géo : Ile de France

Mer 25 Juil, 2007 12:57

Hello,
désolé pour le lag dans la réponse (et la réponse en mode télégraphique) :
- je n'ai pas de pb de décalage sur Framashirt comme indiqué (FF 2.0.0.5 et IE 6)
- je règlerai le décalage du texte sous le champs de recherche
- ce qu'il manque ? Honnêtement, pas grand chose à la page. Je trouve toujours que le texte s'y intègre moyennement, mais je trouve toujours l'idée tres bonne. Apres, son intégration ne se fera que progressivement : en effet, comme tu le sais, on a pas mal de chantiers en cours, dont le moindre n'est pas celui de la pub. Et chambouler la page d'accueil alors qu'on essaie justement de faire une transition en douceur, mais qu'on anticipe douloureuse (et houleuse), ça risque de ne pas aider...

Par contre, ça repose une question qu'on a pas tranché avec aKa & co depuis des mois : Framasoft devient peu à peu un réseau de site, mais la "page d'accueil" reste-t-elle Framasoft.net/org ? Si la réponse est non, alors on peut imaginer de mettre cette page assez rapidement en ligne sur portail.framasoft.org ou reseau.framasoft.org ou frama, par exemple...
On ne communiquerait dessus que petit à petit.
*Nouveau venu ? Lisez les règles d'utilisation de ce forum
*Une question à poser ? Assurez vous qu'on vous répondra
*Soutenir Framasoft ? Participez à l'annuaire !
*"T'es où ?" Inscrivez vous sur la FramaMap
pyg

Avatar de l’utilisateur
Messages : 7858
Géo : Lyonnais

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit