|
Результаты поиска
|
|
| [16 | Тема: Вопросы от Кузьмича))] рыбак [17.01.2012, 21:00] |
Quote А что там? Стрелочка что ли?
Угу
Только эти стили всё делают?
Code <style type="text/css">
.imgLink{display:inline-block;position:relative;}
.imgLink span{background:url(/_example/jquery/rest/myWnd/find.png) no-repeat 0 0;display:none;height:52px;width:52px;position:absolute;left:15px;top:15px;z-index:-1;}
.imgLink:hover span{display:block;z-index:99;}
</style>
Добавлено (17.01.2012, 21:00)
---------------------------------------------
И ещё заинтересовали картинки при добавлении сообщений на форуме? Писал на сайте что-нить по этому поводу?
Сообщение отредактировал рыбак - Вторник, 17.01.2012, 21:06 |
|
| [17 | Тема: Вопросы от Кузьмича))] рыбак [17.01.2012, 22:33] |
Я конечно понимаю что дико туплю. Но как мне это позиционировать эту лупу на информер(в позиционировании вообще не разобрался):
Code <div align="center"> <table> <tbody> <tr align="center"><td height="32px"><a href="$ENTRY_URL$">$TITLE$</a></td></tr> <tr align="center"><td border="1"><a href="$ENTRY_URL$" title="Смотреть видео «$TITLE$»"><img border="0" alt="$TITLE$" src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" align="" height="140" width="175"></a></td></tr> </tbody> </table> </div> |
|
| [18 | Тема: Вопросы от Кузьмича))] рыбак [17.01.2012, 23:24] |
likbezz, понял уже, просто пропустил самое важное <span></span>
Кстати онлайн редактор помогает хорошо jsbin.com(локальный редактор лень ставить  )
Добавлено (17.01.2012, 23:24)
---------------------------------------------
imgLink span{background:url('/_example/jquery/rest/myWnd/find.png') no-repeat 0 0;display:none;height:52px;width:52px;position:absolute;left:15px;top:15px;}
Тут кавычки нужны?
Сообщение отредактировал рыбак - Вторник, 17.01.2012, 23:26 |
|
| [19 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 00:31] |
<style type="text/css">
.imgLink{display:inline-block;position:relative;}
.imgLink span{background:url('http://video.yandex.ru/video2010/blocks/b-video/play/b-video__play.png') no-repeat 0 0;height:15px;width:14px;position:absolute;left:5px;bottom:5px;}
.imgLink:hover span{background-position: 0 -15px;height: 32px;width: 27px;}
</style>
Вот что слепил в конечном итоге. Не могу понять как работает то что выделено. Иконка состоит из двух, друг над другом расположенных стрелочек. Куда девается вторая стрелка при наведении?  Надо только иконку сделать другого цвета, а то вдруг яндекс прикопается или паранойя???
Сообщение отредактировал рыбак - Среда, 18.01.2012, 00:32 |
|
| [20 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 01:03] |
|
Блин, проблема на проблеме. Делаю заливку на яндексовскую иконку, делаю opacity, сохраняю для веб устройств в png 8. Получается не прозрачная, да ещё и с рваной обводкой. Как сохранять чтобы ещё в итоге получилось не более 500 б |
|
| [21 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 01:11] |
Quote (likbezz) Либо png24
В png24 получается уже за 1 кб,а это критично 
Quote (likbezz) Либо юзаем фильтры ...
Это кто такие? Погуглил, понял. Как найти какой нужен?
Сообщение отредактировал рыбак - Среда, 18.01.2012, 01:14 |
|
| [22 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 01:20] |
likbezz, ну да, на оригинальной яндексковской прозрачность есть
Про opacity знаю. А вот с рваной(не гладкой) обводкой что делать? как сохранять? png8 гладкие края чтоли не поддерживает?
Quote Там сама картинка полупрозрачная.
Да, знаю, причём только нижняя стрелка
Сообщение отредактировал рыбак - Среда, 18.01.2012, 01:31 |
|
| [23 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 13:07] |
Quote (likbezz) Чтобы не было “рваных краёв” устанавливают фоновый цвет.
Пришлось все полупрозрачные удалить
Вот ещё важное дело!
В css:
Code
#container {width: 300px; margin: 1 auto; display: inline-block; float:right;}
#panel {background: #D9DC82;height: 155px; display: none;}
.buttontext {font-weight: bold;font-size: 1.2em; color:red;}
В head скрипты:
Code
<script type="text/javascript" src="/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.buttontext').click(function(){
$('#panel').slideToggle('normal'); return false;
});
});
</script>
При нажатии на пункт с классом .buttontext появляется блок #panel
Всё дело происходит прямо поверх шапки сайта. Дивы <div id="container">
<div id="panel">Контент</div></div> находятся прямо в таблице между <td style="background: url('картинка дизайна')></td>
Чувствую что всё это безграмотно, зато кроссбраузерно. Да? Если не трудно подскажи как "грамотно" будет. |
|
| [24 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 17:14] |
Quote (likbezz) Работает? Должно работать...
Работает
Quote Всё дело происходит прямо поверх шапки сайта. Дивы <div id="container"> <div id="panel">Контент</div></div> находятся прямо в таблице между <td style="background: url('картинка дизайна')></td>
Вот так разве правильно делать, не должен div id="panel(минипрофиль) находиться в футере например? По-моему, правильно - когда при нажатии на слово с классом buttontext, из под этого слова сверху вниз "выезжал" блок с id="panel, находящийся уж не в шапке точно.
Я ошибаюсь? Всё правильно сделано? |
|
| [25 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 18:59] |
Quote (likbezz) Как понять “правильно”?
Правильно - это проверено практикой, не тормозит сайт, работает без ошибок и тд и тп Короче я понял что пусть так и лежит всё в шапке, никакого вреда от этого нет
Quote (likbezz) Это что за скрипт? Для чего он?
жмёшь на кнопку, блок выдвигается, жмёшь ещё раз блок задвигается
За движение отвечает сам скрипт в файле /jquery-1.4.2.min.js ??? И нужен ли он? может стандартный юкозовский сгодится?
Quote (likbezz) абсолютное позиционирование.
штука хорошая, но вот понять не могу, что такое родительский элемент. И нет уверенноости что позиционировал одинаково во всех браузерах.
Сообщение отредактировал рыбак - Среда, 18.01.2012, 19:12 |
|
| [26 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 19:56] |
Quote (likbezz) Нет, вот это:
Quote (рыбак)
.slideToggle('normal')
А варианты есть? тоесть при таком скрипте блок появляется из горизонтальной линнии и раздвигается одновременнно вверх и вних, что normal это скорость я уже понял
Quote (likbezz) Конечно “сгодится”)))
Вот это я и хотел услышать, недочёты ведь есть. Тоесть /jquery-1.4.2.min.js зря на каждой странице загружается, удалю.
А при position:absolute блок позиционируется от края экрана или от родителя?при position:relative от родителя?
Добавлено (18.01.2012, 19:56)
---------------------------------------------
Без /jquery-1.4.2.min.js не работает!
Сообщение отредактировал рыбак - Среда, 18.01.2012, 19:57 |
|
| [27 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 21:11] |
Quote (likbezz) Значит не там вставляешь скрипт.
Все JQ скрипты нужно добавлять не в «head», а ниже.
Так и есть! Спасибо! Буду знать! Перед закрывающим body поставил - работаетДобавлено (18.01.2012, 21:11)
---------------------------------------------
Quote (likbezz) Да, зря.
Постоянно об этом писал ... пока не надоело.
Тоесть все JQ скрипты могут работать с помощью стандартных юкозовских js'ках ? |
|
| [28 | Тема: Вопросы от Кузьмича))] рыбак [18.01.2012, 21:32] |
Quote (likbezz) ПУ » Общие настройки - либо 1,3, либо 1,6.
Отсюда вопрос. какая разница? 1.6 просто более новая, новые примочки? Зачем юкоз и 1.3 тогда оставил? |
|
| [29 | Тема: Вопросы от Кузьмича))] рыбак [19.01.2012, 01:16] |
Что в этой странице не валидно или html редактор врёт?
Подчёркнуто красным то что выделено в редакторе красным
Code <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background:#060807; margin:0px; padding:0px;"> $ADMIN_BAR$ <div align="center"> <table cellpadding="0" cellspacing="0" border="0" width="920" align="center"> <tr><td height="38" width="233" id="data">$WDAY$, $DATE$, $TIME$</td><td height="38" width="687" id="bar"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td></tr> <tr><td height="165" width="920" colspan="2" id="header"><h1><!-- <logo> -->Всё о рыбной ловле<!-- </logo> --></h1></td></tr> <td valign="top" width="233"style="background:url('/.s/t/956/1.gif') repeat-y #D9DC82;"> <!-- <sblock_menu> --> <?if($GLOBAL_MENU$)?> <div id="boxMenu"><h3><!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --></h3><div class="boxContent"><!-- <bc> -->$GLOBAL_MENU$<!-- </bc> --></div></div> <?endif?> <!-- </sblock_menu> --> $GLOBAL_CLEFTER$ </td> <td width="687" valign="top" style="background:url('/.s/t/956/2.gif') repeat-y #FFFFFF;"><div style="background:#060807;"><img src="/.s/t/956/3.jpg" border="0"></div><div id="line">$MODULE_NAME$</div> <div style="margin:0 15px 0 20px;width:652px;"><div class="forumContent"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%"> <tr> <td align="right">[<?if($USER_LOGGED_IN$)?> <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s27.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td> </tr> </table> $BODY$</div><br /></div></td></tr> <tr><td><img src="/.s/t/956/4.jpg" border="0"></td><td style="background:#FFFFFF;"><img src="/.s/t/956/5.gif" border="0"></td></tr> </table> $GLOBAL_BFOOTER$ </div> </body> </html>
Сообщение отредактировал рыбак - Четверг, 19.01.2012, 01:18 |
|
| [30 | Тема: Вопросы от Кузьмича))] рыбак [19.01.2012, 12:57] |
|
likbezz, а по поводу предыдущего поста? Может у тебя есть какие-нибудь програмные средства? |
|
