Главная » Стандартные шаблоны » Игры » Дизайн #799

Дизайн #799

01.05.2011 в 09:29
Автор: Scorpik427

Данный шаблон не поддерживает редактор шапки. Узнать подробнее.


О шаблоне:
Дизайн #799

1. Как сменить шапку?

Вся шапка прописана в Таблице стилей CSS, в Панели управления - Управление дизайном.

/.s/t/799/1.png - Меняете на свою ссылку на картинку.

Code

#top {
  height: 24px;
  width: 100%;
  min-width: 1000px;
  background: url(/.s/t/799/1.png);
}



/.s/t/799/2.png - Меняете на свою ссылку на картинку.

Code

#top2 {
  height: 37px;
  width: 100%;
  min-width: 1000px;
  background: url(/.s/t/799/2.png);
}



/.s/t/799/3.jpg - Меняете на свою ссылку на картинку.

Code

#top2_block {
  width: 1000px;
  height: 37px;
  margin: auto;
  background: url(/.s/t/799/3.jpg);
}



/.s/t/799/4.jpg - Меняете на свою ссылку на картинку.

Code

#header {
  clear: both;
  width: 1000px;
  height: 121px;
  background: url(/.s/t/799/4.jpg);
  margin: auto;
  text-align: left;
  font: 35px/110px 'Times New Roman';
  color: #fcd211;
}



/.s/t/799/5.png - Меняете на свою ссылку на картинку.

Code


#gametitle {
  position: relative;
  width: 560px;
  height: 74px;
  background: url(/.s/t/799/5.png);
  margin: auto;
  margin-top: -38px;
}

2. Как изменить дизайн блоков и других элементов:?

Изменить дизайн блоков Вы можете в Таблице стилей CSS, в Панели управления - Управление дизайном.

/.s/t/799/20.png - Меняете на свою ссылку на картинку.

Code
.blocktop {
  width: 180px;
  height: 10px;
  overflow: hidden;
  background: url(/.s/t/799/20.png);
}



/.s/t/799/21.png - Меняете на свою ссылку на картинку.

Code
.blockbottom {
  width: 180px;
  height: 9px;
  overflow: hidden;
  margin-bottom: 20px;
  background: url(/.s/t/799/21.png);
}



/.s/t/799/22.png - Меняете на свою ссылку на картинку.

Code
.blockmiddle {
  width: 180px;
  background: url(/.s/t/799/22.png);
}



/.s/t/799/6.png - Меняете на свою ссылку на картинку.

Code
  
#container {
  position: relative;
  width: 1000px;
  margin: auto;
  margin-top: -12px;
  padding: 0px;
  padding-top: 1px;
  text-align: left;
  background: url(/.s/t/799/6.png);
}



/.s/t/799/7.png - Меняете на свою ссылку на картинку.

Code
#leftcol {
  position: relative;
  float: left;
  width: 220px;
  text-align: justify;
  background: url(/.s/t/799/7.png);
}



/.s/t/799/8.png - Меняете на свою ссылку на картинку.

Code
#leftcol-top {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: -51px 0px 0px -5px;
  width: 226px;
  height: 51px;
  background: url(/.s/t/799/8.png);
}
  



/.s/t/799/9.png - Меняете на свою ссылку на картинку.

Code
#bad {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px 0px 0px -17px;
  width: 38px;
  height: 127px;
  background: url(/.s/t/799/9.png);
}



/.s/t/799/10.png - Меняете на свою ссылку на картинку.

Code
#rightcol {
  position: relative;
  float: left;
  width: 220px;
  text-align: justify;
  overflow: hidden;
  background: url(/.s/t/799/10.png);
}



/.s/t/799/11.png - Меняете на свою ссылку на картинку.

Code
  
#rightcol-top1 {
  position: absolute;
  top: 0px;
  left: 100%;
  margin: -36px 0px 0px -223px;
  width: 149px;
  height: 45px;
  background: url(/.s/t/799/11.png);
}



/.s/t/799/12.png - Меняете на свою ссылку на картинку.

Code
#rightcol-top2 {
  position: absolute;
  top: 0px;
  left: 100%;
  margin: -36px 0px 0px -74px;
  width: 34px;
  height: 58px;
  background: url(/.s/t/799/12.png);
}
  



/.s/t/799/13.png - Меняете на свою ссылку на картинку.

Code
#rightcol-top3 {
  position: absolute;
  top: 0px;
  left: 100%;
  margin: -36px 0px 0px -40px;
  width: 47px;
  height: 78px;
  background: url(/.s/t/799/13.png);
}
  



/.s/t/799/14.png - Меняете на свою ссылку на картинку.

Code
#ls_bottom {
  width: 196px;
  height: 47px;
  margin-left: 14px;
  background: url(/.s/t/799/14.png);
}


/.s/t/799/15.png - Меняете на свою ссылку на картинку.

Code
#rs_bottom {
  width: 196px;
  height: 47px;
  margin-left: 10px;
  background: url(/.s/t/799/15.png);
}


/.s/t/799/16.gif - Меняете на свою ссылку на картинку.

Code
#main-top {
  margin-top: 10px;
  width: 100%;
  height: 31px;
  background: url(/.s/t/799/16.gif);
}


/.s/t/799/17.gif - Меняете на свою ссылку на картинку.

Code
#main-middle {
  width: 100%;
  background: url(/.s/t/799/17.gif);
}


/.s/t/799/18.gif - Меняете на свою ссылку на картинку.

Code
#main-bottom {
  width: 100%;
  height: 74px;
  background: url(/.s/t/799/18.gif);
}

3. Как изменить фон всего сайта?
Фон всего сайта Вы можете изменить в Панели управления: Управление дизайном - Таблица стилей CSS, строчки:

Code
body {
  margin: 0px;
  background-color: #0a0907;
  font: 11px 'Arial';
  color: #5d5d5d;
  text-align: center;
}


#0a0907 - необходимо менять на свой цвет.


Рейтинг: 14          Просмотров: 10547          Комментариев: 14
09.09.2015 в 12:49      0  

Всю неделю хожу сюда, надеясь, что мне ответят. Неужели, решения этой проблеме нет? Помогите пожалуйста!
02.09.2015 в 09:21      0  

У меня на форуме,  картинка 5.png в шапке,  урезается фоновым изображением (получается, что она стоит на заднем плане), хотя на главной странице отображается нормально.
Скажите пожалуйста, как эту картинку поставить на передний план?
03.09.2015 в 15:14      0  

Пробовали восстанавливать шаблон?
Видимо что-то где-то сделали не правильно.
03.09.2015 в 22:34      0  

В оригинальном шаблоне фон форума был прозрачный, а я поставила картинку, которая теперь перекрывает этот значок.

Картинка-пример не загружается, к сожалению.

Как можно исправить, чтоб этого перекрытия не было?
09.09.2015 в 13:31      0  

Дайте ссылку на сайт. Посмотрю что у вас там.
09.09.2015 в 13:42      0  

Добрый день.Мой сайт: http://tarologija.ucoz.ru/forum
09.09.2015 в 13:54      0  

Вы говорите что у вас на главной всё нормально, а на форуме что-то урезается.
Но я не вижу никакой разницы во внешнем виде между главной и форумом.
09.09.2015 в 14:05      0  

На форуме (в оригинале где значок World  Warcraft картинка 5.png в шапке - у меня название изменено,) она перекрыта фоновой картинкой в низу. Мне хочется, чтоб она на передний план вышла и не обрезалась ровно фоновым изображением.
А как можно сюда картинку загрузить? Может я не понятно объясняю...
09.09.2015 в 14:14      +1  

Панель управления - Дизайн - Управление дизайном (CSS)

Найдите в шаблоне стилей строчки:
Цитата
#gametitle {
position: relative;
width: 560px;
height: 74px;
background: url(http://tarologija.ucoz.ru/images/5.png);
margin: auto;
margin-top: -38px;
}


и добавьте z-index:10000; чтобы получилось так:

Цитата
#gametitle {
position: relative;
width: 560px;
height: 74px;
background: url(http://tarologija.ucoz.ru/images/5.png);
margin: auto;
margin-top: -38px;
z-index:10000;
}
09.09.2015 в 14:32      0  

ВААУУУ...Спасибо ОГРОМНОЕ!!! Наконец то она выровнялась так как надо.  respect
23.08.2015 в 17:11      0  

Помогите пожалуйста , как расширить размер форума на всю страницу
27.08.2015 в 23:23      0  

Данный шаблон не предусматривает возможности "расшириться на всю страницу".
Если его "расширить" - изображения шаблона собьются.
Потому если вам хочется такой же (подобный)шаблон на всю страницу - нужно его переделывать.
Для этого потребуются либо знания в html/css, либо услуги профессионалов: https://upartner.pro
25.05.2015 в 17:06      0  

Как изменить фон мини-чата???? он берется с общего фона сайта....
25.05.2015 в 17:14      0  

Ознакомьтесь, пожалуйста: http://forum.ucoz.ru/forum/31-18308-753449-16-1312263158