Добро пожаловать!

На нашем сайте вы найдете инструкции, которые помогут вам освоить систему uCoz и uWeb. Мы регулярно обновляем ресурс новыми инструкциями и обзорами. Благодаря нам вы поднимете свой начальный уровень знаний html&css, а также самой системы uCoz и uWeb до, как минимум, среднего уровня!

Мы всегда готовы помочь вам, и ответим на любые интересующие вас вопросы. Создайте отдельную тему с вашим вопросом в Вопросах по uCoz и uWeb и мы обязательно ответим на него.

Категории раздела
Абстрактные [16]
Аниме [7]
Бизнес и образование [27]
Гламур [17]
Еда [7]
Игры [40]
Компьютеры и связь [20]
Медицина [6]
Музыка [17]
Недвижимость [14]
Общее [27]
Праздники [7]
Природа [26]
Спорт [13]
Транспорт [14]
Фото [9]
Рассказать друзьям!
В разработке. Приносим извинения за доставленные неудобства.
Поиск
Наш опрос
Как долго вы работаете с системой uCoz
Всего ответов: 112
Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0

Нас посетили:
Иришка, a999s, марио
Дизайн #797 (01 Май 2011)


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

Чтобы изменить картинку с человечками

Чтобы сменить шапку необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
.globe {
  vertical-align: top;
  text-align: right;
  width: 525px;
  background: url(/.s/t/797/3.png) no-repeat;
}

/.s/t/797/3.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


Вам необходим зайти в Панель управления: Управление дизайном - Таблица стилей CSS, строчка:
Code
#top {
  width: 100%;
  height: 223px;
  background: url(/.s/t/797/2.jpg) no-repeat top center;
}

/.s/t/797/2.jpg —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

Также, в данном шаблоне имеются и отдельные элементы:

/.s/t/797/4.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/5.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/6.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/7.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/8.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/9.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/10.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/11.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/12.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/13.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/14.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


/.s/t/797/15.png —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


2.
Как сменить цвет блоков?


Чтобы сменить цвет блоков необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
.bt-left {
  display: block;
  float: left;
  margin-top: -1px;
  width: 5px;
  height: 30px;
  background: url(/.s/t/797/17.gif);
}

/.s/t/797/17.gif —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

Code

.blockcontent {
  text-align: left;
  border: 1px solid #dcdbe0;
  border-top: 0px;
}

#dcdbe0 —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

Code
.btitle {
  display: block;
  float: left;
  font: 14px/30px 'Tahoma';
  height: 30px;
  color: #1282d8;
  background: #efefef;
  text-transform: uppercase;
  margin: -1px 0px 0px -1px;
  padding: 0px 6px 0px 10px;
  border-bottom: 1px solid #dcdbe0;
}

#1282d8 —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

#efefef —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.

Code

.block {
  margin-top: 8px;
  width: 100%;
  background: #f5f5f5;
}

#f5f5f5 —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.


3. Как сменить фон дизайна?

Чтобы сменить фон дизайна необходимо войти: Панель управления => Управление дизайном => Таблица стилей (CSS), после чего необходимо найти:

Code
/*--------------------- General styles start ---------------------*/

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

#efefef —
данный участок кода необходимо заменить на свою ссылку на картинку/ на желаемый цвет.
Всего комментариев: 321 2 3 »
0  
Mihon4eg01 Фев 2012 13:30 # 32
Tarnaridon, когда поменяешь дизайн,зайди в таблицу стилей СSS и там наверху нажми восстановить стандартный шаблон.
0  
Tarnaridon25 Янв 2012 00:26 # 31
КАРАУЛ!
Я меняю шаблоны, а в таблице стилей у меня ничего не меняется!!!
Перезаходил несколько раз. Спасите! shok
0  
Tarnaridon24 Янв 2012 23:58 # 30
Нет такого кода!
Видимо изменили дизайн, картинки есть только 927 и пошли там 1,2,3
например {height:40px;width:300px;float:right;background:url('/.s/t/927/2.gif') no-repeat;}
Пробовал логически подставить, ломает весь дизайн.
хелп! moil
0  
вовик08 Янв 2012 08:55 # 29
Подскажите как изменить ширину поля под контент...хочу его сделать шире
0  
Ista29 Дек 2011 17:04 # 28
CooleR, чел так это же футер если я не ошибаюсь))найди в ксс зону футер и найди картинку которая связана с этим футером, и замени на свою biggrin
0  
Ista29 Дек 2011 16:53 # 27
Nick, а как поменять цвет текста на главной??
0  
CooleR27 Дек 2011 19:46 # 26
У меня такой вопрос:
Как поменять цвет полосы в нижней части сайта???
http://i32.fastpic.ru/big/2011/1227/a1/00fd7620cb9d770fff249e9739895ea1.jpg
+2  
Sergeiinbox21 Ноя 2011 11:48 # 25
Ник-то действительно так и не ответил на вопрос Sergeiinbox.
Я столкнулся с той же проблемой.
копирую его пост.
"У меня в шапке сейчас своя картинка и под ней синий фон, когда разрешение экрана слишком большое, то картинка становиться маленькой и виден синий фон выходящий по сторонам."
Подскажите как исправить?

******

Заходи в панель управления -> редактор страниц -> управление дизайном модуля -> общие шаблоны -> таблица стилей CSS -> в самом начале находиш вот этот код:

/*--------------------- All content start ---------------------*/

#all {
background: url(/.s/t/797/1.gif) repeat-x;
min-width: 1000px;
}

/*--------------------- All content end ---------------------*/

Можеш удалить его совсем и всё! А можеш просто поставить имя картинки не 1.gif, а например 12.gif и код будет ссылаться на несуществующую картинку. И всё у тя будет чётко! Да и ещё шапку свою уменьши в размерах, подгони её под ширину сайта, вот как у меня: http://сурскаягазета.рф/ потому что когда у пользователя старый монитор или маленький ноутбук и там разрешение экрана 1024 х 768, то твоя картинка не влезет к нему в экран! Будет непонятно чё за фигня, я на эти грабли тож сначала наступил. Удачи всем.
0  
TryTooKillme16 Ноя 2011 22:58 # 24
Ник-то действительно так и не ответил на вопрос Sergeiinbox.
Я столкнулся с той же проблемой.
копирую его пост.
"У меня в шапке сейчас своя картинка и под ней синий фон, когда разрешение экрана слишком большое, то картинка становиться маленькой и виден синий фон выходящий по сторонам."
Подскажите как исправить.
0  
JHat28 Окт 2011 16:59 # 23
К стати предыдущий вопрос тоже волнует! Когда меняешь картинку шапки, остается пространство синего цвета, как от него избавиться
1-10 11-20 21-26
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]