Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 13 из 13
Поделиться22011-01-07 20:40:19
Код:
#pun {
background-color: #7A3444;
}для того что бы сделать "слитный" форум
Поделиться32011-01-09 18:25:18
Код:
<style type="text/css">
#pun-navlinks {
position: absolute;
top: -40px;
left: 0;
z-index: 1000;
width: 1000px;
}
#pun {
position: relative;
margin-top: 40px;
}
</style>двигаем меню форума. цифры менять))
Поделиться42011-01-09 19:26:05
Код:
<script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='картинка профиль'/>"
drr[1].innerHTML="<img src='картинка лс' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='картинка мыла' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='картинка вебсайт' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='картинка цитировать'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='картинка правка' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='картинка удалить' />"}
}}}
</script>замена всех ссылок под сообщением
Код:
<script type="text/javascript">
var trr=document.getElementsByTagName("ul")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].innerHTML.indexOf("pl-email")!=-1)
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='картинка Профиль' />"
drr[1].innerHTML="<img src='картинка ЛС' />"
drr[2].innerHTML="<img src='картинка Email' />"
}}
</script>замена только профиль-лс-меил-сайт
Поделиться52011-01-09 19:27:53
Код:
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>запятая в форму ответа
Поделиться62011-01-09 19:37:30
Скрипт окна новостей форума
Скрипт, в отличии от кодов, которые вы вставляете с других сайтов и которые призваны отображать чужие новости, позволяет сделать в объявлении или где-либо фрейм с вами лично составляемыми новостями о вашем форуме.
Принцип работы как у стандартных подобных фреймов. В начальном сотоянии в нем отображаются все новости одна под другой в обрезанном, сокращенном виде. Рядом же стоит ссылка, позволяющая развернуть и прочитать выбранную новость. При нажатии на нее окно полностью занимает текст новости в полном виде и вверху, и внизу кнопки "Назад", чтобы прочитав, можно было вернуться к ощему списку нововстей.
<div id="mynews" style="overflow: scroll; width: 300px; height: 200px;">aaa</div>
<script type="text/javascript">
var p=0
var arrn=new Array(3)
arrn[0]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />"
arrn[1]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />"
arrn[2]="<h1>Комментарии и предложения</h1><br /> Все чувства, будь то удовлетворение или недовольство работой сервиса и этого форума, радость или огорчение по поводу каких-либо изменений, а так же предложения по улучшению работы – всё это сюда.<br />"
........................................
........................................Вместо точек добавляйте совй строчки
function cutNews(r)
{var cut
if (r.length>250)
{cut=r.substr(0, 200)}
else if ((r.length<=250)&&(r.length>=200))
{cut=r.substr(0, 170)}
else
{cut=r}
return cut}
function getNews()
{document.getElementById('mynews').innerHTML=""
for (p=0; p<=2; p++)
{document.getElementById('mynews').innerHTML=document.getElementById('mynews').innerHTML+cutNews(arrn[p])+"..."+"<a name='newie'>"+p+"</a>"+"<br /><br />"}
defineIt()}
function defineIt()
{var net=document.getElementsByName("newie")
var o=0
for (o=0; o<=2; o++)
{if (net[o].innerHTML=="0")
{net[o].href ="javascript: allNews(0);"}
else if (net[o].innerHTML=="1")
{net[o].href ="javascript: allNews(1);"}
else if (net[o].innerHTML=="2")
{net[o].href ="javascript: allNews(3);"}}}
function allNews(j)
{var back="<p align='center'>"+"<a href='javascript: getNews();'><< Назад</a></p>"
document.getElementById('mynews').innerHTML=back+"<br />"+arrn[j]+"<br />"+back}
getNews()
</script>
Обратите внимание на салатовые строчки. Их должно быть столько, сколько у вас новостей одновременно показывается. Больше 10 не советую. Нумерация в квадратных скобках по порядку, с нуля. Вместо зеленой цифры поставьте число ваших новостей. Жирным в новостях обозначены заголовки новостей. Пренос на другую строку в тексте новости обозначайте как <br /> и не в коем случаем не энтером.
Посмотрите на синий блок скрипта. Их должно быть стоько, сколько у вас новостей. Там где жирные цифры не забывайте менять нумерацию.
Так же в CSS вы можете оформить дизайн окна по вашему разумению
<style type="text/css">
#my news {...} само окно
#my news h1 {...} заголовки в нем
#mynews a {...} ссылки в нем.
</style>
Поделиться72011-01-09 19:41:43
Cкрипт уведомления о новом личном письме на форуме
Он показывает не всплывающее окно, а просто div в котором также есть ссылка перехода к странице сообщений.
В нём нужно указать адрес форума (заменяем на свое) БЕЗ WWW вставляйте в ХТМЛ-низ.
Код:
<script type="text/javascript">
forum = "адрес сайта"
str = document.getElementById("navpm").innerHTML
loc = new String(document.location)
if( (str.indexOf("(") != -1) && document.referrer.indexOf(forum)==-1 && loc.indexOf('messages.php')==-1)
{
count = parseInt(str.substring(str.indexOf("(")+1,str.indexOf(")")))
if (count==1) text="У вас есть 1 новое сообщение"
else if (count>1 && count<5) text="У вас есть " +count+" новых сообщения"
else text="У вас есть " +count+" новых сообщений"
msg = "<div id=\"new-mes\" class=\"container\" style=\"position: absolute; z-index=2; left: 40%;\">"
msg += text
msg += "<br><a href=\"\" onclick=\"document.location.replace('messages.php'); document.getElementById('new-mes').style.display='none';return false;\">Посмотреть личные сообщения</a>"
msg +="<br><a href=\"\" onclick=\"document.getElementById('new-mes').style.display='none'; return false\">Закрыть окно</a>\r\n"
msg += "</div>"
document.getElementById("pun-status").innerHTML += msg
}
</script>Поделиться82011-01-09 19:55:33
Код:
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> <img src="http://s004.radikal.ru/i207/1006/e4/60525f4b5505.png" ></a><div style="display: none">
баннерная кнопка
Поделиться92011-01-09 20:05:39
в хтмл-вверх
Код:
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>в хтмл-низ
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>туда где будет выпадающее меню
Код:
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>2. Заполнение меню.
Чтобы заполнить меню своим содержимым, надо обратиться к третьей части кода.
а). По-умолчанию в коде содержится 6 блоков. По своему усмотрению Вы можете изменить это число, добавив новые или удалив какие-либо. Чтобы осуществить это, достаточно размножить (в случае увеличения числа блоков) или удалить (для уменьшения их числа) такой фрагмент:
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
Внимание! Не меняйте НИКАКИЕ числовые значения в этой части кода! В противном случае меню перестанет работать!
б). Чтобы заменить информацию в основных блоках, найдите в коде слова "Первый блок". Замените их на нужное Вам. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.
в). Чтобы заменить информацию в выпадающих блоках, найдите в коде слова "Тут будет что-то" и замените на нужную Вам информацию. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.
3. Оформление меню.
Оформление выпадающего меню необходимо менять в первой части кода.
Ниже приведены доступные для пользователей изменения в дизайне:
а).
Код:
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}Отвечает за дизайн основных блоков.
width: 130px; - ширина основных блоков, в пикселах.
height: 40px; - высота основных блоков, в пикселах.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ основных блоков.
background: #FFFFCC; - цвет фона основных блоков.
text-align: center; - выравнивание текста в основных блоках (по-умолчанию: центр).
font-family: Comic Sans Ms; - шрифт в основных блоках меню.
font-size: 15px; - размер текста в основных блоках меню.
padding: 5px; - отступ от краёв основных блокв (поля).
б).
Код:
.spll {width: 130px; height: 70px; }Не рекомендовано для изменения неопытным пользователям!
Замечание: width: 130px; менять одновременно с предыдущим значением ширины (ширина основных блоков).
в).
Код:
.spll div .splCont {height: auto; width: 300px; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}Отвечает за дизайн выпадающих блоков.
height: auto; - высота выпадающих блоков. По-умолчанию осуществляется автоподгон по ширине. При необходимости можно заменить auto на любое числовое значение с указанием единиц измерения.
width: 300px; - ширина выпадающих блоков.
background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); - фоновое изображение выпадающих блоков. При необходимости можно установить непрозрачный цвет, путём замены на background: #FFFFCC; с указанием нужного цвета.
padding: 5px; - отступ от краёв выпадающих блокв (поля).
z-index: 1000; не рекомендовано к изменению. Данный параметр отвечает за наложение выпадающих блоков на форум. При уменьшении этого значения меню будет открывыться под таблицу форума. Если какой-либо элемент форума закрывает собой выпадающии меню, это значение необходимо увеличить.
margin-top: 5px; - отступ, между основными и выпадающими блоками. При значении 0 - без отступа.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ выпадающих блоков.
font-size: 12px; - размер текста в выпадающих блоках меню.
font-family: Microsoft Sans Serif; - шрифт в выпадающих блоках меню.
text-align: center; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).
Внимание! Производить какие-либо изменения во второй части кода ЗАПРЕЩЕНО!
Поделиться102011-02-27 18:38:46
замена названий категорий на картинки
Код:
#pun-category1.category h2 {
background: url(http://xmages.net/storage/10/1/0/5/5/upload/712354e9.jpg) no-repeat top center;
height: 38px; font-size: 0 !important;
}
#pun-category2.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/b22b90e9.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-category3.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/0b99d26d.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-category4.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/287cf62d.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-category5.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/9ef69c5b.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-category6.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/24ba3c85.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-category7.category h2 {
background: url(http://xmages.net/storage/10/1/0/a/5/upload/cb628105.jpg) no-repeat top center;
height: 38px;
font-size: 0 !important;
}
#pun-stats h2 {
background-image : url(http://xmages.net/storage/10/1/0/c/f/upload/1a9dea2d.jpg);Поделиться112011-02-27 18:39:43
убираем надпись "объявление"
Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>Поделиться122011-02-27 19:12:45
делаем форум прозрачным
Код:
<style type="text/css">
#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin
#pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
.punbb .quote-box, .punbb .code-box,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-color: transparent !important;
background-image: none;
}
</style>Поделиться132011-02-27 19:34:22
замена старые/новые сообщения
Код:
<style type="text/css"> Div.icon {
background-image : url(ссылка на вашу картинку для "нет новых сообщений");
background-repeat: no-repeat;
}
</style>
<style type="text/css">TR.inew Div.icon {
background-image : url(ссылка на вашу картинку для "есть новые сообщения");
background-repeat: no-repeat;
}
</style>
<style type="text/css">TR.isticky Div.icon {
background-image : url(ссылка на вашу картинку для "Важно");
background-repeat: no-repeat;
}
</style>
<style type="text/css"> TR.iclosed Div.icon {
background-image : url(ссылка на вашу картинку для "Закрыта");
background-repeat: no-repeat;
}
</style>
<style type="text/css"> TR.iredirect Div.icon {
background-image : url(ссылка на вашу картинку для "Перенесено"));
background-repeat: no-repeat;
}
</style>Страница: 1