| да | Дата: Воскресенье, 18.03.2012, 22:55 | Сообщение # 1 |
|
Сержант
Группа: Администраторы
Сообщений: 25
Статус: Offline
| Вообщем будем делать кнопку для граффити, но не просто кнопку, а чтобы ещё создавалось превью для граффити, т.к. они получаются большие.
Как Вконтакте на стенке
Для начала не забудте разрешить в настройках прав групп, граффити для юзеров. Иначе никто не сможет нарисовать ничего..
Кстати все граффити будут сохранятся на ваш сайт, и дисковое пространство будет у вас понемногу уменяшатся, это в зависимости от того сколько граффити будет нарисовано.
1) Качаем архив с библиотекой jQuery, он есть на гугле, в коллекции библиотек, или сдесь в смотрите прикреплённый файл? или с letitbit Открываем файловый менеджер, нажимаем обзор, и заливаем этот скрипт к себе на сайт.
2) Затем идём в админпанель. Главная » Управление дизайном » Быстрая замена
Что заменить:
Quote
<head>
На что заменить:
Quote
<head>
<script src="http://$HOME_PAGE_LINK$jquery-1.2.6.min.js" type="text/javascript"></script>
3) Там же (в быстрой замене участков шаблона) пишем:
Что заменить:
Quote
</title>
На что заменить:
Quote
</title>
<script type="text/javascript">
function refGraf(){
var h = location.host;
var a = $("img[src*='мой сайт.com/graffiti/']");
a.css("width", "200px");
var length = a.get().length;
var links = [];
for(i=0; i<length; i++){
links.push(a.get(i).src);
}
a.wrap("<div class='graf'></div>");
$(".graf").each(function(i){
this.innerHTML = "<a target='_new' href='"+links[i]+"'>"+ this.innerHTML + "</a>";
});
}
$(function(){
refGraf();
});
</script>
Красное обязательно замените на адрес вашего сайта, больше ничего не трогайте. Чтобы путь к папке с граффити был правельным.
Синим указан размер превью создаваемой картинки
И теперь только остаётся сделать кнопку, для открытия граффити, вставляйте её в любое место, куда душе угодно, я поставил в форму добавления коментариев, после надписи $BB_CODES$ чтобы кнопка была рядом с другми
Вот код кнопки:
Code
<a href="javascript://" onclick="window.open('/media/?t=draw;h=1','graffity','resizable=1,scrollbars=1,top=0,left=0,width=740,height=540'); return false;"><img border="0" src="http://la2portal.ru/nodel/brush.png" /></a>
Рисуем графити, сохраняем его, копируем BB code который дают после сохранения, и вставляем в коменты. Будет создаватся кликабельные превью граффити.
|
| |
| |
