•  » Styles
  •  » Démarrer avec les CSS de LocalFilesEditor

#1 2016-01-02 15:12:38

malouxa
Membre
2007-07-15
261

Démarrer avec les CSS de LocalFilesEditor

Bonjour,
Je souhaite augmenter la taille des caractères de l'ensemble des onglets/tags et menus de l'album afin qu'il soit plus abordable à la navigation sur tablette.
J'ai compris qu'il fallait passer par les feuilles de style via le plugin "LocalFilesEditor".

Parmi les nombreux essais j'ai réussi à changer le fond de la page avec :
body {background-color: #d8da3d}

Je comprends que pour viser les autres "classes" il faut savoir comment elles s'appellent?
Concrètement que faut-il que j'insère dans le plugin pour démarrer?
Merci d'avance :-)

Version de Piwigo: 2.7
Version de PHP:
Version de MySQL:
URL Piwigo: http://francoislegris.piwigo.com/

Hors ligne

#2 2016-01-02 16:52:44

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

Bonjour,
voici une idée à tester :

Code:

#the_page{font-size: 12pt;}

NB:
j'ai fait un clic droit dans firefox ; puis "examiner l'élément" ;
là je me retrouve dans l'inspecteur firefox ;
dans "body" je trouve font-size: 13px ; Mais si je le change rien ne se passe ;
Alors je regarde le div suivant <div id="the_page"> là je vois font-size: 8pt;
et si je modifie en 12pt tout le texte change

C'est du bidouillage mais çà marche .... :)

Bons tests et bonne année :)

#3 2016-01-02 17:50:07

malouxa
Membre
2007-07-15
261

Re: Démarrer avec les CSS de LocalFilesEditor

Merci, mais #the_page ne cible pas les tag ou bien les onglets par exemple, ça doit être plus subtil que ça :-)

Hors ligne

#4 2016-01-03 09:44:56

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

Bonjour,
dans mon essai sur la page d'accueil çà fonctionne (du moins dans l'inspecteur firefox),
sinon il faut faire un clic droit sur l'élément désiré (onglet par exemple) puis "examiner l'élément" et dans l'inspecteur chercher le div ou la classe qui se rapporte à l'élément choisi...
bons tests :)

#5 2016-01-03 09:49:53

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

Re: par exemple pour les tags de la page d'accueil (et uniquement les tags) :

Code:

#fullTagCloud  font-size: 116%;}

Bonne journée :)

#6 2016-01-03 14:07:15

malouxa
Membre
2007-07-15
261

Re: Démarrer avec les CSS de LocalFilesEditor

ok merci, je vais essayer :-)

Hors ligne

#7 2016-01-03 18:35:57

malouxa
Membre
2007-07-15
261

Re: Démarrer avec les CSS de LocalFilesEditor

Bonsoir,
J'ai réussi en partie à personnaliser la présentation des tags.

Cependant ça a modifié de manière anarchique la taille de la police par défaut des caractères de la bannière du haut de la page qui porte les menu/accueil/map/laguage.

j'ai par exemple formater le "localFile Editor" ainsi

#fullTagCloud{font-family:verdana;font-size:11pt;
/*#languageSwitchBox .switchBoxTitle{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #FF0000}*/
/*#languageSwitchBox a{color:#FF0000}*/

les lignes avec /* sont celles inhibée qui n'ont pas d'effets et je ne sais pas pourquoi...

J'ai trouvé et édité la liste des fichiers .css dans cet ordre :
/*BEGIN themes/stripped/theme.css */
/*BEGIN themes/default/print.css */
/*BEGIN themes/stripped/theme-white.css */
/*BEGIN plugins/PWG_Stuffs/theme/stuffs_index.css */
/*BEGIN plugins/AMenuManager/amm2.css */
/*BEGIN plugins/rv_menutree/menutree.css */
/*BEGIN ./plugins/language_switch/style.css */
/*BEGIN ./plugins/language_switch/language_switch.css */
/*BEGIN ./locals/6/l/4/6l4i2o9ubw/css/stripped-rules.css */
/*BEGIN ./locals/6/l/4/6l4i2o9ubw/css/rules.css */

il semble qu'il y ai un ordre de priorité qui inhibe le formatage d'un élément par une feuille de style supérieure, peut-on imposer ce qui est dans celle qu'on a à notre disposition c'est à dire /*BEGIN ./locals/6/l/4/6l4i2o9ubw/css/stripped-rules.css */ ???

Merci de vos éclairages :-)

Hors ligne

#8 2016-01-04 12:16:07

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

Bonjour,
dans un premier temps il faut voir s'il y a un changement après correction d'une erreur:
il faut fermer le css avec: }

Code:

#fullTagCloud{font-family:verdana;font-size:11pt;}

peut-être que déjà cela améliorera le fonctionnement ... (sans garantie)

Ceci-dit j'aurai tendance à préferer utiliser "font-size:111%" car les font-size des tags sont déjà exprimés en pourcentages ...

NB: je suis loin d'être un bon en CSS ... j'apprends peu à peu et surtout en faisant des test, donc des "loupés" aussi :)
La preuve: je viens de vois que le code que j'avais donné était sans la { ouvrante ...

#9 2016-01-04 12:20:17

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

Re,

pour les css que l'on veut "imposer" le truc que je connais est des rajouter "!important" au style :
par exemple

Code:

#fullTagCloud {font-size: 111% !important;}

Toujours pareil avec mes connaissances réduites, c'est à tester sans garantie :)
Bonne journée et bon tests

#10 2016-01-04 12:52:38

mistic100
Ex Equipe Piwigo
Lyon
2008-09-27
3555

Re: Démarrer avec les CSS de LocalFilesEditor

faites vous un cadeau, écrivez votre CSS sur plusieurs lignes

Code:

#fullTagCloud {
  font-size: 111%;
}

c'est infiniment plus lisible

Hors ligne

#11 2016-01-04 13:10:29

teff
Invité

Re: Démarrer avec les CSS de LocalFilesEditor

@ mistic
"ah çà c'est ben vrai çà !"  :-D
Merci pour le tuyau !

  •  » Styles
  •  » Démarrer avec les CSS de LocalFilesEditor

Pied de page des forums

Propulsé par FluxBB