Дизайн #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

Просмотров: 12798

Комментариев: 14

Порядок вывода комментариев:

Лиана

Материал

09.09.2015 в 14:32

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

Inkvizitor

Материал

09.09.2015 в 14:14

Панель управления - Дизайн - Управление дизайном (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;
}

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

Inkvizitor

Материал

09.09.2015 в 13:54

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

Лиана

Материал

09.09.2015 в 13:42

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

Inkvizitor

Материал

09.09.2015 в 13:31

Дайте ссылку на сайт. Посмотрю что у вас там.

Лиана

Материал

09.09.2015 в 12:49

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

Лиана

Материал

03.09.2015 в 22:34

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

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

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

Inkvizitor

Материал

03.09.2015 в 15:14

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

Лиана

Материал

02.09.2015 в 09:21

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

1 2 »