- Statut : non résolu
- Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par AntoineM, le il y a 10 années et 4 mois.
-
AuteurMessages
-
24 juin 2014 à 11 h 22 min #539099
Bjr :
Dans l’affichage « album compact » de Nextcellent Gallrey(v1.9), je souhaiterais avoir un effet de survol sur la bordure de la vignette.J’ai réussi dans l’affichage « extent » de l’album, aussi pour les vignettes de la gallerie, mais je cale pour l’ « album compact ».
Code complet de mon css :/*
CSS Name: Black Minimalism Perso 02 Theme
Description: For Black Minimalism Theme
Author: Alex Rabe
Version: 1.60
This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it’s only a template design
*/
/* ———– Album Styles Extend ————-*/
.ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-album {
/*height: 130px;*/
overflow:hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
}
.ngg-albumtitle {
text-align: center;
font-weight: normal;
margin:0px;
padding:0px;
font-size: 1.2em;
margin-bottom: 10px;
}
.ngg-thumbnail {
float: left;
margin: 0pt !important;
margin-right: 12px !important;
}
.ngg-thumbnail img {-webkit-border-radius: 5px 10px 10px 10px;-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
margin: -5px 5px 5px -5px;
-webkit-box-shadow: #787878 10px -10px 13px -5px;-moz-box-shadow: #787878 10px -10px 13px -5px; box-shadow: #787878 10px -10px 13px -5px;
background-color:#FFFFFF;
border:5px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}
.ngg-thumbnail img:hover {
background-color: #AA0000;
}
.ngg-description {
text-align: left;
}
/* ———– Album Styles Compact ————-*/
.ngg-album-compact {
float:left;
height:290px;
padding-right:6px !important;
margin:0px !important;
text-align:-moz-center;
width:180px;
}
.ngg-album-compactbox {
height:px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:px;
}
.ngg-album-compactbox .Thumb {-webkit-border-radius: 5px 10px 10px 10px;-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border:5px solid #000000;
margin:-5px 5px 5px -5px;
-webkit-box-shadow: #787878 5px -5px 10px -1px;-moz-box-shadow: #787878 5px -5px 10px -1px; box-shadow: #787878 5px -5px 10px -1px;
background-color:#FFFFFF;
padding:3px !important;
width:px;
height:68px;
}
———————
border:5px solid #A9A9A9;
display:block;
padding:3px;
position:relative;
———————–
.ngg-album-compact h4 {
font-size:14px;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
width:px;
}
.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}
/* ———– Gallery style ————-*/
.ngg-galleryoverview {
display: block;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
width: ;
margin-bottom: 20px;
}
.ngg-gallery-thumbnail {
float: left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
}
.ngg-gallery-thumbnail img{-webkit-border-radius: 5px 10px 10px 10px;-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
margin: -5px 5px 5px -5px;
-webkit-box-shadow: #787878 5px -5px 10px -1px;-moz-box-shadow: #787878 5px -5px 10px -1px; box-shadow: #787878 5px -5px 10px -1px;
background-color:#FFFFFF;
border:5px solid #A9A9A9;
display:block;
padding:3px;
position:relative;
}
.ngg-gallery-thumbnail img:hover {
background-color: #AA0000;
}
.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
margin-bottom: 2px;
display:block;
}
.ngg-clear {
clear: both;
}
/* ———– Gallery navigation ————-*/
.ngg-navigation {
font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}
.ngg-navigation span {
font-weight:bold;
margin:0pt 6px;
}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
border:1px solid #660000;
margin-right:3px;
padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #660000;
color: #FFFFFF;
text-decoration: none;
}
/* ———– Image browser style ————-*/
.ngg-imagebrowser {
}
.ngg-imagebrowser h3 {
text-align:center;
}
.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
display:block !important;
padding:5px;
}
.ngg-imagebrowser-nav {
padding:5px;
margin-left:10px;
}
.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}
.exif-data {
margin-left: auto !important;
margin-right: auto !important;
}
/* ———– Slideshow ————-*/
.slideshow {
margin-left: auto;
margin-right: auto;
text-align:center;
outline: none;
}
.slideshowlink {
}
/* ———– JS Slideshow ————-*/
.ngg-slideshow {
overflow:hidden;
position: relative;
}
.ngg-slideshow * {
vertical-align:middle;
}
/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
display: table-cell;
text-align: center;
vertical-align:middle;
}
.ngg-slideshow-loader img{
background: none !important;
border: 0 none !important;
margin:auto !important;
}
/* ———– Single picture ————-*/
.ngg-singlepic {
display:block;
padding:4px;
}
.ngg-left {
float: left;
margin-right:10px;
}
.ngg-right {
float: right;
margin-left:10px;
}
.ngg-center {
margin-left: auto !important;
margin-right: auto !important;
}
/* ———– Sidebar widget ————-*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
text-align: center;
padding:5px 0px 0px 0pt;
}
.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px;
}
/* ———– Related images ————-*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 2px;
padding: 2px;
height: 50px;
width: 50px;
}
.ngg-related-gallery img:hover {
border: 1px solid #000000;
}
/* ———– Gallery list ————-*/
.ngg-galleryoverview ul li:before {
content: » !important;
}
.ngg-gallery-list {
list-style-type:none;
padding: 0px !important;
text-indent:0px !important;
}
.ngg-galleryoverview div.pic img{
width: 100%;
}
.ngg-gallery-list li {
float:left;
margin:0 2px 0px 2px !important;
overflow:hidden;
}
.ngg-gallery-list li a {
border:1px solid #CCCCCC;
display:block;
padding:2px;
}
.ngg-gallery-list li.selected a{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
}
.ngg-gallery-list li img {
height:40px;
width:40px;
}
li.ngg-next, li.ngg-prev {
height:40px;
width:40px;
font-size:3.5em;
}
li.ngg-next a, li.ngg-prev a {
padding-top: 10px;
border: none;
text-decoration: none;
}25 juin 2014 à 6 h 17 min #958040Je déplace le message dans la rubrique support.
Ensuite pour le css, le plus simple de de procéder avec un outil comme firebug directement sur le site. Fournir le code CSS lié à l’extension n’est pas suffisant. Il peut y avoir des interférences avec d’autres CSS d’autres extensions, du thème ou de WordPress.25 juin 2014 à 9 h 22 min #958041Ok pour le déplacement:
Ai essayé avec firebug, mais impossible de voir ou et quoi changer ds le css. Y suis pourtant arrivé pour les « gallerie » et pour l’album « extend »!!!! -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.