Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Архив темы: Дизайн решение вопросов |
| Архив темы: Дизайн решение вопросов |
|
Цитата (Valentin_Klimov) Предлагайте любые варианты, в том числе и графическую замену. 2. В фотошопе сделайте картинку в 1 пиксель шириной и 15 высотой. Залейте ее градиентом. То есть плавным переходом от одного цвета (более светлого) к другому (более темному). Сохраните эту картинку как "fonbutton1" для веб и устройств. 3. Закачайте картинку на сайт с помощью файлового менеджера и скопируйте ссылку к этой картинке. 4. Перейдите в css и найдите там свою кнопку. 5. Допишите туда стиль background-image: url(путь к картинке) В результате картинка размножится и встанет в качестве фона для вашей кнопки. В этом же заключается задача? Сообщение отредактировал Solaris(Olga) - Суббота, 27 Апр 2013, 19:36:25
|
|
подскажите, пожалуйста, неумёхе. поменяла шапку и картинку с логотипом в 937 дизайне. всё отлично поменялось и везде.
но потом добавила модуль "Фотоальбомы" и в нем присутствовали старые шапка и лого. шапку поменяла и там, а где ссылки на картинку с лого в CSS не могу найти. уже и вручную, и с поиском - не находится. как поменять-то картинку? только и нашла, что само написание моего сайта убрать оттуда. сайт http://charmingeyes.ucoz.com/ |
|
Помогите, пожалуйста! Не могу поставить форму поиска и ссылки на вход и регистрацию на один уровень с логотипом и еще есть проблемы с меню. Дело в том, что последний пункт меню "съезжает" вниз.
Адрес сайта: http://online-catalog.ucoz.net/ HTML: Код <header> <div id="mast-head"> <div class="wrapper"> <div class="blognames"><div class="site-name"><img src="/logo2.png"></div></div><div id="search"> <div class="search-box"> <div class="searchForm"><form onSubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск по сайту..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div> </div> </div> <div class="clr"><div class="ohGood"><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">Личный кабинет</a><?else?><a href="$LOGIN_LINK$">Вход</a>/<a href="$REGISTER_LINK$">Регистрация</a><?endif?></div></div> </div> </div> </header> </div> </div> <nav> <div class="wrapper"> <div id="main-menu"> <div class="menu-left"> <div class="menu-right"> <div id="catmenu"> <!-- <sblock_menu> --> <?if($SMENU_3$)?><!-- <bc> -->$SMENU_3$<!-- </bc> --><?endif?> <!-- </sblock_menu> --> <div class="clr"></div> </div> </div> </div> <div class="clr"></div> </div> </div> </nav> Фрагмент кода CSS от меню и поиска: Код #main-menu {background:#009d98 url(/newnavr.png) 0 -50px repeat-x;} #main-menu .menu-left {background:url(/newnavr.png) no-repeat;} #main-menu .menu-right {background:url(/newnavr.png) right -100px no-repeat;height:42px;padding:4px 10px;} #catmenu {height:42px;float:left;width:743px;background:url(/orangesep.jpg) no-repeat;padding:0 0 0 2px;} #catmenu ul {list-style:none;margin:0;padding:0;z-index:100;} #catmenu ul li {float:left;background:url(/sep.jpg) right 0 no-repeat;padding:0 2px 0 0;} #catmenu ul li a {z-index:10;display:block;height:42px;line-height:42px;color:#ffffff; padding:0 10px;text-transform:uppercase;font-size:11px;font-weight:bold;text-decoration:none;white-space:nowrap;_width:10px;} #catmenu ul li a:hover,#catmenu ul li.item-hover a {color:#ffffff;text-decoration:none;text-shadow:0 0 5px #ffffff;} #catmenu ul li a.current-item,#catmenu ul li a.uMenuItemA {background:url(http://online-catalog.ucoz.net/nav-hov.png) center 0 no-repeat;color:#ffffff;text-shadow:0 0 5px #ffffff;} #catmenu ul li.item-parent a {padding-right:26px;} #catmenu ul li.home-item a span {display:block;height:42px;width:20px;background:url(http://online-catalog.ucoz.net/img/bez_imeni.png) center 0 no-repeat;} #catmenu ul li.home-item a:hover span,#catmenu ul li.home-item a.current-item span,#catmenu ul li.home-item a.uMenuItemA span {background-position:center -42px;} #catmenu ul ul {border:1px solid #450e00;border-bottom:none;background:#f03e3e;} #catmenu ul ul ul {margin:0 0 0 180px;} #catmenu ul ul li {text-transform:none;background:none;padding:0;} #catmenu ul li ul ul {margin:0 0 0 180px;} #catmenu ul li li a {background:none!important;color:#FFFFFF;border-bottom:1px solid #FFFFFF;line-height:normal;height:auto;font-size:11px;white-space:normal;text-transform:none;font-weight:normal;padding:8px 10px;height:auto;text-shadow:none;_width:auto;} #catmenu ul li li a:hover,#catmenu ul li.item-hover li a,#catmenu ul li li a.current-item {background:none;color:#FFFFFF;text-shadow:none;} #catmenu ul li li a:hover {background:#ff4f4f!important;color:#eee;} #catmenu ul.ut-menu li a .item-arrow {top:16px;right:10px;z-index:7;background-image:url(http://online-catalog.ucoz.net/arrows.png) !important;} #catmenu ul.ut-menu li li a .item-arrow {} #catmenu .multicolumn > li {border-color:#ffffff;} #search {float:right;width:200px;padding:8px 0 0 0;height:26px;} #search .search-box {width:190px;height:26px;overflow:hidden;padding:0 5px;background:url(http://online-catalog.ucoz.net/search2.png)} #search .schQuery input {width:170px;margin-bottom:10px;padding:0;height:26px;line-height:26px;font-size:11px;font-style:italic;color:#96e4e1;float:left;border:none;background:none;} #search .schBtn {padding:5px 0 0 0;} #search .schBtn input{float:right; text-align:left;margin:0;height:15px;width:15px;overflow:hidden;text-indent:-10000px;background:url(/img/search.png) right -26px;border:none;cursor:pointer;} И от блока, куда помещены ссылки на вход и регистрацию: Код .ohGood { margin-left: 600px; margin-top: 200px; padding-bottom: 2px; } Сообщение отредактировал Владос - Воскресенье, 28 Апр 2013, 18:00:23
|
|
Добрый день! Помогите, пожалуйста убрать белый прямоугольник в шапке сайта. Вот шапка:
<div class="header-right-forum"><div class="header-forum"><div class="header-right"><div class="header"><b><span style="font-size: 12pt;"> </span></b><b><span style="font-size: 12pt;"><span style="font-size: 14pt;">$WDAY$, $DATE$, $TIME$</span></span></b> <b> <span style="font-size: 12pt;"> </span></b> <b><span style="font-size: 12pt;"><span style="font-size: 12pt; color: rgb(0, 0, 128);"><a href="$HOME_PAGE_LINK$">Главная</a> <a href="$PERSONAL_PAGE_LINK$">Мой профиль</a> <a href="$REGISTER_LINK$">Регистрация</a> <a href="$LOGOUT_LINK$">Выход</a> <a href="$LOGIN_LINK$">Вход </a></span></span></b><b><span style="font-size: 12pt;"><span style="font-size: 18pt;"></span> </span></b> <br> <h1><!-- <logo> --><span style="font-size: 14pt; color: rgb(255, 0, 0);"> <span style="font-size: 24pt; color: rgb(255, 0, 0);"><b><span style="font-size: 24pt;">МОУ СОШ № 63 <span style="font-size: 18pt;">п.Чернышевск Забайкальского края</span> </span> </b></span></span><b><span style="font-size: 12pt;"><span style="font-size: 18pt;"><span style="color: rgb(0, 0, 128);">Добро пожаловать!</span></span></span></b><span style="color: rgb(0, 0, 128);"> </span> <!-- </logo> --></h1><b><span style="font-size: 12pt;"><span style="font-size: 14pt;"> </div><b> |
|
Владос,
поиск зафлочен и подрезается блоком в которым ссылки для профиля , надо переделывать хтмл довольно сильно например для подреза используется такая запись ( в которой ссылки профильные и стоят) <div class="clr"> вместо этого можно использовать <br class="clear" /> а в ксс добавить строку Код .clear{clear:both;height:0;line-height:0;float:none; visibility:hidden;font-size:0.01%;overflow:hidden} для блока с фиксированной шириной #mast-head .blognames пропишите полную ширину (100%) а два последующих блока( поиск и ссылки) пропишите в этом блоке после картинки, для блока со ссылками удалите класс после общего блока <br class="clear" /> дальше поправить стили с полями и отступами с вложенными блоками ... примерно так как то ... я вижу решение Вашего вопроса Добавлено (28 Апр 2013, 20:37:36) --------------------------------------------- Цитата (Альбина5064) Помогите, пожалуйста убрать белый прямоугольник в шапке сайта. Вот шапка: не хватает записи " Вот сайт" ![]() Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Воскресенье, 28 Апр 2013, 20:39:52
|
|
ПОМОГИТЕ! не могу поменять картинку в шаблоне 808 на юкоз. В конструкторе шаблонов все просмотрела ну не вижу я там <img src="" border="0"></td> уже час ищю не вижу. помогите воздушный шар поменять на книги . ПЛИЗ........
вот ссылка на картинку. http://s54.radikal.ru/i143/1108/82/45486bcfe260.png Пожалуйста помогите, очень надо. мой сайт http://spasiboucitel.my1.ru/ |
|
|
|
Цитата (brodyaga30) не хватает записи " Вот сайт" smile ![]() |
|
Владос, давно бы сделали таблицей и не парили мозги окружающим.
Код <table> <tr><td rowspan="2">Лого</td><td>Поиск</td></tr> <tr><td>Вход/регистрация</td></tr> </table> Вам помогут, если прикрепите:
- Ссылку на сайт - Скриншот проблемы через встроенное прикрепление изображений - HTML (CSS) Код проблемного участка в спойлере |
|
Цитата (Speed[ST) ]добрый день,подскажите,пожалуйста,сделал шапку на сайте,она корректно отображается только на 17 дюймовом мониторе,как сделать универсальную?никак не получается!!!!fotocopy.ucoz.ru Добавлено (29 Апр 2013, 10:51:28) |
|
Speed[ST], не совсем понятно как она должна корректно отображаться...но думаю что вы имеете ввиду расположение фона верхней части на всю ширину....для этого добавьте выделенное красным в код верхней части
Цитата <table border="0" cellpadding="0" cellspacing="0" width="100%" height="252" style="background:url('/7.jpg') top no-repeat ;background-size: 100%;"> u-Helper |
|
|
Владос,
Цитата (Владос) Помогите, пожалуйста! Не могу поставить форму поиска и ссылки на вход и регистрацию на один уровень с логотипом и еще есть проблемы с меню. Дело в том, что последний пункт меню "съезжает" вниз. Хорош уже. Отрисуй что именно и на какой уровень надо и восстанови как было при первом твоем сообщении, ибо то, что сейчас - каша. Вот так вот примерно: ..будет тебе свисток. Прикрепления:
0746148.png
(27.2 Kb)
Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Чат сообщества




три дня билась
надо было сраз сюда писать 



... я вижу решение Вашего вопроса 





