Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Изменение стандартного шаблона 844
Изменение стандартного шаблона 844
pm2304
Сообщений: 10
Репутация: 0

Сообщение # 1 | 16:42:29
Есть шаблон http://test-01.ucoz.net/. В css прописано. Какую запись нужно добавить чтоб в шапку вставить картинку и на нее прикрутить логотип как на сайте http://mendizht.donbass24.net/


Цитата
#contanier {width:90%;margin-left:auto;margin-right:auto;padding:0;min-width:940;}#contentBlock {min-width:940;width:expression(document.body.clientWidth < 940? "240px": "auto" );text-align:left;margin-left:auto;margin-right:auto;}#logoBlock {padding:50px 20px 10px 20px;border-top:5px solid #000000;}#logoBlock h1 {color:#000000;font-size:44pt;font-weight:normal;margin:0;padding:0;}#navBar {padding:5px;background:#6B6B6B;overflow:auto;}#linkBar {float:left;}#loginBar {float:right;}


Добавлено (27 Мар 2015, 16:42:29)
---------------------------------------------
Вставить картинку вроде вставил
было
Цитата
#logoBlock h1 {color:#000000;font-size:44pt;font-weight:normal;margin:0;padding:0;}


стало

Цитата
#logoBlock h1 {background: url(http://poligon24.ucoz.net/00001.jpg) repeat-x #f3f8f9;color:#000000;font-size:44pt;font-weight:normal;margin:0;padding:0;}

теперь нужно размеры прописать и эмблему прикрутить. Народ подскажите.пожалуйста.
Сообщение отредактировал webanet - Пятница, 27 Мар 2015, 16:45:05
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 2 | 17:39:42
Цитата pm2304 ()
теперь нужно размеры прописать и эмблему прикрутить.

pm2304,
Цитата
#logoBlock h1 {width: 962px; height: 162px; background: url(http://poligon24.ucoz.net/00001.jpg) repeat-x #f3f8f9;color:#000000;font-size:44pt;font-weight:normal;margin:0;padding:0;}

Сообщение отредактировал _VITALIK_ - Пятница, 27 Мар 2015, 17:40:05
pm2304
Сообщений: 10
Репутация: 0

Сообщение # 3 | 18:43:49
_VITALIK_ Спасибо за подсказку, но немного не то. Проверил как отображается на разных устройствах, например небольшой нетбук и стационар комп с 21 дюймовым монитором. Идет резонанс.
Покрутил повертел во все стороны и получил в конце концов


Цитата
#logoBlock h1 {background: url(http://poligon24.ucoz.net/00001.jpg) no-repeat #D3F1FD;height:181px;max-width:1920px; color:#000000;font: bold oblique 46px 'BRUSH SCRIPT MT';margin:0;padding:0;}

http://test-01.ucoz.net/ отображается вроде корректно, надо бы название сместить вниз и эмблемку прикрутить как здесь http://mendizht.donbass24.net/.
В http://mendizht.donbass24.net/ на эмблемку прописан код


Цитата
#cup {position: absolute;margin-left: 770px;width: 538px;height:177px;background: url(http://poligon24.ucoz.net/DonIZHT-01.gif) no-repeat;}

но на http://test-01.ucoz.net/ он почему-то не работает.
Так что ребята если кто знает как текст названия опустить и корректно эмблемку прирепить, помогите пожалуйста.

Вот общий вид блока

Цитата
#contanier {width:90%;margin-left:auto;margin-right:auto;padding:0;min-width:940;}#contentBlock {min-width:940;width:expression(document.body.clientWidth < 940? "240px": "auto" );text-align:centr;margin-left:auto;margin-right:auto;}#logoBlock {padding:10px 20px 10px 20px;border-top:5px solid #000000;}#cup h1{position: absolute;margin-left: 770px;width: 538px;height:177px;background: url(http://poligon24.ucoz.net/DonIZHT-01.gif) no-repeat;}#logoBlock h1 {background: url(http://poligon24.ucoz.net/00001.jpg) no-repeat #D3F1FD;height:181px;max-width:1920px; color:#000000;font: bold oblique 46px 'BRUSH SCRIPT MT';margin:0;padding:0;}#navBar {padding:5px;background:#6B6B6B;overflow:auto;}
Сообщение отредактировал pm2304 - Пятница, 27 Мар 2015, 18:52:58
killbit
Сообщений: 317
Репутация: 104

Сообщение # 4 | 21:30:42
Вы лучше картинку перенесите в #logoBlock а не в h1

а уже внутри этого блока можно вставить просто
<img src="http://poligon24.ucoz.net/DonIZHT-01.gif" style="float:right" alt="альтернативный текст">
или див .
Только стили для h1 уберите

Примерно так , а там дальше уже крутите как хотите
Прикрепления: 7077535.jpg(115Kb)
Сообщение отредактировал killbit - Пятница, 27 Мар 2015, 22:36:07
pm2304
Сообщений: 10
Репутация: 0

Сообщение # 5 | 21:31:58
killbit,
Спасибо огромное, на сегодняшний день на выходе получил шапку именно то что и хотел

Добавлено (28 Мар 2015, 21:31:58)
---------------------------------------------
Глаза сломал уже. Ткните пожалуйста пальцем в строку кода что бы поменять цвет кнопок меню.
http://akvarius.donbass24.net/

Сообщение отредактировал pm2304 - Суббота, 28 Мар 2015, 17:31:10
killbit
Сообщений: 317
Репутация: 104

Сообщение # 6 | 21:39:25
строка 80 ксс) там картинка

uMenuV li

http://akvarius.donbass24.net/.s/t/844/3.gif
pm2304
Сообщений: 10
Репутация: 0

Сообщение # 7 | 09:16:21
Да есть такая запись. Хочу чтоб они были не серые а светло зеленые как центральный фон (код цвета - #B4EEB4) но при замене цветов которые прописаны в этой строке они остаются серыми

Цитата
.uMenuV li {margin: 3px 0px;background:url('/.s/t/844/3.gif') repeat-x #FFFFFF;padding:5px;text-align:center;text-transform:uppercase;border:1px solid #DDDDDD;}
Если простая замена цвета не помогает, подскажите как быть, где посмотреть типа каталог кнопок или как самому их сконструировать.
Заранее благодарен за помощь.
killbit
Сообщений: 317
Репутация: 104

Сообщение # 8 | 12:13:56
url('/.s/t/844/3.gif') repeat-x вот это уберите и меняйте себе цвет

кнопки можно генерировать здесь
Код
http://maxzon.ru/button_gen/index.html
pm2304
Сообщений: 10
Репутация: 0

Сообщение # 9 | 14:47:52
Спасибо
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Изменение стандартного шаблона 844
Страница 1 из 11
Поиск: