Indem du den Bildern in der style.css die gleichen Formatierungsanweisenungen mit gibst (background und borderwerte).
NGG formatiert die Galerie-Thumbnails über diese class:
<div class="ngg-gallery-thumbnail" >
Die class findest du in einer der css-Dateien:
/plugins/nextgen-gallery/css/ngg_shadow2.css je nachdem, welchen style du gewählt hast.
Also der Code den ich Suche müßte ja dann aus diesem Bereich sein:
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
}
.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;
padding:10px 15px 10px 15px;
border-color:#EEEEEE;
border-style:solid none none solid;
border-width:1px medium medium 1px;
}
.ngg-gallery-thumbnail img {
margin: -6px 6px 6px -6px;
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
padding:4px;
position:relative;
}
.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}
.ngg-gallery-thumbnail span {
margin: -6px 6px 6px -6px;
text-align:center;
font-size:90%;
color:#808080;
display:block;
}
.ngg-clear {
clear: both;
}
Alles anzeigen
Aber ich weiß nicht genau was ich jetzt wo hin kopieren muß, evtl hier hin:
/* ----------- Single picture -------------*/
.ngg-singlepic {
background-color:#FFFFFF;
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;
}
Alles anzeigen
Bin überhaupt kein Profi in Sachen CSS und PHP...