Jump to content
lol_bozz

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

Bonjour,

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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
}

Share this post


Link to post
Share on other sites

Bonsoir,

 

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

 

Vincent

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More