Закладки пользователя для uCoz
Всем привет, сегодня у нас долгожданный и полезный и легкий скрипт который позволит добавить закладки материалов на вашем сайте!.
Установка:
1. Идем > Страница материала и комментариев к нему (Нужного модуля) и добавляем html:
2. На этой же странице добавляем вывод (Для создания и парсинга тем (Можно оформить как блок, на это он и создан)):
Если блок вам не нужен на этой страницу скройте его добавив
3. На этой же странице добавим js код:
4. Добавим таблицу стилей (CSS):
Вот и всё)
Автор: Best_Studio
- Особенности:
- Не использует модули.
- Классический вид.
- Удобное добавление и удаление.
Установка:
1. Идем > Страница материала и комментариев к нему (Нужного модуля) и добавляем html:
Код
<div class="Bookmark" data-id="$ID$" data-img="$SCREEN_URL$" data-title="$ENTRY_TITLE$"></div>
2. На этой же странице добавляем вывод (Для создания и парсинга тем (Можно оформить как блок, на это он и создан)):
Код
<div id="Bookmark-content"></div>
Если блок вам не нужен на этой страницу скройте его добавив
Код
style="display:none;"
3. На этой же странице добавим js код:
Код
<script>
dates = new Date();
sDt = dates.getDate();
sDm = dates.getMonth() +1; if(sDm < 10) {sDm = '0'+sDm};
sDy = dates.getFullYear();
sTh = dates.getHours();
sTm = dates.getMinutes();
Bookmark = $('.Bookmark').attr('data-id');
BookmarkImg = $('.Bookmark').attr('data-img');
BookmarkTitle = $('.Bookmark').attr('data-title');
BookmarkUrl = location.href;
$('.Bookmark').click(function() {
if($('#Bookmark-content div').hasClass("Bookmark"+Bookmark)) {
$('#Bookmark-content .Bookmark'+Bookmark).remove();
$(this).html('');
} else {
$(this).html('✖');
$('#Bookmark-content').prepend('<div class="BookmarkAll Bookmark'+Bookmark+'" onclick="location=\''+BookmarkUrl+'\'"><img src="'+BookmarkImg+'"><p onclick="BookmarkDel('+Bookmark+')">✖</p><b>'+BookmarkTitle+'</b><br><em>'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'</em></div>');
};
BookmarkSave = $('#Bookmark-content').html();
localStorage.removeItem("BookmarkSave");
localStorage.setItem('BookmarkSave', ''+BookmarkSave+'');
});
BookmarkLoad = localStorage["BookmarkSave"];
$('#Bookmark-content').html(BookmarkLoad);
if($('#Bookmark-content div').hasClass("Bookmark"+Bookmark)) { $('.Bookmark').html('✖'); }
function BookmarkDel(id) {
$('#Bookmark-content .Bookmark'+id).remove();
$('.Bookmark').html('');
BookmarkSave = $('#Bookmark-content').html();
localStorage.removeItem("BookmarkSave");
localStorage.setItem('BookmarkSave', ''+BookmarkSave+'');
};
</script>
dates = new Date();
sDt = dates.getDate();
sDm = dates.getMonth() +1; if(sDm < 10) {sDm = '0'+sDm};
sDy = dates.getFullYear();
sTh = dates.getHours();
sTm = dates.getMinutes();
Bookmark = $('.Bookmark').attr('data-id');
BookmarkImg = $('.Bookmark').attr('data-img');
BookmarkTitle = $('.Bookmark').attr('data-title');
BookmarkUrl = location.href;
$('.Bookmark').click(function() {
if($('#Bookmark-content div').hasClass("Bookmark"+Bookmark)) {
$('#Bookmark-content .Bookmark'+Bookmark).remove();
$(this).html('');
} else {
$(this).html('✖');
$('#Bookmark-content').prepend('<div class="BookmarkAll Bookmark'+Bookmark+'" onclick="location=\''+BookmarkUrl+'\'"><img src="'+BookmarkImg+'"><p onclick="BookmarkDel('+Bookmark+')">✖</p><b>'+BookmarkTitle+'</b><br><em>'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'</em></div>');
};
BookmarkSave = $('#Bookmark-content').html();
localStorage.removeItem("BookmarkSave");
localStorage.setItem('BookmarkSave', ''+BookmarkSave+'');
});
BookmarkLoad = localStorage["BookmarkSave"];
$('#Bookmark-content').html(BookmarkLoad);
if($('#Bookmark-content div').hasClass("Bookmark"+Bookmark)) { $('.Bookmark').html('✖'); }
function BookmarkDel(id) {
$('#Bookmark-content .Bookmark'+id).remove();
$('.Bookmark').html('');
BookmarkSave = $('#Bookmark-content').html();
localStorage.removeItem("BookmarkSave");
localStorage.setItem('BookmarkSave', ''+BookmarkSave+'');
};
</script>
4. Добавим таблицу стилей (CSS):
Код
.Bookmark {
background: #7196b6;
display: inline-block;
padding: 3px 0px;
width: 32px;
text-align: center;
color: #fff;
position: absolute;
margin: 55px 0px 0px 759px;
font-size: 19px;
font-family: sans-serif;
border-radius: 4px;
font-weight: bold;
}
.BookmarkAll img {
width: 25px;
height: 25px;
border-radius: 10% 0px;
vertical-align: middle;
margin: 0px 10px 5px 0px;
}
.BookmarkAll b {
position: relative;
top: -7px;
text-transform: capitalize;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 225px;
display: inline-block;
font-family: sans-serif;
}
.BookmarkAll p {
position: absolute;
margin: -30px 0px 0px 275px;
background: #e8e8e8;
padding: 2px 3px;
color: darkcyan;
border-radius: 2px;
min-width: 12px;
text-align: center;
font-size: 10px;
font-family: cursive;
}
.BookmarkAll em {
position: absolute;
font-size: 9px;
font-style: normal;
margin: -16px 0px 0px 34px;
color: #91a8bb;
}
background: #7196b6;
display: inline-block;
padding: 3px 0px;
width: 32px;
text-align: center;
color: #fff;
position: absolute;
margin: 55px 0px 0px 759px;
font-size: 19px;
font-family: sans-serif;
border-radius: 4px;
font-weight: bold;
}
.BookmarkAll img {
width: 25px;
height: 25px;
border-radius: 10% 0px;
vertical-align: middle;
margin: 0px 10px 5px 0px;
}
.BookmarkAll b {
position: relative;
top: -7px;
text-transform: capitalize;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 225px;
display: inline-block;
font-family: sans-serif;
}
.BookmarkAll p {
position: absolute;
margin: -30px 0px 0px 275px;
background: #e8e8e8;
padding: 2px 3px;
color: darkcyan;
border-radius: 2px;
min-width: 12px;
text-align: center;
font-size: 10px;
font-family: cursive;
}
.BookmarkAll em {
position: absolute;
font-size: 9px;
font-style: normal;
margin: -16px 0px 0px 34px;
color: #91a8bb;
}
Вот и всё)
Автор: Best_Studio
Скачать бесплатно - [.]
без регистрации через 5 сек.
Или скачать без ожидания.
Или скачать без ожидания.