На маленькой все пользователи не поместятся, не говоря о пожеланиях))

Vitka написал(а):Ой какая большая ёлочка,во весь манитор.Куда и как вставить? Шикарная елочка!!!!Вообщем система такая: создаете на своем форуме тему для желаний, затем создаете новую страничку: Администрирование - Страницы, туда ставите вот этот код:Код Елочки желанийКод:<div id=Mydiv style="display:none">
<style>
#pun-main >div> h1,
#pun-pages >*:not(#pun-main){
display:none!important;
}
#pun {
display:none;
}
html, body,
body *{
margin: 0; padding: 0;
}
#pun-main > .section > h1,
#html-header,
#pun-navlinks,
#pun-ulinks,
#pun_announcement,
#pun-status,
#pun-break1,
#pun-crumbs1,
#pun-break2,
#pun-break3,
#pun-crumbs2,
#pun-break4,
#pun-about,
#html-footerб
#tieser-bottom{
display:none!important;
}

#statis {
position: relative;
width: 80%;
padding: 0;
margin: 0 auto;
}

#verh {
position: relative;
width: 100%;
margin: 0 0 -4.9px 0;
padding: 0;
}

.seredina {
position: relative;
width: 100%;
margin: 0;
padding: 0;
background: url(http://s6.uploads.ru/kvRVU.jpg) repeat-y;
background-size: 100% auto;
}

#niz {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.spoiler > input + .box > span.close {
display: none;
}

.spoiler > input + .box > span.open {
background: url(http://s10.rimg.info/64ddd65cd3e9f29e37 … 9abebc.gif) 4px 60% no-repeat;
display: inline;
z-index: 1;
}

.spoiler > input + .box > blockquote {
display: none;
}

.spoiler > input[type="checkbox"] {
cursor: pointer;
border-color: transparent!important;
border-style: none!important;
background: transparent none!important;
position: relative;
z-index: 2;
margin: 0;
opacity:0;
left:-5%;
}

input:not([type="image"]), textarea {
box-sizing: border-box;
}
.spoiler span.close, .spoiler span.open {
padding-left: 90px;
padding-top: 44px;
color: #0000CD !important;
text-decoration: underline;
margin: 0;
}

.spoiler span.close a, .spoiler span.open a {
color: #FF0000 !important;
}

.spoiler > input:checked + .box > blockquote {
display: block;
}
</style>
<div id="verh"><img src="http://s7.uploads.ru/4MEGo.jpg" width="100%" /></div>
<div class="seredina">
<div id="statis"></div>
</div>
<div id="niz"><img src="http://s7.uploads.ru/FBhyH.jpg" width="100%" /></div>
</div>

<script type="text/javascript">
$(document).ready(function(){
$.get('http://testmods.mybb.ru/viewtopic.php?id=1','',getContacts);
function getContacts(data){
var users = $('<div></div>').appendTo('#statis');
$(data).find('div.post').each(function(){
var JName=$(this).find('div.post-content').html();
var Jauthor=$(this).find('.pa-author').html();
users.append('<div class="spoiler" style="text-align: center;width:100%;position:relative;background:transparent;font-weight: 700;font-family: monotype corsiva;font-size: 2.4em;"><input style="width:100%;height:100%;position:absolute;" type="checkbox"><div class="box"><span class="close">'+ Jauthor +'</span><span class="open">'+ Jauthor +'</span><blockquote class="Untext" style="text-align: left;width:90%;position:relative;background-color:#fff;padding:3px 12px;border-radius:7px;box-shadow:3px 3px 9px #A5A5A5;">'+JName+'</blockquote></div></div><br><br><br>'); });}

$('#pun-title').remove();
$('#pun').show();
$('#pun-main').next().remove();
$('head').find('link[rel="stylesheet"]:first').remove();
var My = $('#Mydiv').show();
My.append(content);
});

</script>В коде находите строку:$.get('http://testmods.mybb.ru/viewtopic.php?id=1','',getContacts);Заменяете выделенное красным на ссылку своей новогодней темы..Собственно и все - дальше люди оставляют пожелания в теме на форуме и они появляются на елочке. Ссылку на елочку можно поставить в меню (Администрирование - Настройки - Дополнительные пункты меню, или еще куда нить..Тестируйте))
            Подпись автораИнструменты для поиска и редактирования стиляКак с помощью браузера можно определить элемент дизайнаКаталог скриптов/CSSПолезные скрипты, темы для новичковТиповые Вопросы(ЧаВо)Ответы на часто задаваемые вопросыПросилкаПросьбы по улучшению работы сервиса

ЛаскаКВ написал(а):не выходит...А это, что такое: <div class="scrollbox" style="height: 35em;"><pre>Зачем оборачивали?
            Подпись автораИнструменты для поиска и редактирования стиляКак с помощью браузера можно определить элемент дизайнаКаталог скриптов/CSSПолезные скрипты, темы для новичковТиповые Вопросы(ЧаВо)Ответы на часто задаваемые вопросыПросилкаПросьбы по улучшению работы сервиса

Продолжая идею с елочкой

//Недоумение при новом разворачивании при втором клике
Добавка

При Отсутсвии ссылки на картинку в тегах [gift][/gift] - выбирать рандомно из массива "домашней заготовки"