Модератор форума: dotbot  
Дизайн: решение вопросов (архив для чтения)
Модератор форума
Сообщение # 1 | 01:32:58

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.



Правила темы


1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

3) Если в описании проблемы нужно выложить код проблемного участка шаблона, то код должен быть заключен в тег [code][/code]

Сообщение отредактировал webanet - Пятница, 12 Окт 2012, 13:39:32
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1321 | 23:20:23
barada4, А лого у вас где в шапке ? Значит в шаблоне верха сайта .... Шаблон в Панели управления , в Управлении дизайном ... Адрес у сайта есть ??

Сообщение отредактировал Miss_Esq - Пятница, 24 Авг 2012, 23:22:05
barada4
Сообщений: 4
Репутация: 0

Сообщение # 1322 | 23:24:21
Ох большое спасибо :D
sch779
Сообщений: 703
Репутация: 348

Сообщение # 1323 | 02:19:37
А можно ли с помощью css сделать что-то типа подсветки части рисунка сзади лампой какого-либо цвета?
Т.е., ключевые моменты - часть рисунка, область подсветки имеет форму круга (элипса), градиент затухания интенсивности подсветки от центра к краям области.

Что-то подобное выдел для IE с использованием filter:alpha (там есть соответствующие параметры), но не видел для других браузеров.
Простое управление прозрачностью не проходит - максимум можно выделить прямоугольную область (с помощью clip) и без градиента.

Для чего?
Есть рисунок с некими объектами - хочу сделать эти объекты интерактивными. При наведении на объект он должен подсвечиваться как описано выше.
Можно, конечно, сделать для каждого объекта второй рисунок с уже готовой подсветкой и просто постепенно "проявлять" его при наведении. Но! Рисунок не мой, а я не художник! Вырезать сами объекты тоже не очень получается - слишком сложная цветовая гамма вокруг с плавными переходами цветов.

Был бы этот рисунок в виде типа фотошоповского файла с отдельными слоями - не было бы проблем! А так - есть только jpg!
sega20002
Сообщений: 9
Репутация: 0

Сообщение # 1324 | 08:29:55
как вместо поста поставить изображение?
вот сайт http://floomby.ru/s1/zmENc/full (не реклама)
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1325 | 09:25:57
sch779,
Quote
При наведении на объект он должен подсвечиваться как описано выше
Эксперименнтировали с тегами HTML MAP? АREA ?

Сообщение отредактировал Miss_Esq - Суббота, 25 Авг 2012, 09:26:46
-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 1326 | 10:39:17
sch779, функцию onmouseover знаете? Изображение делаете как фон поверх него сколько вам нужно штампуете div'ы, и к ним вместе с данной функцией прописываете радиальный градиент:

Добавлено (25-Авг-2012, 10:39:17)
---------------------------------------------
sega20002, Вместо какого поста? Может постера? Это тот что слева не отображается как картинка?


Вам помогут, если прикрепите:
- Ссылку на сайт
- Скриншот проблемы через встроенное прикрепление изображений
- HTML (CSS) Код проблемного участка в спойлере
Сообщение отредактировал -=WaMpIr=- - Суббота, 25 Авг 2012, 10:37:33
sega20002
Сообщений: 9
Репутация: 0

Сообщение # 1327 | 12:17:20
да я насчет постера. как вместо постера поставить свою картинку???
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1328 | 12:20:46
sega20002, Написать вместо ...

<img title="" alt="" src="ссылка на изображение">

-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 1329 | 12:39:42
Если вам нужно сделать что бы везде отображалась одна и та же картинка, тогда в код просто вставляете ссылку на картинку как советовала Miss_Esq.
Если же вам нужно вставлять туда изображения из поля Скриншот (как в стандартном шаблоне), тогда вместо Ссылка на изображение вставляете это:
Code
$SCREEN_URL$

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

Сообщение # 1330 | 12:56:04
Здравствуйте, помогите пожалуйста вот с этим:

Вот код участка шаблона(Страница материала и комментариев к нему):

Code
<html>
<head>
<title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="http://s106.ucoz.net/src/layer3.css" />
<div id="utbr8214" rel="s106"></div>
<body style="background:url('/site_design/img/ser23.gif') #f7f7f7; background-attachment: fixed; background-position: center; margin:0px; padding:0px;">

<TABLE cellpadding="0" cellspacing="0" border="0" width="1150" align="center"><TBODY><TR><TD align="right" width="5%" style="background:url('/site_design/img/left.png') right repeat-y;"><IMG src="/site_design/img/rl.png" border="0"></TD><TD width="90%" valign="top">

$GLOBAL_AHEADER$

<TABLE cellpadding="0" cellspacing="0" border="0" width="100%"><TBODY><TR><TD valign="top" style="background:#f1f1f1;">

<!-- <middle> -->
<TABLE border="0" cellpadding="0" cellspacing="4" width="100%"><TBODY><TR><TD valign="top" style="width:180px;">

$GLOBAL_CLEFTER$

</td>
</TD><TD valign="top">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style=""><TBODY><TR><TD style="border:1px solid #c5c5c5;background:#ebebeb;padding:5px;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius: 2px;"> <!-- <body> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Юзер/Бигбары<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить Юзер/Бигбар<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<div class="eTitle" color="#008AC5" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td width="85%"><?if($FILTER3_VALUE$)?>$FILTER3_VALUE$ |<?endif?> <?if($FILTER1_VALUE$)?>$FILTER1_VALUE$<?endif?> <div class="nmessage" align="center"><br><div class="ten"><a {captionId: 'caption1'})"><img src="$IMG_URL1$" align="center" border="0""></a></div> </td>
</tr><hr>
<tr><td class="eText" colspan="2">$BRIEF$</td></tr>
<tr><td class="eDetails1" colspan="2"><hr><?endif?><?if($USER$)?> <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a> | <?endif?>  
<?if($TAGS$)?> <!--<s5308>-->Теги<!--</s>-->: $TAGS$ <?endif?> | <?if($DATE$)?> <!--<s5308>-->Дата<!--</s>-->: $ADD_DATE$ в $ADD_TIME$ <?endif?> <?if($RATING$)?><div style="float: right;"> <?$RSTARS$('16','http://dm-studio.ucoz.net/stars_1.png','1','float')?></div><?endif?>
</td></tr>
<tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b>
<?if($RATING$)?>| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$ <?endif?></span></b>/<b><span id="entRated$ID$">$RATED$</span></b></td></tr>
</table>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</tbody></table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?><!-- </body> --><!-- </body> --><br> </td></tr></tbody></table>
</td><td valign="top" style="width:180px;">

$GLOBAL_DRIGHTER$

</td>
</tr>
</table>

<!-- </middle> -->
</td></tr></table>

$GLOBAL_BFOOTER$

</td><td align="left" width="5%" style="background:url('/site_design/img/right.png') left repeat-y;"><IMG src="/site_design/img/rl.png" border="0"></TD></TR></TBODY></TABLE>

      
</body></html>


При нажатии на "Сохранить" пишет следующее: "Не закрыт один или более условный оператор (<?if?>)"

Помогите пожалуйста с этим вопросов, всё облазил ничего не нашёл(((
Спасибо зарание)
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 1331 | 12:58:22
_G_a_r_i_k_, 15 открытых, 16 закрытых. Где-то прописан лишний <?endif?>

.::I'll be back::.
Выбор за тобой!
Сообщение отредактировал FeniX_kz - Суббота, 25 Авг 2012, 13:02:41
-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 1332 | 13:01:39
_G_a_r_i_k_, есть строчка:
Code
<tr><td class="eDetails1" colspan="2"><hr><?endif?><?if($USER$)?> <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a> | <?endif?>     
    

Попробуйте убрать первый <?endif?>.

Вам помогут, если прикрепите:
- Ссылку на сайт
- Скриншот проблемы через встроенное прикрепление изображений
- HTML (CSS) Код проблемного участка в спойлере
Сообщение отредактировал -=WaMpIr=- - Суббота, 25 Авг 2012, 13:05:35
sch779
Сообщений: 703
Репутация: 348

Сообщение # 1333 | 14:24:40
Quote (Miss_Esq)
Эксперименнтировали с тегами HTML MAP? АREA ?

Они помогут лишь создать зону нужной конфигурации. А как сделать градиент?

Quote (-=WaMpIr=-)
Изображение делаете как фон поверх него сколько вам нужно штампуете div'ы, и к ним вместе с данной функцией прописываете радиальный градиент:

Спасибо, конечно! Я все это давно уже изучил и не один раз использовал.
Но, увы - IE ниже десятки такого не поддерживает!
Правда, для IE можно воспользоваться его filter:alpha - но надоело уже городить "огород" из "костылей" для разных браузеров!

jQuery приучил к практически беспроблемному кроссбраузерному программированию HTML/JS - хотелось чего-то похожего и в данном случае!
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1334 | 14:42:03
sch779,
Quote
А как сделать градиент
Фотошоп, png, cлоями, больше ни чего кроссбраузерного не придумать

-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 1335 | 14:56:00
Ниже десятки IE стоит только на XP, т.к. туда последняя 8. Большинство пользователей IE осознанно им пользуются. Если хотите угодить абсолютно всем, то придётся поработать ручками. Ладно, если они растут из нужного места.
С jQuery и JS я практически не знаком, так что не могу ничего посоветовать. Зато вот тут

Вам быстро помогут. Сам убедился что люди там сидят знающие. Но и тролей достаточно. :D

Вам помогут, если прикрепите:
- Ссылку на сайт
- Скриншот проблемы через встроенное прикрепление изображений
- HTML (CSS) Код проблемного участка в спойлере
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!