[Résolu] Modification de la position des miniatures dans la description d'un article

[lol_bozz]

Bonsoir,

 

Encore quelques petites question pour mon site.

J'aimerai sur http://www.lacabaned...ine/44-flu.html afficher les 6 miniatures et non 3, et je voudrai aussi supprimer les flèches suivant/précédent.

 

J'aimerai donc modifier :

 

ul id="thumbs_list_frame" style="width: 513px;">

 

par

 

ul id="thumbs_list_frame" style="width: 300px;">

 

et supprimer :

 

<a id="view_scroll_left" class="hidden" href="javascript:{}" title="Autres vues"
style="cursor: pointer; opacity: 1; display: block;">Précédent</a>

<a id="view_scroll_right" href="javascript:{}" title="Autres vues" style="cursor:
pointer; opacity: 1; display: block;">Suivant</a>

 

Le problème c'est que firebug ne me dit pas quel fichier je dois modifier, et avec le notepad++ je ne trouve rien...

 

Si quelqu'un sait quels sont les fichiers en cause ce serait super.

Merci d'avance

Vincent

[Divine]

Bonjour,

 

Il faut modifier les lignes correspondantes dans le fichier global.css de ton thème.

[lol_bozz]

Bonjour,

 

Merci, effectivement les lignes se trouvent dans ce fichier, merci !

 

Par contre j'ai un peu de mal à paramétrer...

 

J'ai commenté la partie scrollbar, mais maintenant sur mon site j'ai les textes précédent et suivant qui s'affichent.

De plus, j'aimerai un retour à la ligne des miniatures après la 4ème, chose que je n'arrive pas à faire...

 

Voici mon code, j'imagine que ce sont de petites modifs à faire ?

 

#thumbs_list {
overflow: hidden;
float: left;
width: 345px
margin-right: 5px
}
#thumbs_list ul {
padding-left: 0;
list-style-type: none;
margin-top: 5px
}
#thumbs_list li {
float: left;
cursor: pointer;
width: 80px;
height: 70px;
margin-right: 5px
}
/*
#view_scroll_left, #view_scroll_right {
background: url('../img/thumbs_left.gif') no-repeat center;
text-indent: -3000px;
width: 9px;
height: 18px;
float: left;
margin-top: 30px;
padding-right: 4px;
padding-left: 4px
}
#view_scroll_right { background-image: url('../img/thumbs_right.gif') }
span.view_scroll_spacer {
float: left;
width: 17px;
height: 80px
}
*/

 

Merci d'avance

Vincent

[Divine]

Bonjour,

 

Voilà en gros ce que tu dois faire :

 

#views_block {
margin:0 auto;
width:350px
}
#thumbs_list {
overflow: hidden;
float: left;
width: 350px
}
#thumbs_list ul {
padding-left: 0;
list-style-type: none;
margin-top: 5px;
width:350px!important
}
#thumbs_list li {
float: left;
cursor: pointer;
width: 80px;
height: 70px;
margin-right: 5px
}
#view_scroll_left, #view_scroll_right {
display:none!important
}
#view_scroll_right {
display:none!important
}
span.view_scroll_spacer {
display:none
}

[lol_bozz]

Bonsoir,

 

Merci beaucoup, ça marche parfaitement avec ce code !!!

 

Vincent

[Divine]

Héhé de rien