accueil
downloads
links
bugmanager
header
**

Par respect de la netiquette, tous les contributeurs s'engagent à ne tenir ni propos insultants ni propos infamants envers un tiers. Merci d'avance à tous et ... bonne pêche aux infos - (Les numéros IP sont conservés.)
XML/RSS 2.0  page_down
newtopiclink  replylink  Version imprimable 
Ascending order Descending order   » Sujet: Un très bel exemple de personalisation par CSS
Auteur: Message:


 Posté le 2006/4/28 à 13:14
5 exemples plutôt.
Pierre nous montre (enfin, c'est pas lui qui le montre, il est trop modeste :D, donc c'est moi !) ce qu'il sait faire en CSS, avec le même fichier XHTML derrière...
Bah moi je dis, chapeau bas !

L'url: Coordo.net
Profile Message Privé Editer le message Voir le site de l'utilisateur Chercher tous les messages de cet utilisateur Signaler ce message aux Administrateurs top


   Posté le 2006/4/28 à 14:24

cedsib a écrit:
Pierre nous montre (enfin, c'est pas lui qui le montre, il est trop modeste :D, donc c'est moi !) ce qu'il sait faire en CSS, avec le même fichier XHTML derrière...

T'as vraiment décidé de t'occuper de ma promotion toi !!! ;)

Bon, ce n'est pas terminé mais le principal est visible effectivement...
Out of iXprim project...
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


icon   Posté le 2006/4/28 à 18:23
Bonjour Pierre,

ton travail est vraiment super. J'aime beaucoup le theme Grafik. J'ai juste un petit probleme avec IE6 car les images s'effacent au survol. Il ne reste plus que le fond couleur papier. (apres avoir survolé touts les images la couleur du fond est uniforme)
Je n'ai pas ce problème avec Firefox.

J'ai essayé de mon coté de faire un theme sans tableaux pour un de mes site mais j'ai du renoncer (je ne connais pas assez cette technique) car j'avais des comportements différents suivant les navigateurs.

Peux tu nous dire les principales difficultés que tu as rencontré ?
Cette approche se prete bien pour un portail de redirection. Penses tu qu'il serait possible et pas trop difficile de faire tout un site avec cette approche ?

Ce serait bien d'avoir un theme modele dans Ixprim construit sur cette base !

Encore bravo

Christian ;)
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/4/28 à 21:07

Goubs a écrit:
Peux tu nous dire les principales difficultés que tu as rencontré ?

Comme pour tout le monde, la principale difficulté est de rendre la réalisation compatible avec internet explorer. D'ailleurs c'est pour cela que le theme "grafik" ne fonctionne pas sous ie. Je ne l'ai pas encore adapté.

Cette approche se prete bien pour un portail de redirection. Penses tu qu'il serait possible et pas trop difficile de faire tout un site avec cette approche ?

Oui c'est possible. Mais je dois avouer qu'il faut bien connaître les possibilités du css et les détournements possible pour rendre le site compatible avec la plupart des navigateurs.
www.mg-editions.com est construit de cette manière avec une base SPIP et ca roule très bien. Ou presque...

Ce serait bien d'avoir un theme modele dans Ixprim construit sur cette base !

www.ixprim-addons.org utilise le theme "blue" fournit avec iXprim mais je l'ai complètement refait en XHTML + CSS sans tableaux

Encore bravo

Merci ;)
Out of iXprim project...
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


icon   Posté le 2006/4/29 à 10:41
Merci Pierre pour les infos.

concernant les themes pour Ixprim XHTML + CSS sans tableaux j'ai buté sur un problème apparament tout simple !
Je voulais pour le layout3 (3 colonnes) avoir des images de fond différentes pour les 3 colonnes. La difficulté survient concernant la hauteur d'affichage de ces images de fond. Je n'ai pas trouvé de solution pour que toutes s'adapte à la hauteur de la plus haute des trois (ce n'est pas toujours la meme qui est la plus haute)

Ce problème (qui n'en est pas un avec les tableaux) m'a bloqué dans la réalisation de mon theme.
C'est certainement du à une méconnaissance de ma part sur les techniques des css mais une recherche sur le net ne m'a pas permi de trouver de solutions interressantes !

Tu as un avis la dessus ?

Christian
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/4/29 à 12:57

Goubs a écrit:
Ce problème (qui n'en est pas un avec les tableaux) m'a bloqué dans la réalisation de mon theme.
C'est certainement du à une méconnaissance de ma part sur les techniques des css mais une recherche sur le net ne m'a pas permi de trouver de solutions interressantes !

Ton problème est celui de beaucoup de webmasters qui réalisent des sites en colonne. Il n'y a pas vraiment de solution miracle. Tout dépend de la mise en page, du contenu et du rendu souhaité.
Je te conseil de consulter les tutoriels d'Alsacreations et plus particulièrement les modèles de mise en page en CSS qui te viendrons peut être en aide.
Out of iXprim project...
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/4/29 à 13:32
Le site d'Alsacréation est déjà celui vers qui je me tourne pour comprendre et apprendre les css. (merci quand même ;) )

Pour les 3 colonnes je n'ai pas vraiment trouver de solution. Je devrais peut etre essayer de penser mes sites autrement qu'avec cette approche en colonne. Mais le design n'est pas mon fort et j'ai du mal.

Pourtant il doit etre possible de présenter du contenu autrement qu'avec ces foutu colonnes !

Christian
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/4/29 à 14:41
Salut,

effectivement il doit pouvoir exister un autre moyen que les 3 colonnes.
J'avais pensé à un moment prendre le principe à l'envers et faire 3 lignes : le pb c'est que les internautes sont habitués à une barre de défilement verticale et non horizontale.
Par exemple lors de la lecture d'un texte sur pc (par exple en pdf), pour lire la suite d'un texte on utilise l'ascenseur vertical. C'est cette habitude qui induit naturellement le principe des colonnes.
On peut aussi reprendre le principe de la presse papier : les quotidiens sont généralement partager en colonnes.
On peut aussi regarder ce que propose openoffice : il est très simple de partager une page en colonnes par la mise en page, mais en ligne ? beaucoup plus complexe : tableaux, ..etc ...
Donc ce principe, je pense, ne repose que sur une habitude d'utilisateurs et de concepteurs.

A partir de cela, il semble difficile de partir sur d'autres principes. Cependant celui qui trouvera autre chose permettra au net de progresser encore et de pouvoir se différencier encore plus de la presse écrite et de proposer quelque chose de réellement nouveau : tant en termes de présentation, que d'ergonomie .....

Donc je pense qu'il y a matières à innover mais c'est effectivement très difficile car il faut changer ses propres habitudes.

Une idée (mais que je suis bien incapable de réaliser au vu de mes très faibles compétences en flash) : utiliser le principe d'une carte routière.
Le site se présenterai avec différents chemins qu'on pourrait suivre (avec défilement auto de la carte) et les villes seraient des cases remplies avec le contenu voulu. Peut être que ce type de site existe déjà (mais je connais pas) sinon je balance cette idée qui sera peut être reprise par quelqu'un qui en fera un succès planétaire .... :)
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/5/1 à 15:24
Ce que fait Pierre de manière générale est toujours très impressionnant. Cet exemple est là pour le montrer encore une fois. Je trouve celà très très réussi. Et techniquement, et graphiquement.

J'ai compris maintenant, en regardant son code source pourquoi on me bassinait avec xhtml 1.1, alternate css, doctype et autres. C'est pourquoi c'est adopté et Ixprim 1.3 devrait aller dans ce sens à grands pas.

Merci à Pierre pour ce travail et toutes ces idées à implémenter dans Ixprim.

PS: Les sources en Subversion sur sourceforge arrivent.
HQCH - Hope Que ça Helpe
Celui qui vise à la perfection sera au-dessus de la médiocrité, mais celui qui vise à la médiocrité tombera plus bas encore. "Proverbe chinois"
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/5/1 à 17:18
Bon doucement avec les compliments les gars. Je ne suis qu'un modeste webmaster qui essaie de faire son boulot correctement. Je cherche, j'apprends, je test, j'expérimente, j'évolue et je progresse...

En tous cas, si mon travail permet de faire évoluer iXprim dans le bon sens alors tant mieux :)

Vivement subversion :cool:
Out of iXprim project...
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/5/1 à 18:04
J'ai compris maintenant, en regardant son code source pourquoi on me bassinait avec xhtml 1.1, alternate css, doctype et autres. C'est pourquoi c'est adopté et Ixprim 1.3 devrait aller dans ce sens à grands pas.


Ah ca trollix :) Je vais l'encadrer dans ma chambre !

Apres la petite boutade, je voulais dire que le theme école iXprim je l'avais commencé... Ca sera du tout basique tout simple et je vais faire le code le plus clair possible. Quand il sera finis je te l'envoie maitre !

[Edité le 01/05/2006 par Tavnos]
L'éternité c'est long, surtout vers la fin !
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top


   Posté le 2006/5/4 à 17:43

pgilbert a écrit:
Bon, ce n'est pas terminé mais le principal est visible effectivement...

Et bien ça se finalise...
- Le thème grafik est terminé et débugé pour IE
- C'est intégré à iXprim pour contact et commentaires
- Les commentaires sont interfacés (mais avec encore qq bugs : le code nécessite nettoyage)
Out of iXprim project...
profilebutton Message Privé Editer le message Voir le site de l'utilisateur searchbutton  top
newtopiclink  replylink  Version imprimable 

page_up

 

Powered by XForum 3.5.1-ix by Trollix Software
0.0103102 - 16 queries