[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]


  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Форум » WEB-мастеру » Скрипты для Ваших сайтов » Голосуй за нас! (Всплывающее окошко с красивым скроллингом)
Голосуй за нас!
DaffyДата: Среда, 11.05.2011, 16:11 | Сообщение # 1
Группа: Администраторы
Сообщений: 217
Статус: Offline

Установка:
Заходим в ПУ --> Дизайн --> Управление дизайном (шаблоны) --> Глобальные блоки --> Верхнея часть сайта (или Нижняя часть сайта) и в самый низ вставляем:

Code
<script type="text/javascript" src="http://chasikov.net.ru/design/js/jquery.easing.js"></script>      
<script type="text/javascript" src="http://chasikov.net.ru/design/js/jquery.sweet-menu.js"></script>      
<script type="text/javascript">      
$(document).ready(function(){      
$('#backMenu').sweetMenu({      
top: 40,      
padding: 8,      
iconSize: 48,      
easing: 'easeOutBounce',      
duration: 500,      
icons: [      
'http://chasikov.net.ru/design/icons.png'      
]      
});      

$('#exampleMenu').sweetMenu({      
top: 200,      
padding: 8,      
iconSize: 48,      
easing: 'easeOutBounce',      
duration: 500,      
icons: [      
'http://chasikov.net.ru/design/icons.png' ]      
});      
});      
</script>      

<style type="text/css">      
.sweetMenuAnchor{      
border-top: 1px solid #85B32B;      
border-right: 1px solid #85B32B;      
border-bottom: 1px solid #85B32B;      
border-top-right-radius: 3px;      
-moz-border-radius-topright: 3px;      
border-bottom-right-radius: 3px;      
-moz-border-radius-bottomright: 3px;      
color: #ff4400;      
font-size: 20px;      
font-weight: bold;      
text-align: right;      
text-transform: uppercase;      
font-family: arial;      
text-decoration: none;      
background-color: #ebedec;      
opacity: 0.6;      
}      

.sweetMenuAnchor span{      
display: block;      
padding-top: 10px;      
}      
</style>      
<ul id="backMenu">      
</ul>      
<ul id="exampleMenu">      
<li><a href="ссылка на страницу голосования" target="_blank">Голосуй за нас!</a></li>      
</ul>

Где написано "ссылка на страницу голосование" ставим ссылку за место надписи ссылка на страницу голосование
Ещё можете изменить цвет обводки в коде, в трёх местах: #85B32B (на свой) wink
Исходник иконки в PSD

Добавить эту страницу в закладки:
 
GyuzellДата: Суббота, 12.11.2011, 10:07 | Сообщение # 6
Группа: Пользователи
Сообщений: 3
Статус: Offline
Доброго времени суток!Установила скрипт,сделала другого цвета ...Всё прекрасно работает,спасибо...НО...Я новичок в этом,на какую страницу надо лучше сделать ссылку и что там должно быть написано примерно?...т.е. на этой странице?НЕ могли ли Вы пошагово чуть-чуть объяснить?Я на юкозе у себя установила с этого сайта помоему почти все...Была бы благодарна если еще что нибудь для юкоза подходящее нашлось бы у Вас ... smile
 
MoDeRДата: Воскресенье, 13.11.2011, 13:47 | Сообщение # 7
Группа: Администраторы
Сообщений: 17
Статус: Offline
Gyuzell, обычно, аниме сайты регистрируются на сайтах каталогах с ретинговой системой (голосованием) и дают ссылку на страницу с голосованием за их сайт smile
 
MoDeRДата: Воскресенье, 13.11.2011, 13:52 | Сообщение # 8
Группа: Администраторы
Сообщений: 17
Статус: Offline
Можно этот скрипт использовать не только для голосования!
 
GyuzellДата: Вторник, 15.11.2011, 03:42 | Сообщение # 9
Группа: Пользователи
Сообщений: 3
Статус: Offline
ага,понятно...спасибо...просто у меня не аниме сайт...но можно наверно как нибудь переписать надпись на другую какую нибудь?только не знаю на какую...и отправить на гостевую например...или еще что нибудь придумать...подскажите,а?...
 
MoDeRДата: Вторник, 15.11.2011, 09:56 | Сообщение # 10
Группа: Администраторы
Сообщений: 17
Статус: Offline
Gyuzell, знаете, надпись меняйте в коде в конце Голосуй за нас! под ссылкой wink Можете, на форуме создать, форум конкурсов, изменить иконку на подарок и надпись написать Наши конкуры к примеру. А ссылку поставить на форум с конкурсами. wink
 
Форум » WEB-мастеру » Скрипты для Ваших сайтов » Голосуй за нас! (Всплывающее окошко с красивым скроллингом)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск:



---