Poszukuję kogoś, kto pomoże mi na stronie jQery


(Hub Smol) #1

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!:):slight_smile:


(Andrzejmn) #2

To co podałeś możesz sobie ściągnąć, jest za darmo.

W czym problem?


(pain3hp) #3

ściągnięcie to jeszcze nie wszystko, jeszcze trzeba wstawić na stronę i wyedytować treść a autor jest laikiem widać, chociażby po "jQery"


(Grzesie K) #4

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.


(Hub Smol) #5

@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 ------- */

(Drobok) #6

Slider to nie tylko css, to również js. Pewnie jest tam jakieś demo do tego, po prostu skopiuj :slight_smile:


(manieKMP) #7

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):

  • 1s.png
  • 2s.png
  • 3s.png
  • 4s.png

1.png
2.png
3.png
4.png
[/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).


(Hub Smol) #8

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:)


(Drobok) #9

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 :slight_smile:

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 ?


(manieKMP) #10

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 :wink:) 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 :wink:).

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ę-.


(Hub Smol) #11

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:)


(R@z0r) #12

Zaprogramować jQuery? Ty wiesz wlg co to jest jQuery? Zależy ile masz pieniędzy.


(pain3hp) #13

ja mogę Ci zaprogramować jQuery, info na PW-pisz