Как сделать вверху фиксированного изображения крестик, чтобы закрыть окно ?

Простите что поднимаю эту тему https://help.forum2x2.ru/t21484-topic#164978
просто её закрыли я даже не успел спросить,а можно ли сделать что бы вверху изображения был крестик,что бы можно было закрыть окно?!
На phpBB3
Вот ссылка на форум: http://chiterock.sosbb.net/

Можно, здесь понадобится скрипт.
Dana Domirani или другие скриптёры ответит вам в ближайшее время.Не подымайте тему.
Заранее спасибо.

Dana,помогите пожалуйста

Я не кого не тороплю,но просто пользевотелям не удобно,мне поможет кто не будь

Не проще просто удалить эту фигню? Тогда никому не будет мешать.

Домовой пишет:Не проще просто удалить эту фигню? Тогда никому не будет мешать.

Нет удалить это не выход

Так что можно ли это как нибудь осущиствить

Могу предложить такой вариант: по клику на заголовке "реклама"

картинка будет минимизироваться и оставаться свернутой, пока пользователь ее снова не откроет или не почистит куки

Dana Domirani пишет:Могу предложить такой вариант: по клику на заголовке "реклама"

картинка будет минимизироваться и оставаться свернутой, пока пользователь ее снова не откроет или не почистит куки

Буду очень благодарен

Алогритм действий.

1. Добавьте в ПА > Модули > Виджеты форума новый виджет. Добавьте туда код блока с рекламным баннером:

Код:

<div class="fixed_pos">
<span class="hideBtn" title="Показать\скрыть рекламу">Реклама</span>
<div class="hideCont"><a href="http://help.forum2x2.ru"><img src="http://i42.servimg.com/u/f42/15/82/36/69/fgfgh10.jpg" /></a></div>
</div>

Замените:
https://help.forum2x2.ru - на желаемую ссылку
https://i.servimg.com/u/f42/15/82/36/69/fgfgh10.jpg - на желаемое изображение
Сохраните.

2. В CSS добавьте настройки:

Код:

.fixed_pos {
position:fixed;
right:0px;
bottom:0px;
z-index: 999;
text-align: right;
}
 
.hideBtn {
display:block;
width: 60px;
background:transparent url('http://illiweb.com/fa/subsilver/tabs_less.gif') no-repeat left center;
font:bold 11px/15px Verdana,sans-serif;
cursor:pointer;
outline:none;
padding: 2px 0 2px 10px;
}

.hideBtn.close{
background-image:url('http://illiweb.com/fa/subsilver/tabs_more.gif')
}

Сохраните.

3. В ПА > Модули > Управление кодами JS создайте новый файл.
Название: Cookie
Показ: на всех страницах
Код:

Код:

function setCookie(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+(c*24*60*60*1000));var e="; expires="+d.toGMTString()}else var e="";document·cookie=a+"="+b+e+"; path=/"}function getCookie(a){var b=a+"=";var d=document·cookie.split(';');for(var i=0;i<d.length;i++){var c=d[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(b)==0)return c.substring(b.length,c.length)}return null}function delCookie(a){setCookie(a,"",-1)}

Сохраните.

4. Создайте еще один новый файл скрипта.
Название: Реклама
Показ: на всех страницах
Код:

Код:

$(function(){

$('div.fixed_pos span.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);
if(cookie&&cookie.indexOf('close')!=-1){$(this).toggleClass('close').siblings('div.hideCont').hide();};
});

$('div.fixed_pos span.hideBtn').click(function(){
$(this).toggleClass('close').siblings('div.hideCont').slideToggle('normal');
var hideBtn=$('div.fixed_pos span.hideBtn').index($(this)),isShow=$(this).attr('class');
setCookie('hideBtn'+hideBtn,isShow,365);return false;
});

});

Сохраните.

Dana Domirani пишет:Алогритм действий.

1. Добавьте в ПА > Модули > Виджеты форума новый виджет. Добавьте туда код блока с рекламным баннером:

Код:

<div class="fixed_pos">
<span class="hideBtn" title="Показать\скрыть рекламу">Реклама</span>
<div class="hideCont"><a href="http://help.forum2x2.ru"><img src="http://i42.servimg.com/u/f42/15/82/36/69/fgfgh10.jpg" /></a></div>
</div>

Замените:
https://help.forum2x2.ru - на желаемую ссылку
https://i.servimg.com/u/f42/15/82/36/69/fgfgh10.jpg - на желаемое изображение
Сохраните.

2. В CSS добавьте настройки:

Код:

.fixed_pos {
position:fixed;
right:0px;
bottom:0px;
z-index: 999;
text-align: right;
}
 
.hideBtn {
display:block;
width: 60px;
background:transparent url('http://illiweb.com/fa/subsilver/tabs_less.gif') no-repeat left center;
font:bold 11px/15px Verdana,sans-serif;
cursor:pointer;
outline:none;
padding: 2px 0 2px 10px;
}

.hideBtn.close{
background-image:url('http://illiweb.com/fa/subsilver/tabs_more.gif')
}

Сохраните.

3. В ПА > Модули > Управление кодами JS создайте новый файл.
Название: Cookie
Показ: на всех страницах
Код:

Код:

function setCookie(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+(c*24*60*60*1000));var e="; expires="+d.toGMTString()}else var e="";document·cookie=a+"="+b+e+"; path=/"}function getCookie(a){var b=a+"=";var d=document·cookie.split(';');for(var i=0;i<d.length;i++){var c=d[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(b)==0)return c.substring(b.length,c.length)}return null}function delCookie(a){setCookie(a,"",-1)}

Сохраните.

4. Создайте еще один новый файл скрипта.
Название: Реклама
Показ: на всех страницах
Код:

Код:

$(function(){

$('div.fixed_pos span.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);
if(cookie&&cookie.indexOf('close')!=-1){$(this).toggleClass('close').siblings('div.hideCont').hide();};
});

$('div.fixed_pos span.hideBtn').click(function(){
$(this).toggleClass('close').siblings('div.hideCont').slideToggle('normal');
var hideBtn=$('div.fixed_pos span.hideBtn').index($(this)),isShow=$(this).attr('class');
setCookie('hideBtn'+hideBtn,isShow,365);return false;
});

});

Сохраните.

Реклама не сворачивается

А тут: http://calidasa.mirbb.net/forum ?

И что у Вас поставлено в контейнер? Не одна картинка явно.

Dana Domirani пишет:А тут: http://calidasa.mirbb.net/forum ?

И что у Вас поставлено в контейнер? Не одна картинка явно.

У меня стоит анимационная картинка

Да,и только что я пытался не анимационную ставить,все равно не скрывается

Дана, ошибка в точке (посреди кодов), я уже об этом предупреждал, так и не исправили.

Код:

d=document·cookie.split

и что то ещё

Gorezcaid, спасибо. Проблема действительно в этом.

Так, тогда прикрепляю скрипт cookie в виде текстового файла.
Скачиваете его, копируете и ставите в третьем пункте:

3. В ПА > Модули > Управление кодами JS создайте новый файл.
Название: Cookie
Показ: на всех страницах
Код: ...

Dana Domirani пишет:Gorezcaid, спасибо. Проблема действительно в этом.

Так, тогда прикрепляю скрипт cookie в виде текстового файла.
Скачиваете его, копируете и ставите в третьем пункте:

Все равно не скрывается реклама,может быть я что то не так делаю

Проверяю. Большая просьба - пока новых скриптов не ставить и ничего не менять в CSS.

Dana Domirani пишет:Проверяю. Большая просьба - пока новых скриптов не ставить и ничего не менять в CSS.

Хорошо

У Вас код блока с кнопками вверх/вниз был поставлен в скрипты, а не в виджет. Из-за этого последующие скрипты не работали.

Все готово, проверяйте.

Dana Domirani пишет:У Вас код блока с кнопками вверх/вниз был поставлен в скрипты, а не в виджет. Из-за этого последующие скрипты не работали.

Все готово, проверяйте.