| Меняющая шапка! |
| horser | Дата: Среда, 28.07.2010, 15:30 | Сообщение # 1 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| Установил шаблон на сайт. изменил немного шапку и картинку сбоку на свои. Подскажите, пожалуйста, как сделать чтобы картинка шапки сайта и картинка сбоку менялась каждый день автоматически на другую (по циклу, бесконечно)? Ну или не каждый день, а хотя бы просто при переходе на другую страницу. просто сайт персональный и хотелось бы чтобы фото менялось. заранее спасибо.
|
| |
|
|
|
| pikasso | Дата: Среда, 28.07.2010, 22:11 | Сообщение # 2 |
Генерал-полковник
Группа: Модераторы
Сообщений: 1010
Репутация: 55
Статус: Offline
| horser, ротатор или погугли скриптов полно! главное чтоб шапка была цельной картинкой!
скачать любую программу без регистрации и каких либо смс.
|
| |
|
|
|
| horser | Дата: Четверг, 29.07.2010, 00:09 | Сообщение # 3 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| Да, шапка цельная. Добавлено (29.07.2010, 00:09) --------------------------------------------- все, спасибо нашел у вас в скриптах. только вот ещё,можно ли сделать подобное с боковой картинкой сайта? она находится в шаблоне. вот отрывок CSS кода с ней: Code * { margin: 0; padding: 0; } html {height: 100%} body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; position: absolute; margin-left: 10%; margin-right: 10%; width: 1000px; height: 800px; background: url(../images/bg.jpg) repeat-x; background-color: #cfc9bd; }
.body-right { background: url(../images/right2.jpg) no-repeat; top: 0px; position: absolute; width: 290px; height: 800px; left: 710px; z-index: 100;
}
a { color: #ee3b75; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } она - background: url(../images/right2.jpg) no-repeat;
|
| |
|
|
|
| pikasso | Дата: Четверг, 29.07.2010, 01:26 | Сообщение # 4 |
Генерал-полковник
Группа: Модераторы
Сообщений: 1010
Репутация: 55
Статус: Offline
| Я с КСС недружу помочь немогу!
скачать любую программу без регистрации и каких либо смс.
|
| |
|
|
|
| horser | Дата: Четверг, 29.07.2010, 13:44 | Сообщение # 5 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| (((Кто-нибудь может мне помочь? Пожалуйста, очень надо. Добавлено (29.07.2010, 13:44) ---------------------------------------------
|
| |
|
|
|
| pikasso | Дата: Четверг, 29.07.2010, 19:51 | Сообщение # 6 |
Генерал-полковник
Группа: Модераторы
Сообщений: 1010
Репутация: 55
Статус: Offline
| horser, SleepWalker может помочь но он реально загружен! если есть у него минутка то посмотрит!
скачать любую программу без регистрации и каких либо смс.
|
| |
|
|
|
| SleepWalker | Дата: Четверг, 29.07.2010, 20:09 | Сообщение # 7 |
Admin
Группа: Администраторы
Сообщений: 3337
Репутация: 251
Статус: Offline
| horser, тебе нужно ее вынести из тилей и тогда уже можно ее менять.. просто в шаблоне с шапкой, там де написано class="body-right" допиши style="background: url(../images/right2.jpg) no-repeat;" тоесть выйдет так: Code ....class="body-right" style="background: url(../images/right2.jpg) no-repeat;".... ну а потом можно менять скриптом правда тебе ж нужно его в img пихать... дай код шапки, я его подредактирую
Time Waits For No One
|
| |
|
|
|
| horser | Дата: Четверг, 29.07.2010, 22:57 | Сообщение # 8 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| короче, вот весь CSS код: Code * { margin: 0; padding: 0; } html {height: 100%} body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; position: absolute; margin-left: 10%; margin-right: 10%; width: 1000px; height: 800px; background: url(../images/bg.jpg) repeat-x; background-color: #cfc9bd; }
.body-right { background: url(../images/right2.jpg) no-repeat; top: 0px; position: absolute; width: 290px; height: 800px; left: 710px; z-index: 100;
}
a { color: #ee3b75; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input {vertical-align: middle} #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }
/* Header -----------------------------------------------------------------------------*/ #header { background: url(../images/head2.jpg) no-repeat; position: absolute; left: 50px; right: 290px; top: 20px; height: 217px; width: 661; }
/* Middle -----------------------------------------------------------------------------*/ #middle { width: 100%; padding: 0 0 40px; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
#container { width: 100%; float: left; overflow: hidden; } #content { padding: 300px 300px 0 50px; }
/* Sidebar Right -----------------------------------------------------------------------------*/ .sr { float: left; width: 290px; height: 800px; position: relative; left: 565px; top: 0 z-index: 100; }
/* Footer -----------------------------------------------------------------------------*/ #footer { width: 1000px; top: -50px; background: #cdc8bc; }
.menu { background: url(../images/menu.png) no-repeat; position: absolute; width: 584px; height: 53px; right: 340px; top: 250px; z-index: 2; }
.menu { font-size: 18px; color: #ed3a77; text-decoration: none; }
.menu ul { position: relative; margin-left: 10%; margin-right: 10%; top: 10px; }
#titlebasic { position: relative; display: block; height: 47px; color: #ed3a77; font-weight: bold; font-size:14px; line-height: 42px; overflow: hidden; background: #008ce3 url("../images/titlebasic_bg.png") top repeat-x; }
#titlebasic div { position: relative; display: block; background: transparent url("../images/titlebasic_l.png") top left no-repeat; padding-left: 4px; height: 47px; }
#titlebasic div div { position: relative; display: block; background: transparent url("../images/titlebasic_r.png") top right no-repeat; padding-right: 4px; height: 47px; }
#titlebasic div div div {margin:0; padding:0;} #titlebasic a:link, #titlebasic a:visited { height: 45px; font-weight: bold; color: #ed3a77;} #titlebasic a:hover {font-weight: bold; color: #ed3a77;}
.bodyline { background: #fafafa; border-left: 1px #9a9a9a solid; border-right: 1px #9a9a9a solid; padding:5px; }
#footnews{ position: relative; display: block; height: 33px; color: #fff; font-weight: bold; line-height: 28px;
overflow: hidden; background: #d4cfc4 url("../images/footnews-bg.png") top repeat-x; bottom: 5px; }
#footnews div { position: relative; display: block; background: transparent url("../images/footnews-l.png") top left no-repeat; padding-left: 4px; height: 33px; }
#footnews div div { position: relative; display: block; background: transparent url("../images/footnews-r.png") top right no-repeat; height: 33px; }
#footnews div div div {margin:0; padding-right:2px;} #footnews a:link, #footnews a:visited { height: 45px; font-weight: regular; color: #ffffff;font-family:Tahoma;} #footnews a:hover {font-weight: regular; color: #666666;font-family:Tahoma;}
.morelink { clear: both; display: block; border-bottom: 1px solid #EFEFEF; margin-top: 5px; color: #666666; height: 18px; padding: 2px; }
.morelink a:link, .morelink a:visited, .morelink td { color: #666666; font-size: 10px; } .morelink a:hover { color: #666666; font-size: 10px; }
.copy { position: absolute; left: 870px; top: 700px; z-index: 1000; }
.admin_niz { text-color: #ffffff; position: relative; left: 0px; top: 0px; }
/* ===== forum Start ===== */
/* General forum Table View */ .gTable {background:#919191;} .gTableTop {padding:2px;background:#ee3b75;color:#ffffff;font-weight:bold;height:30px;padding-left:17px;font-size:13px;} .gTableSubTop {padding:2px;background:#dedacf;border:1px solid #FFFFFF;color:#000000;height:20px;font-size:10px;} .gTableBody {padding:2px;background:#EEEEEE;} .gTableBody1 {padding:2px;background:#FFFFFF;} .gTableBottom {padding:2px;background:#D8D8D8; border:1px solid #FFFFFF;;} .gTableLeft {padding:2px;background:#FFFFFF;font-weight:bold;color:#00c0ff} .gTableRight {padding:2px;background:#FFFFFF} .gTableError {padding:2px;background:#D8D8D8; border:1px solid #FFFFFF;;color:#FF0000;} /* ------------------------ */
/* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#dedacf; border:1px solid #FFFFFF;} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}
a.catLink:link {text-decoration:none; color:#ffffff;} a.catLink:visited {text-decoration:none; color:#ffffff;} a.catLink:hover {text-decoration:underline; color:#ffffff;} a.catLink:active {text-decoration:underline; color:#FFFFFF;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */
/* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#858585;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#707070;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#707070;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#B3B3B3;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#707070;} /* -------------------- */
/* forum Navigation Bar */ .forumNamesBar {font-weight:bold;font-size:7pt;} .forumBarKw {font-weight:normal;} a.forumBarA:link {text-decoration:none; color:#b8b8b8;} a.forumBarA:visited {text-decoration:none; color:#b8b8b8;} a.forumBarA:hover {text-decoration:none; color:#707070;} a.forumBarA:active {text-decoration:underline; color:#9EBEFF;} /* -------------------- */
/* forum Fast Navigation Blocks */ .fastNav,.fastSearch,.fastLoginForm {font-size:7pt;} /* ---------------------------- */
/* forum Fast Navigation Menu */ .fastNavMain {background:#C7D7EF;} .fastNavCat {background:#E7EEF8;} .fastNavCatA {background:#E7EEF8;color:#0000FF} .fastNavForumA {color:#0000FF} /* -------------------------- */
/* forum Page switches */ .switches {background:#C2C2C2;} .pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;} .switch {background:#FFFFFF;width:15px;font-size:7pt;} .switchActive {background:#b5b5b5;font-weight:bold;color:#b8b8b8;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#b8b8b8;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#b8b8b8;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;} /* ------------------- */
/* forum Threads Style */ .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#D8D8D8; border:1px solid #FFFFFF;} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#858585;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#AFAEAE;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;padding-left:40px;} .threadsDetails {padding:2px;background:#BBBBBB;color:#000000;height:20px;font-size:10px;border:1px solid #FFFFFF;} .forumOnlineBar {padding:2px;background:#AFAEAE;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;}
a.threadPinnedLink:link {text-decoration:none; color:#0000FF;} a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;} a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;} a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}
a.threadLink:link {text-decoration:none; color:#707070;} a.threadLink:visited {text-decoration:none; color:#707070;} a.threadLink:hover {text-decoration:underline; color:#b8b8b8;} a.threadLink:active {text-decoration:underline; color:#b8b8b8;}
.postpSwithces {font-size:7pt;} .thDescr {font-weight:normal;} .threadFrmBlock {font-size:7pt;text-align:right;} /* ------------------- */
/* forum Posts View */ .postTable {} .postPoll {background:#EEEEEE;text-align:center;} .postFirst {background:#F5F9FD;border-bottom:3px solid #999999} .postRest1 {background:#EEEEEE;} .postRest2 {background:#F5F9FD;} .postSeparator {height:3px;background:#999999;}
.postTdTop {background:#dfdbd0;color:#b8b8b8;height:20px;font-size:10px;} .postBottom {background:#FFFFFF;color:#b8b8b8;height:20px;border:1px solid #BBBBBB;} .postUser {font-weight:bold;} .postTdInfo {text-align:center;padding:5px;background:#EEEEEE;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#2D435B;} .posttdMessage {padding:5px;background:#FFFFFF;}
.pollQuestion {text-align:center;font-weight:bold;} .pollButtons,.pollTotal {text-align:center;} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;} .pollSubmit {font-weight:bold;} .pollEnd {text-align:center;height:30px;}
.codeMessage {background:#FFFFFF;font-size:9px;} .quoteMessage {background:#FFFFFF;font-size:9px;}
.signatureView {font-size:7pt;} .edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;} .editedBy {font-weight:bold;font-size:8pt;}
.statusBlock {padding-top:3px;} .statusOnline {color:#0000FF;} .statusOffline {color:#FF0000;} /* ------------------ */
/* forum AllInOne Fast Add */ .newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/971/19.gif') no-repeat 0px 4px;} .newPollItem {padding: 0 0 0 8px; background: url('/.s/t/971/19.gif') no-repeat 0px 4px;} /* ----------------------- */
/* forum Post Form */ .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #8D8A83;color:#DAD7CC;border:1px outset #615E58;}
.codeButtons {font-size:7pt;background: #8D8A83;color:#DAD7CC;border:1px outset #615E58;} .codeCloseAll {font-size:7pt; background: #8D8A83;color:#DAD7CC;border:1px outset #615E58;font-weight:bold;} .postNameFl,.postDescrFl {background:#EBEBEB;border:1px solid #9EBEFF;width:400px} .postPollFl,.postQuestionFl {background:#EBEBEB;border:1px solid #9CCF00;width:400px} .postResultFl {background:#EBEBEB;border:1px solid #9EBEFF;width:50px} .postAnswerFl {background:#EBEBEB;border:1px solid #9EBEFF;width:300px} .postTextFl {background:#EBEBEB;border:1px solid #9EBEFF;width:550px;height:150px} .postUserFl {background:#EBEBEB;border:1px solid #9EBEFF;width:300px}
.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;} .smilesPart {padding-top:5px;text-align:center} /* ----------------- */
/* ====== forum End ====== */
.l {background:url(/images/l.jpg) no-repeat; height:35px; width:17px; float:left;}
.p {background:url(/images/p.jpg) no-repeat;height:35px;width:17px;float:right;} .c {background:url(/images/c.jpg) repeat-x;height:35px;width:100%;}
.c a, .c img {float:left;} .c a {margin:7px 4px 0 5px;}
|
| |
|
|
|
| SleepWalker | Дата: Пятница, 30.07.2010, 10:59 | Сообщение # 9 |
Admin
Группа: Администраторы
Сообщений: 3337
Репутация: 251
Статус: Offline
| horser, мне не цсс, а шаблон верхней части сайта(там де ты скрипт вставлял для случайной шапки)
Time Waits For No One
|
| |
|
|
|
| horser | Дата: Пятница, 30.07.2010, 12:33 | Сообщение # 10 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| я для шапки еще не ставил. вот код: Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <!--[if lte IE 6]><link rel="stylesheet" href="/css/style_ie.css" type="text/css" media="screen" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="middle"> <div id="container"> <div id="content"> <!-- <body> -->$CONTENT$<!-- </body> --> </div><!-- #content--> </div><!-- #container--> <div class="menu"> <ul> <div class="l"></div> <div class="p"></div> <div class='c'> <a href="/">Главная</a> <img src="/images/x.jpg" alt=""> <a href="/forum">форум</a> <img src="/images/x.jpg" alt=""> <a href="/load">Скачать</a> <img src="/images/x.jpg" alt=""> <a href="/gb">Гостевая</a> </div> </ul> </div> <div class="body-right"> <br><br> $LOGIN_FORM$ </div> </div><!-- #middle--> </div><!-- #wrapper --> <div class="copy"> © 2010<br> Все права защищены<br> </div> <div id="footer"> $POWERED_BY$ $COUNTER$ <div class="admin_niz"> Для связи с администратором пишите на horsered@ya.ru </div><!-- #footer --> </body> </html>
|
| |
|
|
|
| SleepWalker | Дата: Пятница, 30.07.2010, 12:53 | Сообщение # 11 |
Admin
Группа: Администраторы
Сообщений: 3337
Репутация: 251
Статус: Offline
| horser, теперь до меня дошло что такое картинка сбоку. у тебя хоть есть эти картинки? и еще одно важное предупреждение. картинки будут менятся при обновлении страницы, а не каждый день... для каждого дня я скрипта не видел, а самому сейчас писать нету возможности и если писать для каждого дня то это тебе что выходит надо сделать 30 шапок и 30 картинок для блоков? 0о помойму эта идея вообще не очень.... вот код который для шапки: <div id="header"> <script type="text/javascript"> sha=Math.floor(Math.random() * 2); document.write('<img src="/images/head'+sha+'.jpg" border="0" />'); </script> </div> про управление скриптом(выделен жирным), читать тут: http://udf.su/forum/32-300-1 а с блоком я хз, мне надо посмотреть на сам диз, что бы увидеть как сверстать картинку...
Time Waits For No One
|
| |
|
|
|
| horser | Дата: Суббота, 31.07.2010, 00:38 | Сообщение # 12 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| SleepWalker, спасибо) только вот мне бы для блока чё-нить придумать короче сам шаблон я качал отсюда (там есть и скрин) - тут
|
| |
|
|
|
| SleepWalker | Дата: Суббота, 31.07.2010, 12:18 | Сообщение # 13 |
Admin
Группа: Администраторы
Сообщений: 3337
Репутация: 251
Статус: Offline
| чесно говоря я по скрину не понял что там является блоком))) и мне кажется, что случайные картинки в блоках это уже через чур))
Time Waits For No One
|
| |
|
|
|
| horser | Дата: Суббота, 31.07.2010, 13:52 | Сообщение # 14 |
Рядовой
Группа: Пользователи
Сообщений: 13
Репутация: 0
Статус: Offline
| там на скрине картинка, справа, где стоит девушка. так вот, я сделаю несколько картинок, конечно, с другой девушкой, там где она стоит в разных позициях, и просто хотел что бы они менялись. а картинка незаметна, т.к. фон такой же как фон всего сайта, поэтому там незаметно))) Code и мне кажется, что случайные картинки в блоках это уже через чур)) ну конечно не случайные, а набор конкретных)))
|
| |
|
|