• Страница 2 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » рыбак [81]
Результаты поиска
Дата: Вторник, 17.01.2012, 21:00 | Сообщение #16 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


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.01.2012, 22:33 | Сообщение #17 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Я конечно понимаю что дико туплю. Но как мне это позиционировать эту лупу на информер(в позиционировании вообще не разобрался):

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>


 
Дата: Вторник, 17.01.2012, 23:24 | Сообщение #18 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


likbezz, понял уже, просто пропустил самое важное <span></span>
Кстати онлайн редактор помогает хорошо jsbin.com(локальный редактор лень ставить smile )

Добавлено (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
 
Дата: Среда, 18.01.2012, 00:31 | Сообщение #19 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


<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>
Вот что слепил в конечном итоге. Не могу понять как работает то что выделено. Иконка состоит из двух, друг над другом расположенных стрелочек. Куда девается вторая стрелка при наведении? wacko Надо только иконку сделать другого цвета, а то вдруг яндекс прикопается или паранойя???


Сообщение отредактировал рыбак - Среда, 18.01.2012, 00:32
 
Дата: Среда, 18.01.2012, 01:03 | Сообщение #20 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Блин, проблема на проблеме. Делаю заливку на яндексовскую иконку, делаю opacity, сохраняю для веб устройств в png 8. Получается не прозрачная, да ещё и с рваной обводкой. Как сохранять чтобы ещё в итоге получилось не более 500 б

 
Дата: Среда, 18.01.2012, 01:11 | Сообщение #21 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Либо png24

В png24 получается уже за 1 кб,а это критично tongue
Quote (likbezz)
Либо юзаем фильтры ...

Это кто такие? Погуглил, понял. Как найти какой нужен?


Сообщение отредактировал рыбак - Среда, 18.01.2012, 01:14
 
Дата: Среда, 18.01.2012, 01:20 | Сообщение #22 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


likbezz, ну да, на оригинальной яндексковской прозрачность есть
Про opacity знаю. А вот с рваной(не гладкой) обводкой что делать? как сохранять? png8 гладкие края чтоли не поддерживает?
Quote
Там сама картинка полупрозрачная.

Да, знаю, причём только нижняя стрелка


Сообщение отредактировал рыбак - Среда, 18.01.2012, 01:31
 
Дата: Среда, 18.01.2012, 13:07 | Сообщение #23 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


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>

Чувствую что всё это безграмотно, зато кроссбраузерно. Да? Если не трудно подскажи как "грамотно" будет.


 
Дата: Среда, 18.01.2012, 17:14 | Сообщение #24 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Работает? Должно работать...

Работает
Quote
Всё дело происходит прямо поверх шапки сайта. Дивы <div id="container">
<div id="panel">Контент</div></div> находятся прямо в таблице между <td style="background: url('картинка дизайна')></td>

Вот так разве правильно делать, не должен div id="panel(минипрофиль) находиться в футере например? По-моему, правильно - когда при нажатии на слово с классом buttontext, из под этого слова сверху вниз "выезжал" блок с id="panel, находящийся уж не в шапке точно.
Я ошибаюсь? Всё правильно сделано?


 
Дата: Среда, 18.01.2012, 18:59 | Сообщение #25 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Как понять “правильно”?

Правильно - это проверено практикой, не тормозит сайт, работает без ошибок и тд и тп Короче я понял что пусть так и лежит всё в шапке, никакого вреда от этого нет

Quote (likbezz)
Это что за скрипт? Для чего он?

жмёшь на кнопку, блок выдвигается, жмёшь ещё раз блок задвигается
За движение отвечает сам скрипт в файле /jquery-1.4.2.min.js ??? И нужен ли он? может стандартный юкозовский сгодится?

Quote (likbezz)
абсолютное позиционирование.

штука хорошая, но вот понять не могу, что такое родительский элемент. И нет уверенноости что позиционировал одинаково во всех браузерах.


Сообщение отредактировал рыбак - Среда, 18.01.2012, 19:12
 
Дата: Среда, 18.01.2012, 19:56 | Сообщение #26 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


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
 
Дата: Среда, 18.01.2012, 21:11 | Сообщение #27 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Значит не там вставляешь скрипт.
Все JQ скрипты нужно добавлять не в «head», а ниже.

Так и есть! Спасибо! Буду знать! Перед закрывающим body поставил - работает

Добавлено (18.01.2012, 21:11)
---------------------------------------------

Quote (likbezz)
Да, зря.
Постоянно об этом писал ... пока не надоело.

Тоесть все JQ скрипты могут работать с помощью стандартных юкозовских js'ках ?


 
Дата: Среда, 18.01.2012, 21:32 | Сообщение #28 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
ПУ » Общие настройки - либо 1,3, либо 1,6.

Отсюда вопрос. какая разница? 1.6 просто более новая, новые примочки? Зачем юкоз и 1.3 тогда оставил?


 
Дата: Четверг, 19.01.2012, 01:16 | Сообщение #29 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


Что в этой странице не валидно или 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>


Прикрепления: 4303071.jpg (262.1 Kb)

Сообщение отредактировал рыбак - Четверг, 19.01.2012, 01:18
 
Дата: Четверг, 19.01.2012, 12:57 | Сообщение #30 | Тема: Вопросы от Кузьмича))
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


likbezz, а по поводу предыдущего поста? Может у тебя есть какие-нибудь програмные средства?

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » рыбак [81]
  • Страница 2 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Поиск:


Мобильная версия