Modifications du Site de Ldfa...,

[Jimi]

Merci paul (!)

D'apres ce que j'ai vu les styles du site sont inclus directement dans les fichiers HTM.

Tu dois avoir un generateur de page, est ce qu'il utilise une feuille de style exterieure ? je n'en sait rien !

Les parties qui concernent les leins sont :

-------------------------------------------------------------------------------

a:link, a:visited, a:active { text-decoration: underline; color: #000 }

a:hover {

color: #465584;

text-decoration: underline;

position: relative;

left: 1px;

top: 1px;

}

-------------------------------------------------------------------------------

Faudrait transformer ca en :

-------------------------------------------------------------------------------

a:link { text-decoration: underline; color: blue }

a:visited { text-decoration: underline; color: purple }

a:active { text-decoration: underline; color: red }

a:hover { color: red; text-decoration: underline;position: relative;left: 1px;top: 1px; }

-------------------------------------------------------------------------------

Mais je suis debutant dans le domaine , vois plutot : ManuDevil ou babyssou qui ont l'air de tater et m'on aidé dans cette quete .

[Ldfa]

Ca m'intéresserait beaucoup de modifier la feuille de style du Site de Ldfa, mais j'ai aucune connaissance dans le sujet (et j'apprends beaucoup de chose au fil des différents messages sur le sujet ).

 

Je suis d'accord pour faire toutes les modifications proposées dans le but d'améliorer la lisibilité ou le look du Site de Ldfa.

[babyssou]

Bonjour LDFA,

 

Je suis prêt à t'aider, mais c'est ton site, donc tes choix ne sont pas les miens/notres. Que veux-tu modifier ?

 

Pour moi, le seul truc qui "merde" un peu, ce sont les boutons de la barre du haut. Je remplacerai la couleur orange par un cyan et le fond "inactif" par un gris (ou la couleur de background des boutons du PC : "ButtonFace") en conservant le "navy" pour "l'actif".

 

Et les liens, si tu pouvais les laisser en "défaut" (ne rien mettre), cela les identifierait mieux comme étant des liens.

 

Tu as chargé TopStyle ?

[ManuDevil]

Vous voulez que je fasse des modifs sur la feuille de styles du site ? Oui, c'est possible. J'ai déjà noté une petite amélioration à apporter sur les boutons du haut, qui s'affichent mieux sous Firefox que sous Maxthon (IE et les styles, c'est pas tout à fait ça, faut dire).

Vous voulez que j'implémente a:active et a:visited ? OK, pas de problème, dès que j'ai le temps. Soyez un peu patients, les gars, mon planning est rudement plein.

 

Ah, oups, petite question : on parle du site, ou du portail ? Désolé, j'ai pas suivi à fond...

 

Euh, on reste en IPB 1.x ?

 

 

PS : Si on séparait les sujets, ne serait-ce pas plus clair ?

[Jimi]

C'est vrai que mon fil a eté dévié ! lol

En ce qui concerne la feuiile de style de La dern... et en ce qui concerne les liens

Je peux te faire ca , j'en aurais pour 1 minute !

Tu me la maille et je te la remaille lol

(fais en une sauvegarde of course)

Pour le reste chuis pas du tout graphiste et n'ai en general pas trop de gout pour les couleurs .. mais les liens : aucun probleme.

[Ldfa]

J'ai séparé ce sujet en 2, et en plus j'étais à l'origine de la dérive.

[Ldfa]

Donc, juste pour recentrer le débat,je suis prenneur de toutes modifications concernant la feuille de style du Site de Ldfa.

 

Comme je le disais en introduction je ne suis vraimeent pas un spécialiste dans le domaine et je me suis contenté de récupérer et d'adapter (un peu) un Template existant.

 

Ce qui me gêne le plus, ce sont les liens qui ne sont pas assez visibles à mon goût. Mais on peut également modifier le menu de boutons supérieurs.

 

Merci par avance pour votre aide et vos suggestions.

[ManuDevil]

Comme je le disais, je vais vous faire ça. Donnez-m'en le temps.

Faites-moi juste un choix de couleurs, si vous voulez, ça peut m'aider. Vous me décrivez ce qui vous ferait le plus plaisir, et je vous modifie ça. Té, c'est mon métier !

Précisément parce que c'est mon métier, je fais passer mon métier un peu avant, normal... Ca va venir !

[babyssou]

Bonjour LDFA,

 

La première chose que je ferai, à ta place, c'est de mettre ta CSS en externe : <link rel="stylesheet" type="text/css" href="LDFA.css"> et dans LDFA.css, tu remets tout ton code (sans les balises <style>)

 

Ensuite regardes ce qui sert vraiment car il y a vraiment beaucoup de lignes ! Elles servent toutes ? Je te recommande, pour t'y retrouver, d'utiliser FireFox (ou Moz) et son inspecteur DOM (une vraie merveille, il est dans "Outils" !) :

 

1) Tu ouvres ta page dans le renard

2) Tu ouvres l'inspecteur (en full screen pour mieux voir)

3) Dans l'icone "Tableau" de la fenêtre de gauche, tu choisis "stylesheets"

4) Puis tu remets "Dom Nodes" pour voir tes éléments

5) Tu cliques dans "Examiner" à droite de la barre d'adresse

6) Tu déroules de BODY en cliquant dans le +

7) Tu vas dans tes éléments..

 

Lorsque c'est un "bloc" (DIV et autres), tu cliques du droit dedans et tu le fais clignoter (en bas, dans le navigateur)... et c'est comme ça que tu repères que tes boutons menu sont dans un DIV qui a "navinterne" pour ID

 

 

Première modif :

#navinterne a {

color: #FFFFFF;

border: 1px solid #FFFFFF;

padding-right: 3px;

padding-left: 3px;

margin-right: 2px;

margin-left: 2px;

text-decoration: none;

background-color: #003A9E;

}

 

#navinterne a:hover {

color: #FFCC00;

FFCC00;

border: 1px solid #FFCC00;

}

 

devient :

#navinterne a {

border: 1px solid ButtonShadow;

padding-right: 3px;

padding-left: 3px;

margin-right: 2px;

margin-left: 2px;

text-decoration: none;

background-color: ButtonFace;

}

 

#navinterne a:hover {

color: cyan;

background-color: navy;

border: 1px solid cyan;

}

 

Tu peux jouer aussi sur les bordures, par exemple en inact : haut et gauche visibles, en focus : bas et droite :

border: 1px 1px 0 0 solid ButtonShadow;

border: 0 0 1px 1px solid cyan;

 

 

 

Tu vois aussi que les liens du DIV "navstrip" n'ont pas de style particulier, donc tu peux leur en mettre un :

 

#navstrip a {

border: none;

color: blue;

text-decoration: underline;

}

 

#navstrip a:hover {

color: cyan;

background-color: navy;

border: 1px solid cyan;

}

 

 

Comme tu viens sûrement de comprendre, "#navstrip a" signifie les liens qui sont dans le bloc d'ID "navstrip"

 

Voilà pour un premier jet

 

Pour les différentes valeurs que peuvent prendre les sélecteurs, je te conseille vivement d'utiliser TopStyle ! Tu cliques sur le sélecteur dans la fenêtre Inspector, un menu déroulant va apparaître à l'extrême droite avec toutes les possibilités...

 

Bon usage

 

PS : je n'avais pas vu le nouveau topic

[babyssou]

Fais une recherche sur "DOM inspector" dans notre ami Google, ça devrait t'aider

[Jimi]

LDFA est deja assez occupe , je pense pas qu"il faille lui en rajouter ...

Je laisse personnellement la main a manu , c'est un pro pro et il m'a convaincu.

Allez manu au boulot !!! tudiou

[ManuDevil]

Je vous rappelle que nous sommes encore en débat pour savoir l'avenir du forum... En effet, IPB 2.0 vient de sortir, et c'est payant. Et IPB 1.x n'évoluera plus, ce qui est génant au niveau de la sécurité.

Bref, modifier une charte graphique sur un forum qui va peut-être être complètement modifié... vous voyez ce que je veux dire.

[NH]

Vous pensez quoi du punbb, c'est très sobre, donc très léger, mais avec des fonctions bien utiles.

Un exemple par là, sur le forum du propulseur de blog dotclear.

[Jimi]

Vous pensez quoi du punbb

Le simple avis d'un ignare sur le sujet :

C'est tres spartiate comme apparence par contre en vitesse !!!! WOOOOUF

[NH]

C'est tres spartiate comme apparence par contre en vitesse !!!! WOOOOUF

Tu as tout à fait compris le concept

Tu as aussi raison sur le fait que c'est sans doute trop minimaliste pour un forum aussi conviviale que celui de Ldfa.

Mais j'aimerais bien que certains grands sites généralistes prennent de la graine sur ce genre de forum, très pro, et qui mets en avant le fond plus que la forme ( et accessoirement utilise à très bon escient la desormais indispensable syndication).

 

Sinon, tant que nous sommes à parler de modifications profondes, je sais pas si Ldfa songes à changer de cms également, mais il y'en a un de très intéressant actuellement, c'est e107.

Sous licence gnu, basé sur php et mysql, il a le principale interêt de générer des pages valides xhtml tout en proposant quasiment tous les "goodies" que les autres portails peuvent offrir ( aggrégation, chatbox, ... et un forum Invision notamment).

 

Bref une bonne pioche au cas où .