Bonjour à vous,
Je requiert vos conseils avisés par rapport à une modification que je voudrais apporter à ma galerie fraichement installée sur mon site internet. Il se trouve que cette galerie une fois adapté au design de mon site se trouve dans un conteneur de 840px de large et est donc tout en hauteur. ma question est la suivante:
Serait il possible, en inserant par exemple une ancre, que lorsque que l'on fait défiler les photo avec les liens de navigations (image suivante image precedente etc.) la page se charge au niveau de cette ancre ?
Auquel cas le titre de la photo s'afficherait en haut de la page et non la banniere et le menu de mon site. ce qui empecherait de devoir donner un coup de roulette vers le bas.
Si vous avec des idées concernant la réalisation de la mienne, ou encore de meilleures ...
Bonne journée à vous ;)
Hors ligne
Pigé... On regardera ça.
Hors ligne
Une solution comme ca:Remove Mb Header qui fonctionne pour 4 thèmes...
Ca supprime la bannière pour les pages des images...
Exemples sur mes 2 sites.
Tu peux sans aucun doute l'adapter à ton cas ;-)
Hors ligne
./template/yoga/picture.tpl
On remplacera les 91 premières lignes jusqu'à:
<!-- END next -->
Remplacement par:
<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->
<div id="imageHeaderBar">
<a name="nohead"></a>
<div class="browsePath">
<a href="{U_HOME}" rel="home">{lang:home}</a>
{LEVEL_SEPARATOR}{SECTION_TITLE}
{LEVEL_SEPARATOR}{PICTURE_TITLE}
</div>
<div class="imageNumber">{PHOTO}</div>
<!-- BEGIN title -->
<h2>{TITLE}</h2>
<!-- END title -->
</div>
<div id="imageToolBar">
<div class="randomButtons">
<a href="{U_SLIDESHOW}" title="{lang:slideshow}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/slideshow.png" class="button" alt="{lang:slideshow}"></a>
<a href="{U_METADATA}" title="{lang:picture_show_metadata}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/metadata.png" class="button" alt="{lang:picture_show_metadata}"></a>
<!-- BEGIN download -->
<a href="{download.U_DOWNLOAD}" title="{lang:download_hint}"><img src="{pwg_root}{themeconf:icon_dir}/save.png" class="button" alt="{lang:download}"></a>
<!-- END download -->
{PLUGIN_PICTURE_ACTIONS}
<!-- BEGIN favorite -->
<a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" class="button" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN representative -->
<a href="{representative.URL}" title="{lang:set as category representative}"><img src="{pwg_root}{themeconf:icon_dir}/representative.png" class="button" alt="{lang:representative}"></a>
<!-- END representative -->
<!-- BEGIN admin -->
<a href="{U_ADMIN}" title="{lang:link_info_image}"><img src="{pwg_root}{themeconf:icon_dir}/preferences.png" class="button" alt="{lang:link_info_image}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
<a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{pwg_root}{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"></a>
<!-- END caddie -->
</div>
<div class="navButtons">
<!-- BEGIN last -->
<a class="navButton prev" href="{last.U_IMG}#nohead" title="{lang:last_page} : {last.TITLE_IMG}" rel="last"><img src="{pwg_root}{themeconf:icon_dir}/last.png" class="button" alt="{lang:last_page}"></a>
<!-- END last -->
<!-- BEGIN last_unactive -->
<a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/last_unactive.png" class="button" alt=""></a>
<!-- END last_unactive -->
<!-- BEGIN next -->
<a class="navButton next" href="{next.U_IMG}#nohead" title="{lang:next_page} : {next.TITLE_IMG}" rel="next"><img src="{pwg_root}{themeconf:icon_dir}/right.png" class="button" alt="{lang:next_page}"></a>
<!-- END next -->
<!-- BEGIN next_unactive -->
<a class="navButton next"><img src="{pwg_root}{themeconf:icon_dir}/right_unactive.png" class="button" alt=""></a>
<!-- END next_unactive -->
<a class="navButton up" href="{U_UP}" title="{lang:thumbnails}" rel="up"><img src="{pwg_root}{themeconf:icon_dir}/up.png" class="button" alt="{lang:thumbnails}"></a>
<!-- BEGIN previous -->
<a class="navButton prev" href="{previous.U_IMG}#nohead" title="{lang:previous_page} : {previous.TITLE_IMG}" rel="prev"><img src="{pwg_root}{themeconf:icon_dir}/left.png" class="button" alt="{lang:previous_page}"></a>
<!-- END previous -->
<!-- BEGIN previous_unactive -->
<a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/left_unactive.png" class="button" alt=""></a>
<!-- END previous_unactive -->
<!-- BEGIN first -->
<a class="navButton prev" href="{first.U_IMG}#nohead" title="{lang:first_page} : {first.TITLE_IMG}" rel="first"><img src="{pwg_root}{themeconf:icon_dir}/first.png" class="button" alt="{lang:first_page}"></a>
<!-- END first -->
<!-- BEGIN first_unactive -->
<a class="navButton prev"><img src="{pwg_root}{themeconf:icon_dir}/first_unactive.png" class="button" alt=""></a>
<!-- END first_unactive -->
</div>
</div> <!-- imageToolBar -->
<div id="theImage">
{ELEMENT_CONTENT}
<!-- BEGIN legend -->
<p>{legend.COMMENT_IMG}</p>
<!-- END legend -->
<!-- BEGIN stop_slideshow -->
<p>
[ <a href="{stop_slideshow.U_SLIDESHOW}">{lang:slideshow_stop}</a> ]
</p>
<!-- END stop_slideshow -->
</div>
<!-- BEGIN previous -->
<a class="navThumb" id="thumbPrev" href="{previous.U_IMG}#nohead" title="{lang:previous_page} : {previous.TITLE_IMG}" rel="prev">
<img src="{previous.IMG}" class="thumbLink" id="linkPrev" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb" id="thumbNext" href="{next.U_IMG}#nohead" title="{lang:next_page} : {next.TITLE_IMG}" rel="next">
<img src="{next.IMG}" class="thumbLink" id="linkNext" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->
Si tu as peur de te tromper:
picture.tpl avec #nohead
Clic-droit et Enregistre la cible...
Ça fait ce que tu voulais obtenir.
8-)
Hors ligne