Изменение стандартного шаблона 844

Сообщений: 10

Репутация: 0

Сообщение # 1 | 16:42:29 27 Мар 2015

Есть шаблон 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 27 Мар 2015

Цитата 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 27 Мар 2015

_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 27 Мар 2015

Вы лучше картинку перенесите в #logoBlock а не в h1

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

Примерно так , а там дальше уже крутите как хотите

Прикрепления: 7077535.jpg (115.0 Kb)

Сообщение отредактировал killbit - Пятница, 27 Мар 2015, 22:36:07

pm2304

Сообщений: 10

Репутация: 0

Сообщение # 5 | 21:31:58 28 Мар 2015

killbit,
Спасибо огромное, на сегодняшний день на выходе получил шапку именно то что и хотел

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

Сообщение отредактировал pm2304 - Суббота, 28 Мар 2015, 17:31:10

killbit

Сообщений: 317

Репутация: 104

Сообщение # 6 | 21:39:25 28 Мар 2015

строка 80 ксс) там картинка

uMenuV li

http://akvarius.donbass24.net/.s/t/844/3.gif

pm2304

Сообщений: 10

Репутация: 0

Сообщение # 7 | 09:16:21 29 Мар 2015

Да есть такая запись. Хочу чтоб они были не серые а светло зеленые как центральный фон (код цвета - #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 29 Мар 2015

url('/.s/t/844/3.gif') repeat-x вот это уберите и меняйте себе цвет

кнопки можно генерировать здесь

Код

http://maxzon.ru/button_gen/index.html

pm2304

Сообщений: 10

Репутация: 0

Сообщение # 9 | 14:47:52 29 Мар 2015

Спасибо

Страница 1 из 1 1
Модератор форума: Yuri_G