Главная » Стандартные шаблоны » Недвижимость » Дизайн #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          Просмотров: 16388          Комментариев: 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 в 11:48      0  

Здравствуйте! А как фон всего сайта на всех страницах изменить подскажите?
15.02.2016 в 18:26      0  

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

или

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

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

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

Как выводить правую колонку с блоками на всех страницах кроме главной?
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>
09.04.2014 в 16:50      0  

Как уменьшить время выпадающего меню?
08.09.2014 в 00:09      0  

Данный системный показатель сменить нельзя.
21.03.2014 в 13:25      0  

Здравствуйте, как растянуть дизайн на всю страницу???
22.03.2014 в 02:50      0  

Здравствуйте,
Вам необходимо зайти в Панель управления сайтом - Дизайн - Управление дизайном (CSS) и в конец файла добавить следующее:
Код
#header, #nav, #content, #content-top, #maincol, #maincol, #footer-bottom {width: auto;}

В этом же файле найдите:
Код
#maincol {
  float: left;
  width: 714px;
  margin-left: 10px;
  text-align: justify;
  padding-bottom: 10px;
}
и замените на :
Код
#maincol {
   margin-left: 10px;
  text-align: justify;
  padding-bottom: 10px;
  margin-right: 276px;
}

Также, Вам нужно будет изменить изображения, которые используются в шапке, футере сайта и меню , так как видно что они повторяются из-за своей формы и ограниченной ширины  (скрин: http://screencast.com/t/oXl6fzpbY ).

Алина

Спам
13.02.2014 в 16:41      0  

Как добавить и как уменьшить шрифт - разобралась. Осталось только непонятным, как сделать желаемые блоки видимыми на форуме. На данный момент на форуме видно только опрос, его видно на всех страницах. Хочу чтобы новости и календарь также были на ВСЕХ страницах... подскажите, как?
13.02.2014 в 17:26      0  

Здравствуйте! Календарь выводится только в модулях "Новости сайта" и "Блог".
19.02.2014 в 10:04      0  

Это не ответ =0) Насколько я понимаю, тот или иной блок выводится там, где он прописан в коде, т.е. где ему прописано отображаться... я и хотела бы узнать, где это посмотреть, где это меняется. Я многое смогла изменить сама, но с этим пока не разобралась.

Алина

Спам
13.02.2014 в 14:31      0  

подскажите пожалуйста, как сделать справа такой блок, чтобы в нем отображались новости? Аналогичный календарю или статистике или опросу... Я хочу чтобы в нем для админа была доступна опция "добавить новость" и чтобы этот блок был виден на всех страницах.
Уперлась в то, что во-первых, хотя везде и стоят нужные галки - например, на странице форума этот блок не отображается вообще. Как и статистика и опрос. А я хочу чтобы они были статичны, т.е. отображались везде и всегда.
И второе: как и где можно менять размер шрифта для опций с комментариями? "просмотров" "разместил" и т.д. Они все огромными буквами, т.е. заглавными, и размер шрифта такой, что изза этой строчки текста в блоке не видно нифига =(( я уже все перепробовала...

Помогите, пожалуйста. Сайт noko.ucoz.ru
13.02.2014 в 17:29      0  

Цитата
подскажите пожалуйста, как сделать справа такой блок, чтобы в нем отображались новости?

Можно с помощью информеров. Ознакомьтесь с: http://manual.ucoz.net/board/44-1-0-150 и http://forum.ucoz.ru/forum/33-13118-1
19.02.2014 в 10:08      0  

Я разобралась, это можно сделать и без помощи информеров. Мне не нужны новости "откуда-то", мне нужны мои новости, т.е. "новости сайта" но не на странице, а в этом блоке. Спасибо за ссылки, но они для меня бесполезны.
01.02.2014 в 10:35      0  

Скажите, пож, как добавить кнопку с названием и прикрепить к ней ссылку на документ.
01.02.2014 в 15:45      0  

Здравствуйте!
Вы можете использовать следующий код:
Код
<button><a href="/ссылка на документ">Название кнопки</a></button>
1 2 3 »