Annonce

  •  » Utilisation
  •  » changer l'apparence pour les nuls (comme moi)

#1 2005-01-28 09:38:25

latriche
Membre
2005-01-26
200

changer l'apparence pour les nuls (comme moi)

slt a ts,
comme j'avais demandé mais que les réponses ne ma satisfaisaient pas, j'ai pris mon courage a deux mains et tester toutes les modifications de fond, polices, couleurs, taille. il en ressort la petite liste que je vous livre ci après.

vous pouvez toujours en ajouter si yen manque.

j'espere que ca pourra servir a qqn.

voila, emm.... vous bien

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

valable avec la version 1.4

tout d'abord, la page d'accueil est considérée comme la page 1. la page 2 sera la page du deuxième lien, cad celle ou sont affichées toutes les miniatures d'une "sous-catégorie". la page 3 est la page avec la grande photo affichée et les fleches de progression. voir sur ce lien :
http://fcdombes2.free.fr/galeriephotos/category.php

les couleurs de police sont representées par des codes de 6 caracteres FFFFCC, FF0000, 14B32C, etc....(hexadecimal)

pour avoir un code couleur, ouvrir photoshop (ou autre) et cliquer dans la barre d'outils sur le cadre avec la couleur. ca ouvre la selection des couleurs et en bas apparait le code hexadecimal d'une couleur.

ouvrir le fichier template/default/default.css

- la ligne 4  :  .main, .throw, .admin {    background-color:#444444;} /*Main background color*/ represente le fond de la page

- 5  :  .row1,input,select,textarea, .table1, .home { background-image: url(http://fcdombesbenjamins.free.fr/fcdomb … le_150.jpg);} /* Tables & forms */ 
c'est le fond du menu de gauche et le fond ou sont affichées les miniatures sur la page 1
pour la page 3, c'est le fond du cadre "commentaire".  A l'origine c'est "  background-color:#5F5F5F"

- 6  :   .table2, .commentTitle { background-color: #797979;} /* Alternate table & comments  */
sur la page 3, couleur du texte "commentaire des vsisteurs du site"

- 8  :  .titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.gif);} /* Titles background image  */
page 1, c'est le fond de cadre du titre des categories et au dessus des miniatures
page 3, c'est la grande barre de titre au dessus de la garnde image

- 9  :  .bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */
page 1, ca concerne le bouton connexion, pour la 3 c'est la barre de menus au dessus grande image

- 13  :  body { color:#FF0000;} /* General font color */
ca change les petits carrés devant les noms des rubriques et sur la page 3 la couleur du nombre de commentaires sous chaque photo

- 15  :  .titreMenu, .titreMenu a, .info, .admin{ color:#FFFF00;} /* Menu & sections titles */
ca c'est pour les titres des catégories du cadre de gauche

- 16  :  .titrePage, .titreMenu a:hover { color:#ffff00;} /* Page title */
sur la page 1, c'est la couleur de "accueil" au dessus des miniatures, et pour la 3, c'est le titre des photos

- 17  :  .comment{ color:#C6B78E;} /* Comments */
page 3, ca change la couleur de auteur et de commentaire

- 18  :  .commentDate { color:#999999;} /* Comments date */
page 2 ca change la date du commentaire

- 19  :  .throw { color:#FFFFCC;} /* First line of tables */
page 3, ca change ajouter un commentaire

- 20  :  .bouton, .errors { color:#FFFFFF;} /* Buttons & errors */
c'est le fond des boutons "connexion" et "valider"


- 32  :  a { text-decoration:none; color:#000000;},
page 1 c'est la couleur de texte des sous-catégories

- 33  :  a:hover { text-decoration:none; color:#152BF9;}
page 1 c'est la couleur de texte des sous-catégories quand on les active en passantv dessus


attention on passe aux tailles de texte

- 43  :  body /* Main font style */   font-size:10px;
c'est l'e'spacement en hauteur entre les titres des sous catégories

- 67  :  .titreMenu /* Menu titles */   {  font-size:18px;
c'est la taille du titre des categories

- 75 :  .titrePage /* Page titles */      font-size:20px;
taille des polices de la barre de titre au dessus des minaitures

- 85  : .menu, .thumbnail, .totalImages { font-size:14px;}
page 1, taille des textes de sous categ  et des textes sous miniatures
page 3, texte sous grande photo

- 91  :  .nameImage { font-size:20px;}
page 3 c'est le titre au dessus de l'image


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#2 2005-01-28 12:30:07

henoux
Membre
2005-01-14
2

Re: changer l'apparence pour les nuls (comme moi)

Nickel,
C'est un super début pour le howto-wiki des feuilles de style pour pwg.
Je crois qu'en faisant la synthese de toutes les remarques sur l'apparence et sur les templates, on doit commencer à avoir une doc sympa.
Merci de t'etre emm.... j'avais commencé mais pas aussi bien que toi.
Tcho.

Hors ligne

#3 2005-01-31 19:02:52

Sakoche
Membre
Grenoble
2005-01-05
23

Re: changer l'apparence pour les nuls (comme moi)

Sur le texte voici quelques options :
font-family : serif, sans-serif, cursive, fantasy, monospace, <nom de la police>

font-style : normal, italic, oblique

font-variant normal, small-caps

font-weightnormal, bold, bolder, lighter

font-sizelarger, smaller, <longueur en px>, <pourcentage>

text-decorationnone, underline, overline, line-through, blink

text-transformcapitalize, uppercase, lowercase, none

exemple
.nomdustyle
{
background : #ffff00;
color: #000000;
font-family: Arial, Tahoma, Helvetica,  sans-serif;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}

Cela donnera un texte en arial(ou Tahoma si arial non présent ou hekvetica si arial et tahoma non présente etc) noir sur fond jaune souligné en gras d'une taille de 20 pixels

Dernière modification par Sakoche (2005-02-01 09:14:51)


Tu as une sacrée paire de couilles, mais tu t'es pris les pieds dedans une fois de trop!

Trace Urbaine

Hors ligne

#4 2005-02-01 07:21:21

latriche
Membre
2005-01-26
200

Re: changer l'apparence pour les nuls (comme moi)

j'avais pas eu le tps de faire tout ça, mais l'erreur est rattrapée dasn un deuxième post
en tout cas, ca fait tjs avancer le schmilblick


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#5 2005-02-01 08:36:31

Sephi
PhpWebGallery Team
Suisse
2004-11-28
430

Re: changer l'apparence pour les nuls (comme moi)

Dans ton exemple tu as oublié un point-virgule à la ligne où tu définis la couleur du background. ;-)
Moi, pinailleur ? Nooonnn...

Hors ligne

#6 2005-02-01 09:15:16

Sakoche
Membre
Grenoble
2005-01-05
23

Re: changer l'apparence pour les nuls (comme moi)

Sephi a écrit:

Dans ton exemple tu as oublié un point-virgule à la ligne où tu définis la couleur du background. ;-)
Moi, pinailleur ? Nooonnn...

Meuh non je l'ai pas oublié, c'était pour voir si vous suiviez :D


Tu as une sacrée paire de couilles, mais tu t'es pris les pieds dedans une fois de trop!

Trace Urbaine

Hors ligne

#7 2005-02-16 10:46:12

latriche
Membre
2005-01-26
200

Re: changer l'apparence pour les nuls (comme moi)

petit ajout de derniere minute :

le "  .info " de la ligne 15 et de la ligne 93 de default.css, c'est le texte qu'on peur insérer via administration > Catégories > Gestion > edit, en branche 1.4 et qui apparait sous les miniatures juste avant la gde image. voir la

http://fcdombesbenjamins.free.fr/galeri … php?cat=29


L'erreur est humaine mais un véritable désastre nécessite un ordinateur

http://fcdombes.free.fr/galeriephotos/category.php

Hors ligne

#8 2005-02-17 10:39:31

Simpo
Membre
2005-02-10
4

Re: changer l'apparence pour les nuls (comme moi)

Aprés la période découverte, j'essaie d'aborder la période modification perso.
Peut etre que ce n'est pas possible en php, mais si cela l'etait, l'insertion de ligne de commentaires dans le code serait le bienvenu
Encore une fois félicitations aux programeurs


IL faut savoir donner beaucoup pour recevoir un peu

Hors ligne

#9 2005-02-19 16:25:09

fanmon
Membre
2005-02-07
1

Re: changer l'apparence pour les nuls (comme moi)

Merci pour tous ces petites astuces. ça m'a bien aider, vu que je suis un debutant en la matiere.

Hors ligne

#10 2005-03-04 16:57:17

Gweltas
PhpWebGallery Team
Lyon en théorie
2003-12-04
547

Re: changer l'apparence pour les nuls (comme moi)

Simpo a écrit:

Peut etre que ce n'est pas possible en php, mais si cela l'etait, l'insertion de ligne de commentaires dans le code serait le bienvenu

Cela est possible, mais on parle ici du fichier css (et la aussi c'est possible)
Vous trouvez que mon default.css n'est pas assez bien commenté?

Bouuuuh. moi qui me suis démené pour vous organiser la feuille pour qu'elle soit aisément modifiable.. je suis malheureeeeeeeux!!

PS. Je ne peux pas mettre dans le fichier css les endroits ou j'utilise le style puisque précisément, le but d'une feuille css est de dissocier le style de son utilisation. :)

Hors ligne

#11 2005-03-05 13:24:55

pilou
Invité

Re: changer l'apparence pour les nuls (comme moi)

Je ne voudrais pas parraitre "oiseau de mauvaise augure râleur" alors que des gars se décarcasse pour nous pondre des script, j'apprécie et les remercie de tout coeur !
Mais une question :
Pourquoi compliquer la vie à sortir ce super script tout laid avec un fond lugubre noir ?
Il me semble que la demande est grande à lire ce forum des ennuits que celà cause pour rendre la page neutre (blanche) avec les css.
Je remercie le concepteur et tout ceux qui travaille à l'améliorer.
Pilou14

#12 2005-03-11 00:43:55

Pierrot
Membre
Banlieue de TOULOUSE
2002-09-21
385

Re: changer l'apparence pour les nuls (comme moi)

Si vous voulez voir les changements de couleurs ( un peu plus gaies) regardez Regardez cette galerie

Hors ligne

#13 2005-03-11 10:19:59

tlegras
Membre
2005-02-02
175

Re: changer l'apparence pour les nuls (comme moi)

pilou a écrit:

Pourquoi compliquer la vie à sortir ce super script tout laid avec un fond lugubre noir ?

Pas très sympa pour le designer, ça...

Zorglub a dit sur ce forum qu'il mettra un thème clair. wait & see.

Thierry.

Hors ligne

#14 2005-03-11 17:44:11

Sephi
PhpWebGallery Team
Suisse
2004-11-28
430

Re: changer l'apparence pour les nuls (comme moi)

Mais le thème existe déjà !
Allez sur la galerie de démonstration, créez un compte et changez l'apparence en "Clear"...

Hors ligne

#15 2005-08-01 21:30:31

Bonnosu
Invité

Re: changer l'apparence pour les nuls (comme moi)

Bonjour à tous,

je cherche deséspérement comment ajouter une police dans mon fichier default.css qui ne se trouve pas sur le poste utilisateur.
J'ai modifié pour chaque définition body, h1, h2, titreMenu, titrePage, ....  la ligne "font-family: Nom de ma police;" et rajouté aussi la ligne "src: url(./Nomdemapolice.eot);"
J'ai généré le fichier eot depuis l'application Microsoft Weft et je l'ai copié à diiférents endroits du site au cas où j'aurais loupé le chemin d'accés.
Mais tant que je n'ai pas ajouté cete police à mes polices windows, je vois une police par défaut du type Arial.

J'ai fait le même essai dans une page html toute simple, ca fonctionne.

  •  » Utilisation
  •  » changer l'apparence pour les nuls (comme moi)

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact