•  » Styles
  •  » Stripped-GThumb en largeur 100%

#1 2014-11-30 19:43:13

deheme
Membre
IDF
2014-05-14
200

Stripped-GThumb en largeur 100%

Bonsoir,
Je voudrais changer un peu le thème stripped que j'utilise avec GThumb+ pour que l'affichage d'un album utilise toute la largeur de l'écran.
J'ai essayé de modifier le css avec local file sans succès, il y a un style qui vient à chaque fois mettre le bazar.

L'inspecteur de firefox me dit que le code est le suivant :
<div id="content">
    <div id="menubar"></div>
    <div id="content_cell">
        <div id="subcontent">
            <div id="thumbnails_block1">
                <div id="thumbnails_block2" style="max-width: 1120px;">
                    <ul id="thumbnails" etc.

(etc. n'est pas dans le code hein!)

Mais où donc se trouve la déclaration style="max-width: 1120px;" pour que je la remplace par max-width:100% ?
(en espérant que c'est bien ça que je veux...)

DéHème

Version de Piwigo: 2.7.2
PHP: 5.4.33
MySQL: 5.5.40-36.1
URL Piwigo: http://deheme.com

Hors ligne

#2 2014-12-01 08:44:04

Bigste
Invité

Re: Stripped-GThumb en largeur 100%

Bonjour,

voici un essai...

Code:

#the_page {
max-width: 99%;
}

#content {
max-width: 100%;
}

#content_cell {
max-width: 100%;
}

.thumbnailCategories {
max-width: 100%;
}

Bon test :)

#3 2014-12-01 22:15:25

deheme
Membre
IDF
2014-05-14
200

Re: Stripped-GThumb en largeur 100%

Merci,

Avec ça en plus :
#thumbnails, #thumbnails_block1, #thumbnails_block2{
width: 103% ;
max-width: 100% ;
margin:auto;
}
.content_block  {
    max-width: 100%;
}
.content_block .additional_info {
    max-width: 100%;
}

Ça marche presque, mais pas vraiment comme dans le thème Modus (voir http://www.modusoptimus.com/pwg/index/c … paris-2013).
De plus ça injecte des problèmes dans la liste des albums...pas cool.

Et portant, sans CSS, si je modifie (dans l'examinateur firefox)
<div id="thumbnails_block2" style="max-width: 1120px;"> (cf mon premier post)
en
<div id="thumbnails_block2" style="max-width: 100%;">
ça donne ce que je veux, mais je ne sais pas où changer!

DéHème

Hors ligne

#4 2014-12-02 09:37:37

Bigste
Invité

Re: Stripped-GThumb en largeur 100%

Bonjour,

deheme a écrit:

Et portant, sans CSS, si je modifie (dans l'examinateur firefox)
<div id="thumbnails_block2" style="max-width: 1120px;"> (cf mon premier post)
en
<div id="thumbnails_block2" style="max-width: 100%;">
ça donne ce que je veux, mais je ne sais pas où changer!

Oui, c'est un problème auquel j'ai aussi été confronté, résolu parfois en rajoutant "!important", donc peut-être que çà fonctionnera en essayant :

Code:

<div id="thumbnails_block2" style="max-width: 100% !important;">

*****

deheme a écrit:

Ça marche presque, mais pas vraiment comme dans le thème Modus (voir http://www.modusoptimus.com/pwg/index/c … paris-2013).

D'une part les vignettes n'ont pas les mêmes proportions (çà c'est le choix dans les options), d'autre part le fait que les vignettes du thème Modus soient "accolées" les unes aux autres résultent d'une strucure de base différente... et là je pense qu'il faudrait repartir du thème modus... mais je ne suis pas expert ... :)

*****

deheme a écrit:

De plus ça injecte des problèmes dans la liste des albums...pas cool.

Je ne vois pas les problèmes ... :)

Bonne journée à vous...
Et un Grand MERCI à toute l'équipe PIWIGO pour le CMS et ce forum !

#5 2014-12-02 11:20:26

deheme
Membre
IDF
2014-05-14
200

Re: Stripped-GThumb en largeur 100%

Merci de ton aide,
Je ne me suis pas lancé dans la modification de MODUS pour des raisons de compétences, mais qui sait avec l'aide de ce forum (tu as raison, on ne remercie pas suffisamment alors: MERCI A TOUS) je progresse de jour en jour. Cela dit, la marge reste grande ;-).

Ce qui me plait bien dans Stripped c'est la gestion des onglets sur la page photo c'est pourquoi je suis parti de ce thème.
En ce qui concerne les effets collatéraux de mes modifs, je pense que j’arriverai à les surmonter (par exemple les vignettes des albums sont justifiées à gauche, la largeur étant grande si je n'ai que 4 albums, ça ne fait pas très joli: http://deheme.com/p2/index.php?/categories

Dans Modus, toute la largeur est prise quelque soit la dimension de la fenêtre, et je ne pense pas que la taille des vignettes soit en jeu, puisqu'elle est modifiée dynamiquement.

Tu propose de mettre <div id="thumbnails_block2" style="max-width: 100% !important;">
mais ça n'est pas du CSS n'est-ce pas, alors où dois-je introduire ce div?


Cordialement
DéHème

Dernière modification par deheme (2014-12-02 11:21:21)

Hors ligne

#6 2014-12-02 17:03:50

Bigste
Invité

Re: Stripped-GThumb en largeur 100%

Ah ! pardon j'ai été plutôt distrait :)

deheme a écrit:

Tu propose de mettre <div id="thumbnails_block2" style="max-width: 100% !important;">
mais ça n'est pas du CSS n'est-ce pas, alors où dois-je introduire ce div?

ce serai donc plutôt :

Code:

#thumbnails_block2{
max-width: 100% !important;
}

ceci dit je me suis référé à ton post précédent mais je n'ai pas trouvé ces div id="thumbnails_blockXXX" sur ton site..


Pour http://deheme.com/p2/index.php?/categories tu peux essayer

Code:

.thumbnailCategories {
    display: table;
}

Par contre, à priori çà ne fonctionne pas sur http://deheme.com ...et je ne trouve pas pourquoi...

Bon tests :)

#7 2014-12-02 21:03:19

deheme
Membre
IDF
2014-05-14
200

Re: Stripped-GThumb en largeur 100%

Merci Bigste,

Voici ce que ça donne, je vais en rester là, il faut aussi que je garde un peu de temps pour faire des photos...

http://deheme.com/p2/index.php?/category/96

Note : le div dont je faisais état est visible sur la page vignettes avec l'examinateur firefox, mais je pense qu'il est généré automatiquement, je suis en limite de compétences pour t'expliquer plus :-o)

Je ne comprends pas ton commentaire sur deheme.com, ce domaine pointe vers une autre instance de piwigo que j'ai pas mal torturée... je veux juste montrer que l'on peut customiser Piwigo à l'extrème. Pour l'instant, ça n'est pas très élégant mais je ne désespère pas. Mon modèle inaccessible est http://www.marie-noelle-augendre.com/photos/ !!!

Une autre chose que j'aimerais bien faire est de remplacer le slider de la page d'accueil (un smart album avec les photos les mieux notées) par un slider responsive. Comme extended utilise Nivo, ça devrait être possible non?

Cordialement
DéHème

Hors ligne

#8 2014-12-02 21:49:08

Bigste
Invité

Re: Stripped-GThumb en largeur 100%

Bonsoir,

j'ai trouvé l'origine des div :
thumbnails_block1 et thumbnails_block2, ce sont des "blocs"générés par Gthumb+

A propos de deheme.com :
- je voulais dire juste que les vignettes restes "justifiées" à gauche au lieu d'êtres centrées... et je ne sais pas pourquoi... mais çà n'est pas très important :)
- J'aime beaucoup ta personnalisation du thème, sobre et élégante !

Pour les sliders, là je n'y connait rien, désolé :)

Bonnes photos à toi
NB: j'aime beaucoup l'athmosphère de la série Berlin :)

  •  » Styles
  •  » Stripped-GThumb en largeur 100%

Pied de page des forums

Propulsé par FluxBB