Архив - только для чтения
Архив темы: Дизайн решение вопросов
Solaris(Olga)
Сообщений: 342
Репутация: 240

Сообщение # 586 | 19:35:52
Цитата (Valentin_Klimov)
Предлагайте любые варианты, в том числе и графическую замену.
1. Вам нужно найти в коде эту кнопку и узнать ее id или class. Без кода сложно гадать, как он там называется. Но допустим - class="button1".
2. В фотошопе сделайте картинку в 1 пиксель шириной и 15 высотой. Залейте ее градиентом. То есть плавным переходом от одного цвета (более светлого) к другому (более темному). Сохраните эту картинку как "fonbutton1" для веб и устройств.
3. Закачайте картинку на сайт с помощью файлового менеджера и скопируйте ссылку к этой картинке.
4. Перейдите в css и найдите там свою кнопку.
5. Допишите туда стиль background-image: url(путь к картинке)
В результате картинка размножится и встанет в качестве фона для вашей кнопки. В этом же заключается задача?
Сообщение отредактировал Solaris(Olga) - Суббота, 27 Апр 2013, 19:36:25
skyirs
Сообщений: 2
Репутация: 0

Сообщение # 587 | 13:22:00
подскажите, пожалуйста, неумёхе. поменяла шапку и картинку с логотипом в 937 дизайне. всё отлично поменялось и везде.
но потом добавила модуль "Фотоальбомы" и в нем присутствовали старые шапка и лого. шапку поменяла и там, а где ссылки на картинку с лого в CSS не могу найти. уже и вручную, и с поиском - не находится. как поменять-то картинку? только и нашла, что само написание моего сайта убрать оттуда.
сайт http://charmingeyes.ucoz.com/
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 588 | 14:11:34
skyirs, во всех шаблонах фотоальбома найди:
<link type="text/css" rel="StyleSheet" href="/.s/src/css/937.css" />
и замени на:
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
skyirs
Сообщений: 2
Репутация: 0

Сообщение # 589 | 14:36:48
спасибо большое!!!! hands три дня билась facepalm надо было сраз сюда писать crazy
Владос
Сообщений: 68
Репутация: 9

Сообщение # 590 | 17:59:28
Помогите, пожалуйста! Не могу поставить форму поиска и ссылки на вход и регистрацию на один уровень с логотипом и еще есть проблемы с меню. Дело в том, что последний пункт меню "съезжает" вниз.


Адрес сайта: 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
Альбина5064
Сообщений: 24
Репутация: 4

Сообщение # 591 | 20:34:29
Добрый день! Помогите, пожалуйста убрать белый прямоугольник в шапке сайта. Вот шапка:
<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>
brodyaga30
Сообщений: 491
Репутация: 146

Сообщение # 592 | 20:37:36
Владос,
поиск зафлочен и подрезается блоком в которым ссылки для профиля , надо переделывать хтмл довольно сильно

например для подреза используется такая запись ( в которой ссылки профильные и стоят)

<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" />
дальше поправить стили с полями и отступами с вложенными блоками ...
примерно так как то smile ... я вижу решение Вашего вопроса

Добавлено (28 Апр 2013, 20:37:36)
---------------------------------------------
Цитата (Альбина5064)
Помогите, пожалуйста убрать белый прямоугольник в шапке сайта. Вот шапка:

не хватает записи " Вот сайт" smile

Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Воскресенье, 28 Апр 2013, 20:39:52
Ладушка0423
Сообщений: 2
Репутация: 0

Сообщение # 593 | 23:45:04
ПОМОГИТЕ! не могу поменять картинку в шаблоне 808 на юкоз. В конструкторе шаблонов все просмотрела ну не вижу я там <img src="" border="0"></td> уже час ищю не вижу. помогите воздушный шар поменять на книги . ПЛИЗ........
вот ссылка на картинку. http://s54.radikal.ru/i143/1108/82/45486bcfe260.png
Пожалуйста помогите, очень надо. мой сайт http://spasiboucitel.my1.ru/
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 594 | 00:13:45
Ладушка0423, заходите в CSS, находите там эту строку

Код
.contanier {width: 1000px; margin-left: auto; margin-right: auto; background: url('/.s/t/808/3.jpg') no-repeat; min-height: 1000px;}


И меняете в ней ссылку на картинку.
4 строка если что, в самом начале.

Speed[ST]
Сообщений: 14
Репутация: 0

Сообщение # 595 | 09:03:58
добрый день,подскажите,пожалуйста,сделал шапку на сайте,она корректно отображается только на 17 дюймовом мониторе,как сделать универсальную?никак не получается!!!!
fotocopy.ucoz.ru
Альбина5064
Сообщений: 24
Репутация: 4

Сообщение # 596 | 09:41:18
Цитата (brodyaga30)
не хватает записи " Вот сайт" smile
Вот сайт: http://zab-shkola63.ucoz.ru/
smile
-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 597 | 10:44:05
Владос, давно бы сделали таблицей и не парили мозги окружающим.
Код
<table>
<tr><td rowspan="2">Лого</td><td>Поиск</td></tr>
<tr><td>Вход/регистрация</td></tr>
</table>

Вам помогут, если прикрепите:
- Ссылку на сайт
- Скриншот проблемы через встроенное прикрепление изображений
- HTML (CSS) Код проблемного участка в спойлере
Speed[ST]
Сообщений: 14
Репутация: 0

Сообщение # 598 | 10:51:28
Цитата (Speed[ST)
]добрый день,подскажите,пожалуйста,сделал шапку на сайте,она корректно отображается только на 17 дюймовом мониторе,как сделать универсальную?никак не получается!!!!fotocopy.ucoz.ru
люди.помогите!

Добавлено (29 Апр 2013, 10:51:28)
---------------------------------------------
уже 3день бьюсь(

reformator
Сообщений: 2034
Репутация: 534

Сообщение # 599 | 11:06:15
Speed[ST], не совсем понятно как она должна корректно отображаться...но думаю что вы имеете ввиду расположение фона верхней части на всю ширину....для этого добавьте выделенное красным в код верхней части

Цитата
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="252" style="background:url('/7.jpg') top no-repeat ;background-size: 100%;">

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 600 | 11:28:04
Владос,
Цитата (Владос)
Помогите, пожалуйста! Не могу поставить форму поиска и ссылки на вход и регистрацию на один уровень с логотипом и еще есть проблемы с меню. Дело в том, что последний пункт меню "съезжает" вниз.

Хорош уже.
Отрисуй что именно и на какой уровень надо и восстанови как было при первом твоем сообщении, ибо то, что сейчас - каша.
Вот так вот примерно:



..будет тебе свисток.
Прикрепления: 0746148.png (27.2 Kb)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!