bardzo chciałbym mieć na stronie jQery, ale nie wiem jak się do tego zabrać;/
czytałem jak to zrobić, próbowałem , ale nie wychodzi…
chciałbym żeby to było coś takiego–> http://demo.webdeveloperplus.com/featured-content-slider/
ale oczywiście nie musi być to:))
Bardzo proszę o pomoc i z góry DZIĘKI!:)
To co podałeś możesz sobie ściągnąć, jest za darmo.
W czym problem?
ściągnięcie to jeszcze nie wszystko, jeszcze trzeba wstawić na stronę i wyedytować treść a autor jest laikiem widać, chociażby po “jQery”
Może tak na przyszłość: jQuery to biblitoeka js, a ty na stronę chcesz wstawić slider, który z niej korzysta.
Pokaż kod swojej strony to zapewne ktoś ci pomoże.
@Denude - wiem, że jest za darmo, a problem jest w tym, że nie umiem tego zainstalować na stronie.
@Grzesie1k - tak - chodzi mi o silder:)
a kod strony (CSS) poniżej:
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, li, cite, hr, fieldset, img, dl, dt, dd {
margin: 0;
padding: 0;
}
ul, li {
list-style-type: none;
list-style: none;
}
.hidden, #hidden {
position: absolute;
display: none;
}
.cleaner {
display: block;
clear: both;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
}
.noDis {
display: block;
clear: both;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
}
#waitingTable {
background: transparent;
width: 100%;
height: 100%;
}
#waitingTable td {
text-align: center;
vertical-align: middle;
background: transparent;
}
body {
height: 100%;
text-align: center;
font: 0.80em Arial, Helvetica, Tahoma, sans-serif;
margin: 0;
padding: 0;
color: #363636;
background: #c6f0fe;
}
#siteBg {
width: 100%;
height: 100%;
background: #c6f0fe url(../img/site_bg.jpg) repeat-x left top;
}
#site {
width: 980px;
margin: 0 auto;
text-align: center;
position: relative;
padding: 40px 0 0 0;
height: 100%;
}
/* --------- HEADER ------------ */
#header {
width: 980px;
position: relative;
margin: 0 0 0 0;
}
#rbcEditedPage #header {
z-index: 0;
}
.illustration {
width: 980px;
overflow: hidden;
position: relative;
}
#logozone {
width: 600px;
height: 145px;
position: absolute;
left: 35px;
top: 25px;
overflow: hidden;
}
#logo {
font-size: 3em;
line-height: 1.2em;
float: left;
color: #FFFFFF;
text-align: left;
border: none;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
width: 100%;
max-height: 101px;
overflow: hidden;
}
/* IE 6 */
#logo {
height: expression(this.scrollHeight>100?"101px":"auto");
}
#logo a, #logo a:hover, #logo a img, #logo a:hover img {
text-decoration: none;
color: #FFFFFF;
border: none;
text-align: left;
}
#logo a img, #logo a:hover img, #logo img {
text-decoration: none;
color: #FFFFFF;
border: none;
text-align: left;
}
#moto {
color: #cff3ff;
font-size: 1.3em;
font-weight: normal;
font-style: italic;
text-align: left;
padding: 0 25px;
}
/* --------- HEADER ---------- */
/* -------- MAIN ------------- */
#main, #mainWide {
width: 980px;
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
text-align: left;
position: relative;
}
#mainContent {
width: 980px;
float: left;
overflow: hidden;
padding: 0;
margin: 0 0 0 0;
}
/* ------- CONTENT ------------ */
#content {
width: 520px;
padding: 15px 0 0 0;
overflow: hidden;
background: #FFFFFF;
}
#mainWide #content, #column {
width: 750px;
padding: 0 0 0 0;
overflow: hidden;
background: #FFFFFF;
}
#main #contentBg {
background: url(../img/content.png) no-repeat bottom center;
padding-bottom: 14px;
float: left;
margin: 0 0 0 230px;
_margin: 0 0 0 115px;
overflow: hidden;
_background: none;
}
#mainWide #contentBg {
background: url(../img/content_wide.png) no-repeat bottom right;
padding-bottom: 14px;
overflow: hidden;
float: left;
margin: 0 0 0 230px;
_margin: 0 0 0 115px;
_background: none;
}
#column {
width: 750px;
margin: 0 0;
padding: 0;
overflow: hidden;
}
#leftColumn {
width: 375px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
#rightColumn {
width: 375px;
float: right;
margin: 0;
padding: 0;
overflow: hidden;
}
#leftColumnContent, #rightColumnContent {
margin: 0;
padding: 0;
overflow: hidden;
}
.box {
margin: 0 20px 20px 20px;
padding: 0 0 0 0;
overflow: hidden;
}
#column #leftColumn .box {
margin: 0 10px 20px 20px;
}
#column #rightColumn .box {
margin: 0 20px 20px 10px;
}
.boxTitle {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px;
margin-bottom: 10px;
}
.boxTitle h2, .boxTitle h1 {
margin-bottom: 0;
font-size: 1.9em;
font-weight: bold;
color: #058ce1;
padding: 0 0 0 0;
border: none;
}
.boxContent {
overflow: hidden;
padding: 0 0 0 0;
margin: 0;
}
.boxContent p {
line-height: 1.6em;
padding: 0 0 5px 0;
}
.rbcWidgetArea {
margin: 0 0 20px 0;
}
/* ------- CONTENT ------------ */
/* -------- SIDEBAR --------- */
#sidebar {
float: left;
width: 230px;
margin: 0 0 0 -750px;
padding: 0 0 0 0;
overflow: hidden;
_margin: 0 0 0 -750px;
}
#mainWide #sidebar {
margin: 0 0 0 -980px;
}
#sidebarContent {
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
}
#sidebar .box {
margin: 0 0 10px 0;
padding: 0 0 0 0;
overflow: hidden;
background: url(../img/box_content_left.png) repeat-y right;
_width: 230px;
}
#sidebar .boxTitle {
padding: 0 20px;
margin: 0 0 0 0;
background: url(../img/box_title_left.png) no-repeat;
width: 190px;
height: 46px;
overflow: hidden;
border-bottom: none;
_width: 230px;
_background: url(../img/box_title_left_ie.png) no-repeat;
}
#sidebar .boxTitle h2, #sidebar .boxTitle h1 {
color: #333333;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
border: none;
line-height: 40px;
}
#sidebar .boxContent {
margin: 0 20px;
padding: 5px 0 15px 0;
overflow: hidden;
_width: 190px;
}
/* -------- SIDEBAR ---------- */
/* ------- LEFTSIDE --------- */
#leftSide {
float: right;
margin: 0 0 0 0;
width: 230px;
position: relative;
overflow: hidden;
}
#leftSideContent {
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
}
#leftSide .box {
margin: 0 0 10px 0;
padding: 0 0 0 0;
overflow: hidden;
background: url(../img/box_content_right.png) repeat-y left;
_width: 230px;
}
#leftSide .boxTitle {
padding: 0 20px;
margin: 0 0 0 0;
background: url(../img/box_title_right.png) no-repeat;
width: 190px;
height: 46px;
overflow: hidden;
border-bottom: none;
_width: 230px;
_background: url(../img/box_title_right_ie.png) no-repeat;
}
#leftSide .boxTitle h2, #leftSide .boxTitle h1 {
color: #333333;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
border: none;
line-height: 40px;
}
#leftSide .boxContent {
margin: 0 20px;
padding: 5px 0 15px 0;
overflow: hidden;
_width: 190px;
}
/* ------- LEFTSIDE --------- */
/* -------- MAIN ------------- */
/* ------- MENU ----------- */
#menuzone .rbcContentBlockHeaderArea {
margin-top: -31px;
}
#mainMenu_header {
/*width: 880px;*/
}
#menuzone {
width: 980px;
height: 50px;
background: url(../img/menu.png) no-repeat left top;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #FFFFFF;
*margin: -3px 0 0 0;
_background: url(../img/menu_ie.png) no-repeat left top;
}
#mainMenu {
overflow: visible;
position: relative;
}
#mainMenu #menuzone {
top: 30px;
}
/* reset default styles */
#menuId {
height: 50px;
margin: 0 10px 0;
float: left;
z-index: 200;
width: 960px;
overflow: hidden;
_overflow: visible;
}
#menuId ul {
margin: 0;
padding: 0;
z-index: 200;
}
#menuId li {
list-style-type: none;
z-index: 200;
background: url(../img/menu_separator.jpg) no-repeat right center;
}
#menuId li.last {
background: none;
}
/* first level */
#menuId li, #menuId a {
float: left;
display: block;
z-index: 200;
}
#menuId a {
display: block;
line-height: 50px;
color: #FFFFFF;
font-size: 0.95em;
font-weight: bold;
text-decoration: none;
z-index: 200;
padding: 0 35px;
margin: 0;
text-align: left;
}
#menuId a span {
background: none;
display: block;
line-height: 50px;
padding: 0 0 0 0;
}
#menuId a:hover, #menuId a.menu_open, #menuId .selected a, #menuId .activeSelected a {
background: #10aee5 url(../img/menu_hover.jpg) repeat-x top left;
z-index: 200;
color: #FFFFFF;
}
/* second level */
#menuId ul {
visibility: hidden;
position: absolute;
width: 210px;
z-index: 200;
background: #084f87 url(../img/submenu_bg.jpg) no-repeat left top;
_width: 190px;
}
#menuId ul li {
background: none;
}
#menuId ul a, #menuId a:hover li a, #menuId a.menu_open li a, #menuId .selected li a, #menuId .activeSelected li a {
color: #FFFFFF;
padding: 0 10px 0 10px;
font-size: 0.95em;
font-weight: bold;
text-decoration: none;
background: none;
z-index: 200;
margin: 0;
line-height: 25px;
border-bottom: 1px solid #0086b1;
width: 190px;
}
#menuId ul a span {
line-height: 25px;
background: url(../img/submenu_li.png) no-repeat 0 16px;
padding-left: 13px;
padding-top: 5px;
padding-bottom: 5px;
}
#menuId ul a:hover, #menuId ul a.menu_open, #menuId ul .activeSelected a {
background: #fddb1f;
border-bottom: 1px solid #0086b1;
z-index: 200;
color: #090909;
line-height: 25px;
}
/* ------ class menu ------- */
/* reset default styles */
.menu {
height: 50px;
margin: 0 10px 0;
float: left;
z-index: 200;
width: 960px;
overflow: hidden;
_overflow: visible;
}
.menu ul {
margin: 0;
padding: 0;
z-index: 200;
}
.menu li {
list-style-type: none;
z-index: 200;
background: url(../img/menu_separator.jpg) no-repeat right center;
}
.menu li.last {
background: none;
}
/* first level */
.menu li, .menu a {
float: left;
display: block;
z-index: 200;
}
.menu a {
display: block;
line-height: 50px;
color: #FFFFFF;
font-size: 0.95em;
font-weight: bold;
text-decoration: none;
z-index: 200;
padding: 0 35px;
margin: 0;
text-align: left;
}
.menu a span {
background: none;
display: block;
line-height: 50px;
padding: 0 0 0 0;
}
.menu a:hover, .menu a.menu_open, .menu .selected a, .menu .activeSelected a {
background: #10aee5 url(../img/menu_hover.jpg) repeat-x top left;
z-index: 200;
color: #FFFFFF;
}
/* second level */
.menu ul {
visibility: hidden;
position: absolute;
width: 210px;
z-index: 200;
background: #084f87 url(../img/submenu_bg.jpg) no-repeat left top;
_width: 190px;
}
.menu ul li {
background: none;
}
.menu ul a, .menu a:hover li a, .menu a.menu_open li a, .menu .selected li a, .menu .activeSelected li a {
color: #FFFFFF;
padding: 0 10px 0 10px;
font-size: 0.95em;
font-weight: bold;
text-decoration: none;
background: none;
z-index: 200;
margin: 0;
line-height: 25px;
border-bottom: 1px solid #0086b1;
width: 190px;
}
.menu ul a span {
line-height: 25px;
background: url(../img/submenu_li.png) no-repeat 0 16px;
padding-left: 13px;
padding-top: 5px;
padding-bottom: 5px;
}
.menu ul a:hover, .menu ul a.menu_open, .menu ul .activeSelected a {
background: #fddb1f;
border-bottom: 1px solid #0086b1;
z-index: 200;
color: #090909;
line-height: 25px;
}
/* ------- MENU ----------- */
/* --------- FOOTER --------- */
#footer {
color: #363636;
font-size: 0.9em;
padding: 0;
margin: 0;
width: 980px;
height: 70px;
background: #90d2e9 url(../img/footer.jpg) repeat-x left top;
overflow: hidden;
position: relative;
}
#footerContent {
margin: 0 auto;
text-align: center;
padding: 0 20px;
}
#footerLeft {
width: 470px;
float: left;
text-align: left;
line-height: 70px;
}
#footerRight {
width: 470px;
float: right;
text-align: right;
line-height: 70px;
}
#footer a {
color: #363636;
text-decoration: underline;
}
#footer a:hover {
color: #363636;
text-decoration: none;
}
/* --------- /FOOTER -------- */
/* -------- QUICK LINKS ----- */
#links {
position: absolute;
right: 10px;
top: 12px;
}
#link {
font-size: 0.85em;
}
#link a {
margin-left: 10px;
color: #FFFFFF;
text-decoration: underline;
}
#link a:hover {
color: #FFFFFF;
text-decoration: none;
}
.homepage a {
background: url(../img/homepage.png) no-repeat 0 2px;
padding-left: 15px;
}
.sitemap a {
background: url(../img/sitemap.png) no-repeat 0 2px;
padding-left: 15px;
}
.rss a {
background: url(../img/rss.png) no-repeat 0 2px;
padding-left: 15px;
}
.print a {
background: url(../img/print.png) no-repeat 0 2px;
padding-left: 15px;
}
/* -------/ QUICK LINKS ----- */
/* -------- NAVIGATOR ------- */
#pageNavigator {
float: left;
font-weight: normal;
margin: 0 0 20px 0;
padding: 0 20px;
text-align: left;
/* width: 100%; */
font-size: 0.9em;
_padding: 0 10px;
}
.navigator {
line-height: 1.8em;
margin-top: 10px;
}
.navigator a {
color: #058ce1;
text-decoration: underline;
}
.navigator a:hover {
color: #e8b724;
text-decoration: underline;
}
.navigator span span {
margin-left: 4px;
margin-right: 4px;
}
.navigator #navCurrentPage {
background: none;
}
/* -------- NAVIGATOR ------- */
/* -------- SEARCH BOX ------ */
#fulltextSearchButton {
float: left;
margin: 0 0 0 -1px;
cursor: pointer;
}
#fulltextSearchText {
background: #FFFFFF;
border: 1px solid #c1c1c1;
float: left;
margin: 0 0 0 0;
padding: 0 5px;
width: 140px;
height: 23px;
font-weight: normal;
font-size: 1.1em;
*padding: 3px 5px 0 5px;
*height: 20px;
_line-height: 21px;
}
/* -------- SEARCH BOX ------ */
/* -------- LANGUAGE -------- */
#lang {
}
#languageSelect {
padding: 0;
margin: 0;
}
#languageSelectBody {
margin: 0;
padding: 0;
}
#languageSelect ul {
display: none;
}
#languageFlags {
padding: 0;
margin: 0;
}
#languageSelect #languageFlags a {
text-decoration: none;
display: block;
width: 16px;
height: 16px;
float: left;
margin: 0 0 0 7px;
padding: 0;
background: transparent center center no-repeat;
}
#languageList {
padding: 0;
margin: 0 0 0 5px;
display: block;
font-size: 0.9em;
_font-size: 0.8em;
}
#languageList a {
color: #FFFFFF;
text-decoration: underline;
}
#languageList a:hover {
color: #FFFFFF;
text-decoration: none;
}
#languageList .separator {
visibility: hidden;
}
.languageSelectbox {
border: 1px solid #f5f5f5;
font-size: 0.9em;
_font-size: 0.9em;
height: 20px;
_height: 20px;
margin: 0 0 0 5px;
padding: 0;
}
/* -------- LANGUAGE --------- */
/* ------- WSW -------------- */
.boxContent img, .boxContent a img {
margin: 4px;
border: 1px solid #e0e2e6;
padding: 1px;
}
.boxContent a:hover img {
border: 1px solid #058ce1;
}
.boxContent .rbcRowMenu a:hover img {
border: none;
margin: 0;
}
a {
color: #058ce1;
text-decoration: underline;
}
a:hover {
color: #9d7600;
text-decoration: underline;
}
h1, h2 {
margin-bottom: 10px;
font-size: 1.9em;
font-weight: normal;
color: #058ce1;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
.wsw h1, .wsw h2 {
margin-bottom: 10px;
font-size: 1.9em;
padding-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
}
#sidebar .wsw h1, #sidebar .wsw h2, #leftSide .wsw h1, #leftSide .wsw h2 {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 1.5em;
border-bottom: none;
}
h3 {
margin: 15px 0 10px;
font-weight: normal;
font-size: 1.4em;
color: #9d7600;
}
.wsw h3 {
margin: 7px 0 7px;
}
h4 {
margin-bottom: 7px;
font-weight: normal;
font-size: 1.3em;
color: #058ce1;
}
h5, h6 {
margin-bottom: 7px;
font-weight: normal;
font-size: 1.2em;
}
.boxContent ul {
padding-left: 10px;
padding-top: 5px;
}
.boxContent ul li {
background: url(../img/li.png) no-repeat 0px 6px;
padding: 1px 0 2px 18px;
}
.boxContent ul ul {
padding-left: 0;
}
.boxContent ol {
margin-left: 20px;
padding-left: 7px;
}
.boxContent ol li ol {
margin-left: 20px;
}
.boxContent ol li {
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0;
background: none;
}
blockquote {
font-style: italic;
margin: 0;
padding: 10px;
font-weight: normal;
background: #f1f1f1;
}
table {
border-collapse: collapse;
margin: 0 0 4px 0;
}
/*FireFox 2 */
table, x:-moz-any-link { margin-left: 1px; }
/*FireFox 3*/
table, x:-moz-any-link, x:default { margin-left: 1px; }
/* IE6 */
* html table { font-size: 0.9em; }
.modernTable {
border-collapse: collapse;
margin: 0;
}
/*FireFox 2 */
.modernTable , x:-moz-any-link { margin-left: 1px; }
/*FireFox 3*/
.modernTable , x:-moz-any-link, x:default { margin-left: 1px; }
/* IE6 */
* html .modernTable { font-size: 0.9em; }
.modernTable thead tr td {
background: #058ce1;
border: 1px solid #058ce1;
color: #FFFFFF;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
margin: 0;
}
.modernTable tbody tr td {
background: none;
border: 1px solid #058ce1;
padding-left: 8px;
padding-right: 5px;
margin: 0;
}
/* ------- WSW -------------- */
/* -------- TAGS ------------- */
ol.tags, .boxContent ol.tags {
margin: 5px 0 5px 0;
text-align: center;
font-size: 0.95em;
font-weight: normal;
padding-left: 0;
}
ol.tags li {
padding: 0;
list-style-type: none;
list-style: none;
margin: 0 0.25em 0 0.25em;
font-size: 1.2em;
display: inline;
text-align: left;
}
/* -------- TAGS ------------ */
/* ------- POOL ------------- */
.poll {
}
.poll h3 {
font-size: 1em;
line-height: 1.7em;
font-weight: bold;
margin: 0 0 7px 0;
color: #353535;
}
/* IE6 */
* html .poll h3 {
margin: 0 0 10px 0;
}
.poll img, .poll a img, .boxContent .poll img, .boxContent .poll a img {
border: none;
text-decoration: none;
margin: 0;
border: 1px solid #e8b724;
padding: 0;
}
.poll .pollbar a {
border: none;
text-decoration: none;
}
.poll .pollbar {
display: block;
margin-top: 3px;
padding: 0;
width: 99.5%;
height: 6px;
}
.poll .question {
}
.poll .question a {
text-decoration: underline;
}
.poll .question a:hover {
text-decoration: underline;
}
.poll .question .pollnumber {
margin: 0 0 0 0;
}
#mainContent .boxContent .poll p {
margin: 0 0 8px;
padding: 0;
*line-height: 0.35em;
}
.poll p.voted {
border-top: 1px solid #e1e1e1;
}
#mainContent .boxContent .poll p.voted {
margin: 0 0 0 0;
padding: 7px 0 0 0;
*line-height: 1.5em;
}
/*FireFox 2 */
#mainContent .boxContent .poll p, x:-moz-any-link { line-height: 1em; }
/*FireFox 3*/
#mainContent .boxContent .poll p, x:-moz-any-link, x:default { line-height: 1em; }
/* IE6 */
* html #mainContent .boxContent .poll p { line-height: 0.8em; margin: 0 0 10px; }
* html #mainContent .boxContent .poll p.voted { line-height: 1.5em; margin: 0 0 0 0; }
/*FireFox 2 */
#mainContent .boxContent .poll p .question, x:-moz-any-link { line-height: 1.3em; }
/*FireFox 3*/
#mainContent .boxContent .poll p .question, x:-moz-any-link, x:default { line-height: 1.3em; }
/* ------- POOL ------------- */
/* ------- ARTICLE ---------- */
.article {
margin-bottom: 10px;
}
#sidebar .article, #leftSide .article {
border-bottom: 1px solid #d9d9d9;
}
#content .article {
padding: 15px;
margin-bottom: 5px;
}
#content .articleBg1 {
background: #f1f1f1;
}
.article h3 {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 4px 0;
line-height: 1.7em;
}
.article h3 a {
text-decoration: underline;
}
.article h3 a:hover {
text-decoration: underline;
}
.article ins {
text-decoration: none;
font-size: 0.95em;
font-weight: bold;
}
#content .article ins {
color: #058ce1;
font-weight: normal;
}
.article .articleContent {
margin-top: 5px;
margin-bottom: 10px;
overflow: hidden;
line-height: 1.5em;
}
.article .articleContent img {
margin: 5px;
}
.articleDetail ins {
text-decoration: none;
color: #058ce1;
font-size: 0.95em;
font-weight: normal;
}
.articleDetail img {
margin: 5px;
}
/* ------- ARTICLE ---------- */
/* ------- LINK and INFO ----- */
.archive {
font-weight: normal;
margin-bottom: 7px;
text-align: right;
}
.archive a {
background: url(../img/next.png) no-repeat right;
padding-right: 22px;
}
.pagingInfo {
float: left;
}
#sidebar .pagingInfo, #leftSide .pagingInfo {
float: none;
text-align: right;
}
.back {
font-weight: bold;
margin-top: 5px;
}
.back a {
background: url(../img/next.png) no-repeat right;
display: block;
float: left;
padding-right: 22px;
}
.rbcTags h4 {
display: block;
float: left;
margin: 4px 7px 0 0;
font-size: 1.2em;
color: #0B588A;
}
.rbcTags h4 a {
text-decoration: none;
font-weight: bold;
color: #9D7600;
}
.rbcTags h4 a:hover {
text-decoration: none;
color: #058ce1;
}
.rbcTags .tags {
line-height: 1.8em;
padding: 0 0 5px 0;
}
/* ------- LINK and INFO ----- */
/* ------- PAGING ------------ */
.paging {
float: right;
}
#sidebar .paging, #leftSide .paging {
margin-top: 7px;
float: none;
text-align: right;
}
.paging a {
margin: 0 2px;
}
.leftEnd, .left {
line-height: 1.5em;
text-decoration: underline;
}
.leftEnd:hover, .left:hover {
text-decoration: underline;
}
.paging .selected {
font-weight: bold;
line-height: 1.5em;
text-decoration: none;
}
.right, .rightEnd {
line-height: 1.5em;
text-decoration: underline;
}
.rightEnd:hover, .right:hover {
text-decoration: underline;
}
.separator {
}
a .pageText {
line-height: 1.5em;
text-decoration: underline;
}
a:hover .pageText {
text-decoration: underline;
}
/* ------- PAGING ------------ */
/* ------ DISCUSSION --------- */
.diskuze fieldset {
border: none;
margin: 0 40px;
background: #ffe347;
padding: 20px;
border: 1px solid #d9d9d9;
}
#main #content .diskuze fieldset {
margin: 0 20px;
}
#mainWide #content #leftColumn .diskuze fieldset, #mainWide #content #rightColumn .diskuze fieldset {
margin: 0 0;
}
#sidebar .diskuze fieldset, #leftSide .diskuze fieldset {
margin: 0;
padding: 0;
background: transparent;
border: none;
}
.diskuze label {
float: left;
width: 194px;
padding: 0;
margin-bottom: 10px;
font-weight: bold;
margin-top: 4px;
}
#content .diskuze label.postTextLabel {
display: none;
}
#content #leftColumn label.postTextLabel, #content #rightColumn label.postTextLabel {
display: inline;
}
#main #content .diskuze label {
width: 100px;
}
#mainWide #content #leftColumn .diskuze label, #mainWide #content #rightColumn .diskuze label {
width: 250px;
}
#sidebar .diskuze label, #leftSide .diskuze label {
width: 184px;
margin-bottom: 3px;
margin-top: 0;
}
.diskuze #postAuthor, .diskuze #postEmail, .diskuze #postTitle {
border: 1px solid #FFFFFF;
width: 388px;
padding-left: 2px;
padding-right: 2px;
font-family: Arial, Helvetica, Tahoma, sans-serif;
height: 18px;
margin-bottom: 5px;
border-top: 1px solid #404042;
border-left: 1px solid #404042;
border-right: 1px solid #d3d0c9;
border-bottom: 1px solid #d3d0c9;
}
#main #content .diskuze #postAuthor, #main #content .diskuze #postEmail, #main #content .diskuze #postTitle {
width: 292px;
}
#mainWide #content #leftColumn .diskuze #postAuthor, #mainWide #content #leftColumn .diskuze #postEmail, #mainWide #content #leftColumn .diskuze #postTitle,
#mainWide #content #rightColumn .diskuze #postAuthor, #mainWide #content #rightColumn .diskuze #postEmail, #mainWide #content #rightColumn .diskuze #postTitle {
width: 296px;
}
#sidebar .diskuze #postAuthor, #sidebar .diskuze #postEmail, #sidebar .diskuze #postTitle,
#leftSide .diskuze #postAuthor, #leftSide .diskuze #postEmail, #leftSide .diskuze #postTitle {
width: 184px;
border: 1px solid #d9d9d9;
}
.diskuze #postText {
border-top: 1px solid #404042;
border-left: 1px solid #404042;
border-right: 1px solid #d3d0c9;
border-bottom: 1px solid #d3d0c9;
width: 582px;
height: 150px;
float: left;
padding-left: 2px;
padding-right: 2px;
font: 1.05em Arial, Helvetica, Tahoma, sans-serif;
resize: none;
*float: none;
}
#main #content .diskuze #postText {
width: 393px;
}
#mainWide #content #leftColumn .diskuze #postText, #mainWide #content #rightColumn .diskuze #postText {
width: 296px;
}
#sidebar .diskuze #postText, #leftSide .diskuze #postText {
width: 184px;
_margin-left: -10px;
border: 1px solid #d9d9d9;
}
.diskuze .btn {
float: right;
margin-right: 15px;
margin-top: 5px;
}
#sidebar .diskuze .btn, #leftSide .diskuze .btn {
margin: 5px -1px 0 0;
}
.submit {
float: left;
margin: 0 0 0 10px;
padding: 3px 20px 4px;
cursor: pointer;
background: #0f99e6 url(../img/btn.jpg) repeat-x left top;
color: #FFFFFF;
font-size: 0.95em;
font-weight: bold;
border: none;
*padding: 3px 10px 4px;
}
/* WebKit */
@media screen and (-webkit-min-device-pixel-ratio:0){
.submit {
margin: 1px 0 0 10px;
padding: 4px 20px 4px;
}
}
.submit:hover {
color: #D9D9D9;
}
.diskuze .btn {
margin-right: 0px;
}
#leftColumn .diskuze .btn, #rightColumn .diskuze .btn {
margin-right: 2px;
}
/* WebKit */
@media screen and (-webkit-min-device-pixel-ratio:0){
}
/*FireFox 2 */
.diskuze .btn , x:-moz-any-link { margin-right: 0px; }
#main .diskuze .btn , x:-moz-any-link { margin-right: 0px; }
#sidebar .diskuze .btn , x:-moz-any-link { margin-right: 0px; }
#leftSide .diskuze .btn , x:-moz-any-link { margin-right: 0px; }
/*FireFox 3*/
.diskuze .btn , x:-moz-any-link, x:default { margin-right: 0px; }
#main .diskuze .btn , x:-moz-any-link, x:default { margin-right: 0px; }
#sidebar .diskuze .btn , x:-moz-any-link, x:default { margin-right: 0px; }
#leftSide .diskuze .btn , x:-moz-any-link, x:default { margin-right: 0px; }
/* IE7, IE 8 */
.diskuze .btn { *margin-right: 0px; }
#main .diskuze .btn { *margin-right: 0px; }
#sidebar .diskuze .btn { *margin-right: 0px; }
#leftSide .diskuze .btn { *margin-right: 0px; }
/* IE6 */
* html .diskuze .btn { margin-right: 0px; }
* html #main .diskuze .btn { margin-right: 0px; }
* html #sidebar .diskuze .btn { margin-right: 0px; }
* html #leftSide .diskuze .btn { margin-right: 0px; }
p.formError {
margin: 5px 0 5px 0;
font-weight: bold;
}
ul.formError {
margin: 0 0 15px 5px;
color: #ad0000;
}
ul.formError li span {
font-weight: bold;
}
.diskuze label.wrong {
font-weight: bold;
color: #ad0000;
}
.diskuze input.wrong {
border: 1px solid #ad0000;
}
.post {
height: auto;
margin: 0 0 5px 200px;
overflow: hidden;
padding: 10px;
background: #f1f1f1;
border: 1px solid #d9d9d9;
}
#sidebar .post, #leftSide .post, #leftColumn .post, #rightColumn .post {
margin: 0 0 5px 100px;
}
.level-1 {
margin-left: 0px;
background: #ffe347;
}
#sidebar .level-1, #leftSide .level-1, #leftColumn .level-1, #rightColumn .level-1 {
margin-left: 0px;
}
.level-2 {
margin-left: 50px;
}
#sidebar .level-2, #leftSide .level-2, #leftColumn .level-2, #rightColumn .level-2 {
margin-left: 25px;
}
.level-3 {
margin-left: 100px;
}
#sidebar .level-3, #leftSide .level-3, #leftColumn .level-3, #rightColumn .level-3 {
margin-left: 50px;
}
.level-4 {
margin-left: 150px;
}
#sidebar .level-4, #leftSide .level-4, #leftColumn .level-4, #rightColumn .level-4 {
margin-left: 75px;
}
.post .head {
margin-bottom: 10px;
}
.post .head .title {
font-size: 1em;
font-weight: normal;
padding: 0;
margin: 0;
color: #363636;
}
.post .head .title strong {
color: #058ce1;
text-decoration: underline;
}
.post .head p, .boxContent .post .head p {
margin: 0;
padding: 0;
}
.post .head .user {
font-weight: bold;
}
.post .head ins {
text-decoration: none;
font-weight: bold;
}
.post .text {
background: #FFFFFF;
padding: 10px;
}
.post .reply {
float: right;
margin-top: 5px;
}
.post .reply a {
background: url(../img/next.png) no-repeat right;
float: right;
padding-right: 22px;
font-weight: bold;
}
.newPost {
font-weight: bold;
margin-top: 5px;
}
/* ------ DISCUSSION --------- */
/* ------ FAQ ---------------- */
.faq .item {
padding: 15px;
background: #f1f1f1;
margin-bottom: 5px;
}
.question h3.title {
font-size: 1.0em;
margin-top: 0;
margin-bottom: 0;
color: #058ce1;
text-decoration: underline;
font-weight: bold;
}
.answerBlock {
margin-top: 10px;
}
/* ------ FAQ ---------------- */
/* ----- LINKS -------------- */
.item {
padding: 15px;
}
.itemBg1 {
background: #f1f1f1;
}
.item h2.title {
font-size: 1.1em;
margin-bottom: 2px;
padding-bottom: 0;
font-weight: bold;
color: #363636;
border: none;
}
.item h2.title a {
color: #363636;
text-decoration: none;
}
.item h2.title a:hover {
color: #9D7600;
text-decoration: none;
}
.itemContent {
line-height: 1.5em;
}
.uri {
color: #058ce1;
}
/* ----- LINKS -------------- */
/* ------- SEARCH RESULT ---- */
#fulltextSearchResult {
padding-bottom: 10px;
}
#fulltextSearchResult fieldset {
border: none;
margin: 0;
background: #FFE347;
padding: 20px;
border: 1px solid #d9d9d9;
}
.search {
margin-bottom: 5px;
float: left;
width: 250px;
}
.search label, .type label {
width: 240px;
float: left;
margin-bottom: 10px;
font-weight: bold;
}
#main #content .search label, #main #content .type label {
width: 140px;
}
#leftColumn .search label, #leftColumn .type label {
width: 245px;
}
.type {
margin-bottom: 5px;
float: left;
width: 250px;
margin-left: 15px;
}
#main #content .search, #main #content .type {
width: 150px;
}
#leftColumn .search, #leftColumn .type {
width: 250px;
margin-left: 0;
}
#fulltextSearchTextResult {
border-bottom: 1px solid #D3D0C9;
border-left: 1px solid #3F4042;
border-right: 1px solid #D3D0C9;
border-top: 1px solid #3F4042;
width: 242px;
height: 19px;
padding: 0 4px 0 4px;
}
#main #content #fulltextSearchTextResult {
width: 140px;
}
#leftColumn #fulltextSearchTextResult {
width: 241px;
}
/* IE6 */
*html #fulltextSearchTextResult {
width: 202px;
}
#fulltextSearchTypeResult {
border-bottom: 1px solid #D3D0C9;
border-left: 1px solid #3F4042;
border-right: 1px solid #D3D0C9;
border-top: 1px solid #3F4042;
width: 246px;
padding: 0 0 0 4px;
}
#main #content #fulltextSearchTypeResult {
width: 140px;
}
#leftColumn #fulltextSearchTypeResult {
width: 254px;
}
/* WebKit */
@media screen and (-webkit-min-device-pixel-ratio:0){
#fulltextSearchTypeResult { margin-top: 0; }
}
/* IE6 */
* html #fulltextSearchTypeResult {
width: 196px;
}
.btnarea {
float: left;
margin-left: 10px;
margin-top: 23px;
}
.btnarea .submit {
float: left;
}
#main #content .btnarea {
margin-left: 0;
}
#leftColumn .btnarea, #leftColumn .btnarea .submit {
float: right;
}
p.size, #main .boxContent p.size {
line-height: 1.3em;
font-size: 0.9em;
padding-bottom: 0;
padding-top: 3px;
color: #058ce1;
text-align: right;
font-weight: bold;
}
/* ------- SEARCH RESULT ---- */
/* ---- SERVERMAP ----------- */
ul.ServerMap {
padding-left: 5px;
margin-left: 10px;
padding-top: 0px;
font-size: 1.3em;
font-weight: normal;
}
ul.ServerMap li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 10px 0 0 0;
background: none;
}
ul.ServerMap a {
background: none;
padding-left: 0;
color: #363636;
text-decoration: none;
font-weight: bold;
font-size: 1em;
}
ul.ServerMap a:hover {
color: #e8b724;
text-decoration: none;
}
ul.ServerMap .level1 a {
background: url(../img/li.png) no-repeat 0px 6px;
padding-left: 15px;
color: #058ce1;
text-decoration: underline;
font-size: 0.9em;
font-weight: normal;
}
ul.ServerMap .level1 a:hover {
color: #e8b724;
text-decoration: underline;
}
ul.ServerMap .level2 a, ul.ServerMap .level3 a, ul.ServerMap .level4 a, ul.ServerMap .level5 a, ul.ServerMap .level6 a,
ul.ServerMap .level7 a, ul.ServerMap .level8 a, ul.ServerMap .level9 a, ul.ServerMap .level10 a {
background: url(../img/li2.png) no-repeat 0px 6px;
padding-left: 15px;
color: #058ce1;
text-decoration: underline;
font-size: 0.9em;
font-weight: normal;
}
ul.ServerMap .level2 a:hover, ul.ServerMap .level3 a:hover, ul.ServerMap .level4 a:hover, ul.ServerMap .level5 a:hover,
ul.ServerMap .level6 a:hover, ul.ServerMap .level7 a:hover, ul.ServerMap .level8 a:hover, ul.ServerMap .level9 a:hover,
ul.ServerMap .level10 a:hover {
color: #e8b724;
text-decoration: underline;
}
ul.ServerMap ul {
padding-left: 15px;
padding-top: 0px;
}
/* ---- SERVERMAP ----------- */
/* ---- PRODUCTS ------------ */
.product {
margin-bottom: 10px;
margin-top: 5px;
}
#content .product {
margin: 0 0 5px 0;
background: #f1f1f1;
padding: 15px;
}
.product .title {
font-size: 1em;
font-weight: bold;
color: #e8b724;
margin: 0 0 5px 0;
}
#content .withImage .title {
margin-left: 135px;
}
#content #leftColumn .withImage .title, #content #rightColumn .withImage .title {
margin-left: 0;
}
.product .title a {
text-decoration: underline;
}
.product .title a:hover {
text-decoration: underline;
}
.product .image {
float: left;
height: 100%;
width: 135px;
}
#content .product .image {
margin-top: -20px;
}
#content #leftColumn .product .image, #content #rightColumn .product .image {
margin-top: 0px;
}
#sidebar .product .image, #leftSide .product .image {
float: left;
margin-top: 0;
margin: 0 35px 5px;
width: 122px;
}
#sidebar .boxContent .product .image img, #leftSide .boxContent .product .image img {
margin: 0;
}
.product .image a {
border: none;
text-decoration: none;
}
.product .image a img {
text-decoration: none;
margin: 0;
}
.product .image a:hover img {
border: 1px solid #058ce1;
text-decoration: none;
margin: 0;
}
.product .text {
line-height: 1.5em;
}
#leftSide .product .text {
line-height: 1.4em;
}
#sidebar .product .text, #leftSide .product .text {
margin-left: 0;
margin-top: 5px;
}
.productDetail { }
.productDetail .image {
display: block;
margin: 0;
text-align: center;
}
.productDetail .image a {
border: none;
text-decoration: none;
}
.productDetail .image a img {
text-decoration: none;
}
.productDetail .image a:hover img {
border: 1px solid #058ce1;
text-decoration: none;
}
.productDetail .text {
margin-top: 10px;
margin-bottom: 10px;
padding: 15px;
background: #f1f1f1;
}
/* ---- PRODUCTS ------------ */
/* ---- PHOTOGALLERY -------- */
.photo118 a.photo {
width: 122px;
float: left;
text-decoration: none;
padding: 10px 27px;
}
#main #content .photo118 a.photo {
padding: 10px 19px;
}
#mainWide #content #leftColumn .photo118 a.photo, #mainWide #content #rightColumn .photo118 a.photo {
padding: 10px 25px;
_width: 49%;
}
#sidebar .photo118 a.photo, #leftSide .photo118 a.photo {
padding: 10px 0;
margin: 0 34px;
}
.photo200 a.photo {
width: 204px;
float: left;
text-decoration: none;
padding: 10px 75px;
}
#leftSide .photo200 a.photo, #sidebar .photo200 a.photo {
padding: 10px 0;
_width: 100%;
}
#main #content .photo200 a.photo {
padding: 10px 18px;
}
#mainWide #content #leftColumn .photo200 a.photo, #mainWide #content #rightColumn .photo200 a.photo {
padding: 10px 71px;
}
a.photo {
margin: 0 0 10px 0;
overflow: hidden;
font-size: 85%;
border: none;
cursor: pointer;
font-weight: normal;
text-align: center;
padding-bottom: 5px;
text-decoration: none;
}
#content a.photoP1, #content a.photoP2, #content a.photoP3, #content a.photoP4 {
background: #f1f1f1;
_width: 24%;
}
#main #content a.photoP4 {
background: #FFFFFF;
}
#content a.photoP5, #content a.photoP6, #content a.photoP7, #content a.photoP0 {
background: #ffffff;
_width: 24%;
}
#main #content a.photoP1, #main #content a.photoP2 {
background: #f1f1f1;
_width: 50%;
}
#main #content a.photoP0 {
background: #ffffff;
_width: 50%;
}
#mainWide #content #leftColumn a.photoP1, #mainWide #content #leftColumn a.photoP2, #mainWide #content #leftColumn a.photoP5, #mainWide #content #leftColumn a.photoP6,
#mainWide #content #rightColumn a.photoP1, #mainWide #content #rightColumn a.photoP2, #mainWide #content #rightColumn a.photoP5, #mainWide #content #rightColumn a.photoP6 {
background: #f1f1f1;
_width: 50%;
}
#mainWide #content #leftColumn a.photoP3, #mainWide #content #leftColumn a.photoP4, #mainWide #content #leftColumn a.photoP7, #mainWide #content #leftColumn a.photoP0,
#mainWide #content #rightColumn a.photoP3, #mainWide #content #rightColumn a.photoP4, #mainWide #content #rightColumn a.photoP7, #mainWide #content #rightColumn a.photoP0 {
background: #ffffff;
_width: 50%;
}
#mainWide #content .sloupce #leftColumn a.photoP1, #mainWide #content .sloupce #leftColumn a.photoP2,
#mainWide #content .sloupce #leftColumn a.photoP5, #mainWide #content .sloupce #leftColumn a.photoP6,
#mainWide #content .sloupce #rightColumn a.photoP1, #mainWide #content .sloupce #rightColumn a.photoP2,
#mainWide #content .sloupce #rightColumn a.photoP5, #mainWide #content .sloupce #rightColumn a.photoP6 {
background: #f1f1f1;
_width: 49%;
}
#mainWide #content .sloupce #leftColumn a.photoP3, #mainWide #content .sloupce #leftColumn a.photoP4,
#mainWide #content .sloupce #leftColumn a.photoP7, #mainWide #content .sloupce #leftColumn a.photoP0,
#mainWide #content .sloupce #rightColumn a.photoP3, #mainWide #content .sloupce #rightColumn a.photoP4,
#mainWide #content .sloupce #rightColumn a.photoP7, #mainWide #content .sloupce #rightColumn a.photoP0 {
background: #ffffff;
_width: 49%;
}
#mainWide #content .sloupce #leftColumn .photo200 a.photoB1, #mainWide #content .sloupce #leftColumn .photo200 a.photoB3,
#mainWide #content .sloupce #rightColumn .photo200 a.photoB1, #mainWide #content .sloupce #rightColumn .photo200 a.photoB3 {
background: #f1f1f1;
_width: 100%;
}
#mainWide #content .sloupce #leftColumn .photo200 a.photoB2, #mainWide #content .sloupce #leftColumn .photo200 a.photoB0,
#mainWide #content .sloupce #rightColumn .photo200 a.photoB2, #mainWide #content .sloupce #rightColumn .photo200 a.photoB0 {
background: #ffffff;
_width: 100%;
}
#content a.photoB1, #content a.photoB2 {
background: #f1f1f1;
_width: 50%;
}
#content a.photoB3, #content a.photoB0 {
background: #ffffff;
_width: 50%;
}
#content #leftColumn a.photoB1, #content #leftColumn a.photoB3,
#content #rightColumn a.photoB1, #content #rightColumn a.photoB3{
background: #f1f1f1;
_width: 50%;
}
#content #leftColumn a.photoB2, #content #leftColumn a.photoB0,
#content #rightColumn a.photoB2, #content #rightColumn a.photoB0{
background: #ffffff;
_width: 50%;
}
#mainWide #content #leftColumn a.photoB0, #mainWide #content #leftColumn a.photoB1,
#mainWide #content #rightColumn a.photoB0, #mainWide #content #rightColumn a.photoB1,
#main #content a.photoB0, #main #content a.photoB1 {
_width: 100%;
}
a.photo:hover {
border: none;
font-weight: normal;
text-decoration: none;
}
a.photo .name {
text-decoration: underline;
display: block;
padding-top: 5px;
font-weight: bold;
overflow: hidden;
}
.photo118 a.photo .name {
width: 122px;
}
.photo200 a.photo .name {
width: 204px;
}
a.photo:hover .name {
border: none;
font-weight: bold;
text-decoration: underline;
}
.photo118 a.photo span.image {
position: relative;
display: block;
margin: 0 auto;
width: 122px;
height: 122px;
border: none;
}
.photo200 a.photo span.image {
position: relative;
display: block;
margin: 0 auto;
width: 204px;
height: 204px;
border: none;
}
a.photo span.image span {
*position: absolute;
*top: 50%;
*left: 50%;
}
a.photo span.image img {
margin: 0;
border: 0;
border: 1px solid #e1e1e1;
}
a.photo:hover span.image img {
border: 1px solid #058ce1;
}
a.photo span.image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
*position: relative;
*top: -50%;
*left: -50%;
*margin: 0;
*overflow: hidden;
}
.photofull {
margin-top: 15px;
}
.photofull span.image {
position: relative;
display: block;
margin: 0 auto 10px;
text-align: center;
width: 500px;
height: 500px;
}
#main .photofull span.image {
width: 480px;
height: 480px;
}
#mainWide #column .photofull span.smallImage {
width: 295px;
}
/* IE6 */
* html .photofull span.image {
margin: 0 0 0 100px;
width: 502px;
height: 502px;
}
/* IE7 and IE8 */
.photofull span.image span {
*position: absolute;
*top: 50%;
*left: 50%;
}
.photofull span.image img {
margin: 0;
border: 1px solid #e1e1e1;
}
.photofull span.image a:hover img {
border: 1px solid #058ce1;
}
.photofull span.image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
*position: relative;
*top: -50%;
*left: -50%;
*margin: 0;
*overflow: hidden;
}
.pagination {
width: 504px;
margin: 0 auto;
padding: 0 0 5px 0;
text-align: center;
}
.smallPagination {
width: 380px;
}
#mainWide .smallPagination {
width: 295px;
}
/* IE6 */
* html .pagination { margin-left: 98px; }
* html .smallPagination { margin-left: 0; };
/* IE6 */
* html .pagination table { _font-size: 0.9em; }
.pagination table td {
*height: 30px;
}
.pagination .before {
width: 150px;
}
.pagination .control {
width: 201px;
text-align: center;
}
.pagination .after {
width: 150px;
text-align: right;
}
.smallPagination .before {
width: 190px;
}
.smallPagination .control {
padding-top: 10px;
}
.smallPagination .after {
width: 190px;
}
#mainWide .smallPagination .before {
width: 147px;
}
#mainWide .smallPagination .after {
width: 148px;
}
.pagination .prev {
background: url(../img/prev.png) no-repeat left;
padding: 0 0 0 20px;
text-decoration: underline;
font-weight: bold;
border: none;
float: left;
}
.pagination .next {
background: url(../img/next.png) no-repeat right;
padding: 0 20px 0 0;
text-decoration: underline;
font-weight: bold;
border: none;
float: right;
}
.pagination .prev:hover, .pagination .next:hover {
text-decoration: underline;
}
#slideshowControl {
background: #eaba18 url(../img/btn_y.jpg) repeat-x top;
color: #363636;
padding: 4px 20px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
cursor: pointer;
font-size: 0.95em;
font-weight: bold;
*height: 25px;
*padding-bottom: 5px;
*line-height: 25px;
*padding-top: 4px;
_padding-top: 4px;
_padding-bottom: 0px
_height: 20px;
_line-height: 20px;
}
#slideshowControl:hover {
color: #d9d9d9;
cursor: pointer;
}
/* ---- PHOTOGALLERY -------- */
/* ------- USER LOGIN ------- */
.privateAccessForm {
overflow: hidden;
margin-bottom: 20px;
}
/* IE6 */
*html .privateAccessForm table {
font-size: 0.9em;
}
.privateAccessForm form {
}
.privateAccessForm p {
margin: 5px 0 5px 0;
}
.privateAccessForm label {
font-weight: bold;
margin-left: 5px;
}
.privateAccessForm fieldset {
border: none;
margin: 0;
padding: 20px;
background: #e1e1e1;
}
.privateAccessForm #postUserName, .privateAccessForm #postPasswd {
font-family: Tahoma, Arial, Helvetica, sans-serif;
height: 1.5em;
margin: 0 0 5px 5px;
width: 200px;
padding-left: 2px;
padding-right: 2px;
border-bottom: 1px solid #D3D0C9;
border-left: 1px solid #3F4042;
border-right: 1px solid #D3D0C9;
border-top: 1px solid #3F4042;
}
.privateAccessForm .submit {
float: right;
}
.privateAccessForm .error {
margin: 10px 0 10px 10px;
color: #f82924;
}
#lostPasswordLink {
margin: 5px 0 0 20px;
}
/* ------- USER LOGIN ------- */Slider to nie tylko css, to również js. Pewnie jest tam jakieś demo do tego, po prostu skopiuj
Będzie mi ciężko, bo w sumie nic nie wiadomo o stronie autora wątku, prócz przydługawego postu z css-em (on nie jest kodem strony, raczej upiększaczem), no ale spróbujmy, przynajmniej podstawę “wklejania” dodatków.
Metoda jest w zasadzie prosta, jeżeli stronę masz w html’u (mam dziwne przeczucie, że jest to jakiś cms, a przy templatkach trzeba mieć większą baczność).
Całość dema pobierasz spod tego adresu.
Najważniejszymi/podstawowymi rzeczami z “dema” to plik style.css i pliki katalogu images (konkretnie chodzi o selected-item.gif, transparent-bg.gif, transparent-bg.png).
Teraz będę “chamem”, bo nakażę Tobie zrobić 8 grafik png (jeśli będziesz chciał jpg, to będziesz musiał to zmienić w podanym poniżej kodzie), z tylko czterech fotek. 4 z nich ma być o wymiarach 80 szerokości i 50 wysokości, oraz 4 o wymiarach 400 szer. i 250 wys. Te mniejsze nazwiesz kolejno 1s.png, 2s.png, 3s.png i 4s.png, a te większe mają mieć tylko cyfry. Stworzone pliki graficzne wrzucasz do katalogu images , pozbywając się tych, które nie zostały wymienione.
Teraz do swojego pliku html (tego, który ma wyświetlać ten slider) dodasz w sekcji head coś takiego:
oraz poniższe, gdzieś w sekcji body (nie wiem jak wygląda strona, na której chcesz to mieć, więc… chyba będziesz wiedział gdzie konkretnie ten kod chcesz by był wyświetlany):
[/code]
pamiętając o zmianie na własne zwrotów Tytuł, podtytuł i link (są ponumerowane, więc chyba nie zrobisz błędu).
Teraz tak przygotowane elementy, czyli plik html, plik css i katalog images wrzucasz na serwer i podpinasz odnośnik do tego htmla na stronie głównej (jeżeli slider nie znajduje się na głównej).
no ok, a czy muszą być te 4 obrazki? nie może być ich mniej??.. (bo ja będę potrzebował raz np.2, a za drugim razem np.6) ?
– Dodane 17.02.2012 (Pt) 22:41 –
jaki jest najprostszy sposób zrobienia tego slidera? wiecie…mam mało czasu na zrobienie tego - chcę po prostu żeby już to było…
_ potrzebuję jak najprostszy kod i tak żeby to się w miarę prosto obsługiwało… _
bardzo proszę o zrozumienie mnie:)
Podziwiam poprzednika w cierpliwości do ciebie. Skoro nie potrafisz sobie skopiować, ba, nie chce ci się podmienić paru linków w kodzie podanym wyżej. To jedynym prostszym sposobem jest nie zrobienie tego. A jak chcesz by ktoś w 100% zrobił to pod ciebie / twoją stronę / z obsługa bazy danych uploadem grafiki i panelem konfiguracyjnym (wszysko automat) to po prostu za to zapłać. Za niewiedzę się płaci 
Myślisz, że nie podając nic o swojej stronie, nie potrafiąc skopiować prostego linka (innymi słowy, nie potrafiąc nic), nawet wklejając css w posta utrudniając przewijanie innym (jest do tego znacznik code) uzyskasz gotowca ?
Nie muszą, ale jeśli chcesz mniej lub więcej w tym demie/przykładzie/gotowcu, musisz “bawić” się z wartościami w pliku css tego przykładu (w szczególności wysokości głównej ramki) oraz zastosowanymi rozmiarami dużych grafik. Inaczej usunięcie lub dodanie “fragmentu” będzie skutkowało nieodpowiednim wymiarem/rozmiarem tego slider’a do przedstawianej w nim treści.
Raczej to jest najprostszy sposób jeśli chodzi o html, jak i od strony “technicznej” (masz tu przecież gotowca, w którym wystarczy dodać swoje grafiki, tytuły i odnośniki, ewentualnie powielić lub usunąć partię podanego kodu, który jest czytelny -przynajmniej dla mnie ;)) i raczej nikt nie zabrania Tobie modyfikacji np. do różnych rozmiarów slider’a, na daną okoliczność (możesz sobie zrobić kilka wariantów, a potem tylko “kopiuj-wklej-dopisz…”).
A jeśli chodzi Tobie o “wyklikiwalną” formę, to raczej -choć może się mylę- nikt się nie podejmie “wolontariatu” by zrobić/przerobić to dla Ciebie (chyba że masz dobrego znajomego, który za browar Tobie to naskrobie ;)).
Możesz ewentualnie jeszcze poszukać jakiegoś slider’a, który będzie Tobie odpowiadał i spełniał wymogi -a nóż znajdziesz-, nie będąc problematyczny w użytkowaniu, np. jako dodatek do CMS-a (przeważnie powinny być konfigurowalne spod panelu administracyjnego danego CMS-a). Oczywiście nie możesz zapominać o tym, że dane rozwiązanie może być albo kłopotliwe, albo nie możliwe w implementacji z Twoją stroną -do tej pory nie pochwaliłeś się z czego korzystasz, a podany css jedynie wskazuje na jakąś dość rozbudowaną templatkę, być może pod jakiś cms, bo nie spotkałem się z taką “robocizną” pod “zwykłą” stronę-.
znacie kogoś kto może mi zaprogramować całe jQuery?
jak to napisał drobok: z obsługa bazy danych, uploadem grafiki i panelem konfiguracyjnym (wszysko automat)
oczywiście nie za darmo:)
Zaprogramować jQuery? Ty wiesz wlg co to jest jQuery? Zależy ile masz pieniędzy.
ja mogę Ci zaprogramować jQuery, info na PW-pisz