вопрос
Как такое сделать. Думаю совсем не трудно, но я не силен в этом. Спасибо всем.
Если нужно модальное окно:
1- тэг {favorites} выдели [not-group=5][/not-group]
2- Рядом с [not-group=5]{favorites}[/not-group] добавь следуещее:
Под всем этим добавь это:
В стили вставить:
В подключенную js библиотеку:
1- тэг {favorites} выдели [not-group=5][/not-group]
2- Рядом с [not-group=5]{favorites}[/not-group] добавь следуещее:
[group=5]{favorites}[/group]
Под всем этим добавь это:
Ошибка!
Чтобы добавить в избранное нужно зарегистрироваться
В стили вставить:
#fade { /*--прозрачный фоновый слой--*/
display: none; /*--скрыто по умолчанию--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--скрываем контент--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--Box Shadow--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
/*--Хак для IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}В подключенную js библиотеку:
// Определение ссылки
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Имя окна
var popURL = $(this).attr('href'); //Ширина из href
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1];
//Окно появляется, с кнопкой закрыть
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
// Margin'ы
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Прежний вид страницы, при закрытии
$('body').append('');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
return false;
});
// Закрываем
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
