•  » Styles
  •  » [résolu] Modification du thème Sylvia - image top-left-bg.jpg

#1 2009-02-20 16:00:50

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

[résolu] Modification du thème Sylvia - image top-left-bg.jpg

Bonjour,

Jusqu'à présent, ma galerie était par défaut en thème yoga/clear un chouilla modifié, qui me convenait très bien (sobre, et mettant bien en valeur les photos).
J'avais laissé en alternative aux visiteurs le thème yoga/dark, que j'aimais moins.
(je veux laisser le choix entre un thème clair et un thème foncé, même si je pense que 99% des visiteurs n'iront jamais changer le thème).

Avec Piwigo 2.0, ma femme a flashé sur le thème Sylvia, qu'elle aurait préféré en vert.
Je compte donc changer le thème principal en ce Sylvia modifié, en laissant le yoga/clear en alternative (principalement pour moi ;) )

Pour le rose en vert, aucun souci, j'ai passé toutes les images dans une moulinette pour changer la teinte rose en vert, et édité le theme.css en conséquence.

Il ne me reste qu'un problème sur le thème Sylvia : l'image en haut à gauche (top-left-bg.jpg)

Elle est très bien sur la page de garde (associée à un bandeau qui me reste à faire avec le titre de la galerie).
Mais, sur les pages d'images, elle prend beaucoup trop de place en hauteur.

Je souhaierais soit l'enlever complètement sur la page image, soit la remplacer par une autre plus petite.

Mais dans le theme.css, je ne vois que :

#the_page {
    background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    z-index:0;
    width: 100%;
    min-width: 100%;
}

Comment faire pour que la page image ne prenne pas cela en compte ?

Dernière modification par Zaphod (2009-02-20 16:27:34)

Hors ligne

#2 2009-02-20 16:04:04

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

rajouter avant #the_page id qui correspond à la page d'accueil


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2009-02-20 16:15:02

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

En fait il n'y a pas que sur la page d'accueil.
Les pages de catégories, de miniatures etc... je veux laisser l'image.

(je ne comprend pas trop le coup du #the page id)

Hors ligne

#4 2009-02-20 16:22:15

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

Zaphod a écrit:

En fait il n'y a pas que sur la page d'accueil.
Les pages de catégories, de miniatures etc... je veux laisser l'image.

(je ne comprend pas trop le coup du #the page id)

dsl j'ai lu trop vite

copie et colle le code en rajoute id qui correspond à la page de visualisation des photos (id="thePicturePage" de mémoire) genre :

#thePicturePage #the_page {
    background:transparent url(images/xxxxx) no-repeat scroll left top;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    z-index:0;
    width: 100%;
    min-width: 100%;
}

xxxxx : le liens de l'image plus petit


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2009-02-20 16:26:49

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

Merci, ça marche nickel.
Ne reste plus qu'à changer maintenant l'espacement en haut, mais ça je devrais y arriver ;)

J'avais essayé ça mais sans rajouter #the_page après #thePicturePage (et ça foirait grave, évidemment).

Tant que j'y suis les classes ".infos" et ".errors" sont affichées quand ?
Pour l'instant je n'ai pas modifié la couleur, mais ça me semble n'apparaitre nulle part...

Dernière modification par Zaphod (2009-02-20 16:27:20)

Hors ligne

#6 2009-02-20 16:33:33

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

.infos :
template/yoga/nbm.tpl]
Line 22 :   <div class="infos">

template/yoga/password.tpl]
Line 22 :   <div class="infos">

template/yoga/picture.tpl]
Line 19 : <div class="infos">

.errors
template\yoga\profile.tpl]
Line 5 : <div class="errors">

template\yoga\register.tpl]
Line 14 :   <div class="errors">

template\yoga\search.tpl]
Line 32 : <div class="errors">

template\yoga\upload.tpl]
Line 18 :   <div class="errors">

template\yoga\identification.tpl]
Line 16 :   <div class="errors">

template\yoga\nbm.tpl]
Line 12 :   <div class="errors">

template\yoga\password.tpl]
Line 12 :   <div class="errors">

template\yoga\picture.tpl]
Line 9 : <div class="errors">


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#7 2009-02-20 16:49:32

Zaphod
Former Piwigo Team
Toulouse
2006-11-13
2422

Re: [résolu] Modification du thème Sylvia - image top-left-bg.jpg

J'ai donc rajouté un :

#thePicturePage #theHeader {
    min-height:0px;
    height:0px;
}

Pour diminuer la place en haut.


Pour le reste, je vais laisser les erreurs en rouge (ça sautera d'autant plus aux yeux quand il y en aura...) et le .infos... je ne sais pas encore.
Dans un premier temps je vais le laisser comme ça, je verrai bien si ça me choque.

Hors ligne

  •  » Styles
  •  » [résolu] Modification du thème Sylvia - image top-left-bg.jpg

Pied de page des forums

Propulsé par FluxBB

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