Главная » Стандартные шаблоны » Недвижимость » Дизайн #798

Дизайн #798

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

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

О дизайне:
Дизайн #798

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

/.s/t/798/3.jpg - необходимо менять на свою ссылку на картинку.
Code
#header {
  margin: auto;
  margin-top: 12px;
  width: 1000px;
  height: 180px;
  background: url(/.s/t/798/3.jpg);
}



/.s/t/798/4.png - необходимо менять на свою ссылку на картинку.
Code
.tm_left {
  display: block;
  float: right;
  width: 5px;
  height: 21px;
  background: url(/.s/t/798/4.png);
  margin-left: 8px;
}



/.s/t/798/5.png - необходимо менять на свою ссылку на картинку.
Code
.tm {
  display: block;
  float: right;
  height: 21px;
  background: url(/.s/t/798/5.png);
}



/.s/t/798/6.png - необходимо менять на свою ссылку на картинку.
Code
.tm_right {
  display: block;
  float: right;
  width: 5px;
  height: 21px;
  background: url(/.s/t/798/6.png);
}



/.s/t/798/7.png - необходимо менять на свою ссылку на картинку.

/.s/t/798/8.png - необходимо менять на свою ссылку на картинку.

/.s/t/798/9.png - необходимо менять на свою ссылку на картинку.

/.s/t/798/10.png - необходимо менять на свою ссылку на картинку.

/.s/t/798/11.png - необходимо менять на свою ссылку на картинку.

/.s/t/798/12.png - необходимо менять на свою ссылку на картинку.
Code
.home {
  background: url(/.s/t/798/7.png) no-repeat;
}

.prof {
  background: url(/.s/t/798/8.png) no-repeat;
}

.reg {
  background: url(/.s/t/798/9.png) no-repeat;
}

.logout {
  background: url(/.s/t/798/10.png) no-repeat;
}

.login {
  background: url(/.s/t/798/11.png) no-repeat;
}

.rss {
  background: url(/.s/t/798/12.png) no-repeat;
}
  



/.s/t/798/13.png - необходимо менять на свою ссылку на картинку.
Code
#sitelogo-left {
  float: left;
  width: 10px;
  height: 73px;
  background: url(/.s/t/798/13.png);
}



/.s/t/798/14.png - необходимо менять на свою ссылку на картинку.
Code
#sitelogo-mid {
  float: left;
  height: 73px;
  font: 40px/73px 'Tahoma';
  color: #ffffff;
  max-width: 735px;
  background: url(/.s/t/798/14.png);
}



/.s/t/798/15.png - необходимо менять на свою ссылку на картинку.
Code
#sitelogo-right {
  float: left;
  width: 10px;
  height: 73px;
  background: url(/.s/t/798/15.png);
}



/.s/t/798/16.png - необходимо менять на свою ссылку на картинку.
Code
#searchbg {
  background: url(/.s/t/798/16.png) no-repeat;
}



/.s/t/798/17.png - необходимо менять на свою ссылку на картинку.
Code
#nav {
  width: 1000px;
  margin: auto;
  margin-top: 5px;
  background: url(/.s/t/798/17.png);
}



2. Как изменить дизайн блоков?

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

/.s/t/798/27.png - необходимо менять на свою ссылку на картинку.
Code
.block-top {
  width: 256px;
  height: 9px;
  overflow: hidden;
  background: url(/.s/t/798/27.png) no-repeat;
}



/.s/t/798/28.png - необходимо менять на свою ссылку на картинку.
Code
.blocktitle {
  background: url(/.s/t/798/28.png);
  line-height: 16px;
  font: 13px 'Tahoma';
  text-shadow: 1px 1px #d2753d;
  color: #ffffff;
  padding-left: 10px;
  text-transform: uppercase;
}



/.s/t/798/29.png - необходимо менять на свою ссылку на картинку.
Code
.block-between {
  width: 256px;
  height: 16px;
  overflow: hidden;
  background: url(/.s/t/798/29.png);
}



/.s/t/798/30.png - необходимо менять на свою ссылку на картинку.
Code
.blockcontent {
  text-align: left;
  background: url(/.s/t/798/30.png);
  width: 256px;
}



/.s/t/798/31.png - необходимо менять на свою ссылку на картинку.
Code
.blockbottom {
  width: 256px;
  height: 5px;
  overflow: hidden;
  background: url(/.s/t/798/31.png);
  margin-bottom: 5px;
}
  


3. Как изменить фон всего сайта?
Изменить фон всего сайта Вы можете в Панели управления: Управление дизайном - Таблица стилей css, строчки:
Code
/*--------------------- General styles start ---------------------*/

body {
  margin: 0px;
  background-color: #324142;
  font: 11px 'Tahoma', 'Arial';
  color: #6b6b6b;
  text-align: center;
}

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

4. Социальные закладки.


Изменить их можно в Панели управления: Управление дизайном - Таблица стилей css, строчки:
Code
.soc-rss {
  background: url(/.s/t/798/20.png);
}

.soc-del {
  background: url(/.s/t/798/21.png);
}

.soc-facebook {
  background: url(/.s/t/798/22.png);
}

.soc-memori {
  background: url(/.s/t/798/23.png);
}

.soc-twitter {
  background: url(/.s/t/798/24.png);
}

.soc-vkontakte {
  background: url(/.s/t/798/25.png);
}


/.s/t/798/25.png - меняете на свою ссылку на картинку.

/.s/t/798/24.png - меняете на свою ссылку на картинку.

/.s/t/798/23.png - меняете на свою ссылку на картинку.

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

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

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



Вопрос:
«как изменить размер шрифта в "кнопках" меню под шапкой (там где "главная страница", "информация о сайте" и т.д.) ? »
Ответ:
Чтобы сменить размер шрифта, меняйте следующие значения в Таблице стилей CSS:
«#mainmenu li a {
display: block;
margin-top: 9px;
margin-left: 5px;
font: 11px/25px 'Tahoma';»

«#mainmenu li a {
display: block;
margin-top: 9px;
margin-left: 5px;
font: 11px/25px 'Tahoma';»

11 — данную цифру необходимо изменять.

Рейтинг: 106          Просмотров: 20037          Комментариев: 44
Материал      28.05.2016 в 10:22      0  

Здравствуйте!
Не могу найти в своём шаблоне
«#mainmenu li a { 
display: block; 
margin-top: 9px; 
margin-left: 5px; 
font: 11px/25px 'Tahoma';» 
Надо поменять размер шрифта в меню сайта
Материал      26.03.2016 в 12:27      0  

Почему в HTML , кнопки не соответсуют своему размеру? Сайт создан новый, ничего в шаблоне не менялось. Прошу исправить.
http://j-p-g.net/if/2016/03/26/0952248001458984414.png
Материал      15.02.2016 в 18:26      0  

body {
background: #код_цвета_в_hex_формате;
}

или

body {
background: url('ссылка на картинку');
} (если фон изображение)
Материал      15.02.2016 в 11:48      0  

Здравствуйте! А как фон всего сайта на всех страницах изменить подскажите?
Материал      18.11.2014 в 11:54      0  

Как поменять фон кнопок в меню? Вот ссылка - http://SSMaker.ru/6d2fb1f0/
Материал      08.09.2014 в 00:24      0  

С инструкцией по оформлению дизайна всплывающего меню можно ознакомится на странице форума: http://forum.ucoz.ru/forum/24-29003-1
Материал      08.09.2014 в 00:19      0  

Необходимо перейти в Панель управления -- Редактор страниц -- Управление страницами сайта -- Главная страница: Изменить информацию .  На странице редактирования внизу в разделе Опции ставите галочку  Использовать персональный шаблон для страницы [?].
  Далее переходите в Дизайн -- Управление дизайном (шаблоны) -- Главная страница и удаляете год вывода правого блока (Первый контейнер) - $GLOBAL_CLEFTER$ и код вывода кнопок социальных сетей:

Код
<div id="rightcol">
<div id="soc">
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
<a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
<a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
<a href="http://memori.ru/link/?sm=1&u_data=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
<a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a>
</div>
</div>
Материал      08.09.2014 в 00:09      0  

Данный системный показатель сменить нельзя.
Материал      07.09.2014 в 20:49      0  

Здравствуйте, создал второе меню, а там текст белого цвета на слабо-голубом фоне. Все сливается. Подскажите где найти в CSS строчку для замены цвета фона, цвета текста ссылки и размер текста ссылки. Сайт www.profstroy69.my1.ru. Заранее благодарен
Материал      12.05.2014 в 12:34      0  

Как выводить правую колонку с блоками на всех страницах кроме главной?
1 2 3 4 5 »