Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 11
Модератор форума: pikasso 
Форум о uCoz и Web » Система uCoz » Прочее » Меняющая шапка! (Как сделать чтобы шапка сайта менялась?)
Меняющая шапка!
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)
---------------------------------------------
sad

 
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
и мне кажется, что случайные картинки в блоках это уже через чур))

ну конечно не случайные, а набор конкретных)))
 
Форум о uCoz и Web » Система uCoz » Прочее » Меняющая шапка! (Как сделать чтобы шапка сайта менялась?)
Страница 1 из 11
Поиск: