Nutzung Shadowbox in Gallery 1.0.6
Verfasst: 08.04.2011 14:40
Ich nutze auch Shadwobox und versuche mich schon ne Weile an der CSS Datei.
Ich möchte, das die Bilder in einer max. Größe von 1024x768 angezeigt werden. Nun finden ich aber nur prozentuale Angaben in der CSS. Ist natürlich schwierig einzustellen, wenn verschiedene Auflösungen gepostet werden.
Hab auch schon die Bildgröße im ACP geändert, aber trotzdem zeigt Shadwobox die Bilder in gleicher Größe an. Gibt es da eine Lösung?
[ externes Bild ]
Ich möchte, das die Bilder in einer max. Größe von 1024x768 angezeigt werden. Nun finden ich aber nur prozentuale Angaben in der CSS. Ist natürlich schwierig einzustellen, wenn verschiedene Auflösungen gepostet werden.
Hab auch schon die Bildgröße im ACP geändert, aber trotzdem zeigt Shadwobox die Bilder in gleicher Größe an. Gibt es da eine Lösung?
[ externes Bild ]
![[ externes Bild ]](http://picload.org/image/oalgoa/unbenannt.png){kind=link}
Code: Alles auswählen
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}