PHPBoost CMS

il faut modifier gallery-mini.tpl

Si tu veux faire comme http://www.leschinchillas.org

heu j ai déja ouvert se fichier il ma fait trop peur je les refermé tout de suite mdr . bon il me reste plus qu a me rejeté dedans

Il faut modifier à la main quand on connait pas c'est vrai que ça peut faire peur, Kona va t'expliquer ça


Ps: Question importante, as-tu la touche apostrophe ' sur ton clavier ou on te l'a piqué?

attend je te prépare les fichiers ne fessant des commentaire.

Alors je t'explique pour l'intégrer juste au dessus de la speed bar.

En premier temps tu va dans admin/module/galerie/configuration tu choisie défilement dynamique horizontal

Ensuite ouvrir gallery_mini.tpl , sélectionner tout sont contenue puis le copier ( garder le code quelque part )

A la place , ajouter

[code=html]<br />[/code]

Enregistrer le fichier ( on y touche plus )

Comme je l'ai dis on va le placer au dessus de la speed bar donc ouvrir speed_bar.tpl.

Ont obtiens :

[code=html] # START end_right #
</div>
# END end_right #

<div id="main">
<div id="links">
<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_speed_bar #
» <a class="small_link" href="{link_speed_bar.URL}" title="{link_speed_bar.TITLE}">{link_speed_bar.TITLE}</a>
# END link_speed_bar #
</div>
<br />[/code]

Et la coller juste en dessous de # END end_right # le code que vous avez copié plus haut .


La ça devient plus compliquer , mais si vous connaissez les bases c'est bon.

Je poste mon code avec des commentaires :

[code=html] # START end_right #
</div>
# END end_right #

<div id="main">
<script type="text/javascript">
<!--
var sum_height = {SUM_HEIGHT};
var sum_width = {SUM_WIDTH};
var hidden_height = {HIDDEN_HEIGHT};
var hidden_width = {HIDDEN_WIDTH};
var scroll_speed = {SCROLL_SPEED};
var scroll_mode = '{SCROLL_MODE}';
{ARRAY_PICS}
-->
</script>
<br />
<div class="galerie_top"><!--Tu règle a ta guise dans la classe galerie_top , il s'agit du bloc qui se trouve au dessus des images qui défile -->
<h5 class="sub_title" align="center">{L_RANDOM_PICS}</h5>
</div>
<div class="galerie"><!--Il sert a faire défiler les images dans un bloc-->
<div style="width:650px;height:auto;overflow:hidden;text-align:center;margin-left:20px;margin-right:auto;margin:auto;position:relative;"><!--Avec ceci tu réglé la largeur , hauteur. -->
<div id="thumb_mini" style="left:0px;top:0px;position:relative;margin-top:5px;" onmouseover="temporize_scroll()" onmouseout="temporize_scroll();">
# START vertical_scroll #
# START pics_mini #
<a href="{vertical_scroll.pics_mini.U_PICS}#pics_max"><img src="{vertical_scroll.pics_mini.PICS}" alt="{vertical_scroll.pics_mini.NAME}" width="{vertical_scroll.pics_mini.WIDTH}" height="{vertical_scroll.pics_mini.HEIGHT}" /></a>
# END pics_mini #
# END vertical_scroll #
# START horizontal_scroll #
<table>
<tr>
# START pics_mini #
<td style="padding:4px;"><a href="{horizontal_scroll.pics_mini.U_PICS}#pics_max"><img src="{horizontal_scroll.pics_mini.PICS}" alt="{horizontal_scroll.pics_mini.NAME}" width="{horizontal_scroll.pics_mini.WIDTH}" height="{horizontal_scroll.pics_mini.HEIGHT}" /></a></td>
# END pics_mini #
</tr>
</table>
# END horizontal_scroll #
</div>
{L_NO_RANDOM_PICS}
</div>
<div align="center">
<a class="small_link" href="../gallery/gallery.php{SID}">Voir toutes les photos</a><!--J'ai mis voir toutes les photos mais tu peux changer -->
</div>
</div>
<script type="text/javascript" src="{MODULE_DATA_PATH}/images/js/scroll.js"></script>

<div id="links">
<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_speed_bar #
» <a class="small_link" href="{link_speed_bar.URL}" title="{link_speed_bar.TITLE}">{link_speed_bar.TITLE}</a>
# END link_speed_bar #
</div>
<br />[/code]

Et la on va insérer les class qui va permettre de mettre en forme tout ça.

Je l'ai mis dans global.css mais on peut aussi le mettre dans design.css , gallery.css comme vous voulez .

Voici mes deux class.

[code=css].galerie{
background:#DFF4FF;
border-left:1px solid #0099FF;
border-right:1px solid #0099FF;
border-bottom:1px solid #0099FF;
height:auto;
width:98%;
margin-left:auto;
margin-right:auto;
}
.galerie_top{
background:#B3DAEF;
border-bottom:1px dashed #0099FF;
border-right:1px solid #0099FF;
border-left:1px solid #0099FF;
border-top:1px solid #0099FF;
height:28px;
width:98%;
margin-left:auto;
margin-right:auto;
}[/code]

J'explique pas pour le css , vous pouvez trouver sur google c'est simple à utiliser .

Enregistrer le tout puis uploader le tout sur votre site .



Edité par KONA Le 06/02/08 à 11h44

Ptithom:

Pourquoi pas par contre faudrais un truc mieux expliqué je pense et avec les codes plus de commentaires j'essaierais de faire ça dans la semaine car le thème que j'ai en cours me demande beaucoup de temps plus qu'un normal car faut que je reprenne la moiter des tpl.

merci kona je prend note de tout ca . et je regarde tout demain . merci a vous mon horloge interne m'appelle au bras de morpher a demain