|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Изменение стандартного шаблона 844 |
Изменение стандартного шаблона 844 |
Есть шаблон 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
|
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
|
_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
|
Вы лучше картинку перенесите в #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
|
killbit,
Спасибо огромное, на сегодняшний день на выходе получил шапку именно то что и хотел Добавлено (28 Мар 2015, 21:31:58) Сообщение отредактировал pm2304 - Суббота, 28 Мар 2015, 17:31:10
|
строка 80 ксс) там картинка
uMenuV li http://akvarius.donbass24.net/.s/t/844/3.gif |
Да есть такая запись. Хочу чтоб они были не серые а светло зеленые как центральный фон (код цвета - #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;} Заранее благодарен за помощь. |
| |||
| |||