Dobry,
Wgrałem sobie menucool slider i chciałbym go delikatnie zmodyfikować na moje potrzeby. Chodzi mi o to by był mniejszy i mieścił się w sidebarze.
Rozumiem, że rozmiarami mam manipulować tylko w tym? Czy jest jakaś opcja by sam się dopasował do sidebara?
A potem wrzucić sobie wszystko do Index?
Do index gdzieś tu?
Wgrałem sobie menucool slider i chciałbym go delikatnie zmodyfikować na moje potrzeby. Chodzi mi o to by był mniejszy i mieścił się w sidebarze.
Rozumiem, że rozmiarami mam manipulować tylko w tym? Czy jest jakaś opcja by sam się dopasował do sidebara?
#sliderFrame, #sliderFrame div {
box-sizing: content-box;
}
#sliderFrame
{
width:700px;
margin:0 auto; /*center-aligned*/
}
#slider, #slider .sliderInner {
width:700px;height:306px;/* Must be the same size as the slider images */
border-radius:3px;
}
#slider {
background-color:white;
position:relative;
margin:0 auto; /*center-aligned*/
transform: translate3d(0,0,0);
box-shadow: 0px 1px 5px #999999;
}
A potem wrzucić sobie wszystko do Index?
<html>
<head>
<title>Test</title>
<link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="themes/1/js-image-slider.js" type="text/javascript"></script>
<link href="generic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sliderFrame">
<div id="slider">
<a href="http://www.menucool.com/javascript-image-slider" target="_blank">
<img src="images/image-slider-1.jpg" alt="Witajcie w OurWorlds" />
</a>
<img src="images/image-slider-2.jpg" />
<img src="images/image-slider-3.jpg" alt="" />
<img src="images/image-slider-4.jpg" alt="#htmlcaption" />
<img src="images/image-slider-5.jpg" />
</div>
</div>
<div class="div2">
<ul>
</ul>
</div>
</body>
</html>
Do index gdzieś tu?
<div class="sidebar" style="float: right; width: 19%">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
{$topStats['LastActiveThreads']}
{$topStats['LastThreads']}
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['TimeOnline']}
</table>
</div>