Skip to main content Help Control Panel

Login   A+   A-

Downloads «   Skin factory «  

grigloo

Posted by Lasares on Mar. 16 2007, link updated by ThierryP on Jan. 1, (popular)  
Source: http://www.360kmh.com/articles/view.php/61
***** 1 rate

Vous êtes bienvenus à copier, utiliser et modifier ce skin
le skin grigloo pour yacsLe skin grigloo pour yacs

Présentation de grigloo

grigloo, c'est le skin que j'ai créé pour mon site, 360kmh.com. Il est constitué des éléments suivants :
  • la feuille de style grigloo.css
  • le fichier skin.php
  • le fichier template.php
  • plusieurs images.


Le skin grigloo est dérivé du skin digital fourni avec yacs. Il comporte 3 colonnes et des onglets de navigation, ainsi qu'un agencement de couleurs facilement personnalisable. Il est conçu pour permettre à l'internaute de modifier la taille de police à l'affichage. Il a été testé avec Internet Explorer 6 et 7, de même qu'avec Mozilla Firefox 1 et 2.

grigloo.css

La feuille de style est disponible en 2 versions. Dans grigloo.css, les règles de style sont organisées dans un ordre qui diffère de celui habituellement utilisé par yacs, que je trouve plus utile lorsque j'effectue des ajustements au design de l'interface. La version grigloo_0.css comporte les mêmes règles, dans l'ordre familier à yacs.

skin.php

Le fichier skin.php a été modifié pour ajouter le formulaire d'authentification dans la boîte Utilisateurs de la colonne de gauche. Pour éviter le dédoublement, enlevez ce formulaire de la boîte Menu, à partir de la carte du site.

template.php

Dans le fichier template.php, des lignes blanches ont été ajoutées pour séparer les différentes zones de la page (comme main_panel ou extra-panel) afin de faciliter la lecture du code source envoyé au navigateur.

Les images

Le dossier images contient plusieurs images nécessaires au skin, qui sont appellées par la feuille de style. Si vous personnalisez l'agencement de couleurs de la feuille de style, il devrait être relativement facile d'ajuster les images en modifiant leur teinte dans un programme de traitement d'images.

Quelques images du dossier icons ont également été modifiées, notamment celles qui comportaient du texte en anglais, pour les rendre "bilingues" (quoique moins explicites).


Add a comment · Page bottom

Files

Grigloo.tgz 154,426 bytes, 430 downloads
Edited by Lasares on Mar. 16 2007
Zoom

1 file

Comments

Lasares on Mar. 16 2007
J'aimerais bien savoir ce que Bernard, et les autres membres de la communauté d'ailleurs , pensent de ma feuille CSS. En particulier, la façon dont j'ai réorganisé les règles de style est-elle acceptable ? Est-ce qu'une sorte de table des matières des règles, ça aide ? Ou devrais-je plutôt me conformer strictement à l'organisation des autres skins ?

Et puis, je croyais que ce serait une bonne idée d'écrire un petit texte de présentation du skin, mais ça ne convient pas très bien à l'affichage choisi pour Skin Factory (jive, si je ne me trompe). À moins qu'on ne mette la description en commentaire ?
Bernard on Mar. 18 2007
Lasares: Je n'ai pas encore pris le temps de rentrer dans le détail de la feuille de style, mais ça a l'air efficace en tout cas. Et puis finalement, la description passe très bien non ? Lorsque nous aurons tout plein de styles à partager, nous reverrons à remplacer jive par autre chose, mais nous n'en sommes pas encore là ...
Lasares on Mar. 19 2007
Bernard :

Si ça vous va, ça me va !
Olivier on Apr. 7 2007

merci je l'ai phagocyté pour mon site http://lapharma.fr


Olivier on Apr. 9 2007

le css est très bien documenté mais je j'arrive pas à changer les couleurs.

par exemple j'ai essayé de changer:
#7b0 : "odd" title color, for header_slogan, h1, some highlights

avec la pipette de colorzilla j'ai pris une couleur que je souhaite utiliser: #00FF73
mais le codage des couleurs semble différent.

avec web developer je ne trouve pas les mêmes codes couleurs que dans le css.

que faut il faire ?


GnapZ on Apr. 10 2007
Olivier : Les codes couleur à 3 chiffres (hexa) ne sont en fait que l'utilisation de codes à 6 chiffres identiques par groupes de 2. Ex: #7b0 = #77bb00 . c'est juste une question de notation. De plus, la codification à 3 chiffres permet d'établir une palette "web" plus homogène et compatible.

Si les nouvelles valeurs ne sont pas visibles, c'est plutôt une question de rafraîchissement (caches yacs et browser).
Olivier on Apr. 10 2007

si je comprends bien, on peut mettre dans yacs indifférement  #0077BB ou #07B ?


Lasares on Apr. 10 2007
Olivier :

Exact.

Et pour plus de précision :

Vous devez ouvrir la feuille de style CSS avec un éditeur de texte et faire un remplacement glogal (//search and replace//) de toutes les occurences de #7b0 par #00FF73.
Olivier on Apr. 10 2007

est-ce un bug ou est ce voulu ?

dans grigloo, si l'on est pas authentifié, il y a en doublon les champs de saisie de l'utilisateur et de son mot de passe.


Lasares on Apr. 10 2007
Olivier :

C'est voulu. J'ai ajouté le formulaire d'authentification dans le menu Utilisateurs où je le trouvais plus approprié. Il faut par contre l'enlever du Menu principal, comme indiqué dans la rubrique Skin.php de la description de grigloo, en haut de cette page.

Alternativement, vous pouvez modifier skin.php dans le skin grigloo pour éliminer le changement que j'y ai fait.

35 comments · 1-10 · 11-20 · 21-30 · 31-35 · Next page ·  Add a comment