Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 34
Поделиться22010-07-14 21:03:33
скрипты для форума
Замена кнопок Новая тема, Новый опрос, Подписаться и отслеживать тему, Отписаться) на картинки
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Начать новую тему")
{arr[j].innerHTML="<img id='fifik1'"+" src='адрес картинки Начать новую тему' />"}
else if (arr[j].innerHTML=="Начать опрос")
{arr[j].innerHTML="<img id='fifik2'"+" src='адрес картинки Начать опрос' />"}
else if (arr[j].innerHTML=="Отписаться)")
{arr[j].innerHTML="<img id='fifik3'"+" src='адрес картинки Отписаться)' />"}
else if (arr[j].innerHTML=="Подписаться и отслеживать тему")
{arr[j].innerHTML="<img id='fifik4'"+" src='адрес картинки Подписаться и отслеживать тему' />"}}}
changeLink()
</script>Поделиться32010-07-14 21:12:09
Контейнер баннеров(усовершенствованый)
Эта версия построена как скрипт и ее(контейнер) можна вставлять в любое поле(имхо обьявление - оптимальнее всего)
Это задает стили и есть обязательным - HTML-верх
Код:
<style type="text/css">
#mylist {
position: relative;
visibility: hidden}
</style>Это скрипты - HTML-низ
Код:
<script type="text/javascript">
function visibilityON() {
document.getElementById("mylist").style.visibility="visible"
}
function visibilityOFF() {
document.getElementById("mylist").style.visibility="hidden"
}
</script>А это - туда, где вы хотите, что б появился контейнер
Код:
<input type="button" value="Баннеры" onClick="visibilityON()" /> <div id="mylist" class="container" ><br /> <a href="http://podil100.com"><img src="http://podil100.com/img/ban.gif" style="cursor: pointer"><br /><br /> <a href="http://liceum100.mybb.ru"><img src="http://physmat.podil100.com/banner_88_33.gif" style="cursor: pointer"></a><br /><br /> <a href="http://google.com"><img src="http://physmat.podil100.com/banner_lic.gif" style="cursor: pointer"><br /><br /> <input type="button" value="Скрыть" onClick="visibilityOFF()" /> </div>
Поделиться42010-07-14 21:13:46
Меню с исчезающими разделами(наводишь на ссылку - появляеться, отводишь- исчезает)
4 ссылки, при наведении на которые - разное меню
Состоит из нескольких частей, которые нужно вставлять в разные места:
В HTML-верх:
Код:
<style type="text/css">
#part1,#part2,#part3,#part4 {
z-index: 2;
position: absolute;
visibility: hidden}
</style>В HTML-низ:
Код:
<script type="text/javascript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part3ON(){document.getElementById("part3").style.visibility='visible'}
function part4ON(){document.getElementById("part4").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
</script>В обьявление
Код:
<a href="" onmouseover="part1ON()" onmouseout="part1OFF()">Линка 1</a> <a href="" onmouseover="part2ON()" onmouseout="part2OFF()">Линка 2</a> <a href="" onmouseover="part3ON()" onmouseout="part3OFF()">Линка3</a> <a href="" onmouseover="part4ON()" onmouseout="part4OFF()">Линка 4</a> <div id="part1" class="container"> Контейнер номер 1 </div> <div id=part2 class="container"> Контейнер номер 2 </div> <div id=part3 class="container">
Контейнер номер 3
</div> <div id="part4" class="container"> Контейнер номер 4 </div>
Кроме части для обьявления ничего менять ненадо!!
Содержимое появляющегося меню находиться между тегами <div ...></div> - тоесть то что ты хочешь что б у тебя было в меню- ставить туда. Можно вставлять туда всё, что угодно; картинки, ссылки, кнопки, таблицы и тд, хоть еще одно всплывающее меню! Вот и всё)
Поделиться52010-07-14 21:16:05
Xandir написал(а):
Подскажите пожалуйста скрипт на замену картинок: активных, не активных тем, закрытых тем, важных тем, есть новые сообщения, нет новых сообщений, на свои картинки...
Иконки "Новые сообщения/Нет новых сообщений/Выделенная(важная) тема/Закрытая тема/Перенесённая тема"
Новые сообщения
<style type="text/css">TR.inew Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
</style>
Нет новых сообщений
<style type="text/css"> 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>
Поделиться62010-07-14 21:19:50
Растворение страниц при переходе
Код:
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=0.3)" /> <meta http-equiv="Page-Enter" content="BlendTrans(Duration=0.3)" />
Хтмл-даун
У меня работает токо в IE
Поделиться72010-07-14 21:20:17
Маленькие часы на форум.
Код:
<script type="text/javascript">
dCol='ff0000';//цвет даты
fCol='0000ff';//лицевой цвет.
sCol='000000';//секунды
mCol='000000';//минуты
hCol='000000';//часы
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=100;
d=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота");
m=new Array("Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабр");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+m[date.getMonth()]+" "+day+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<span style='color: "+fCol+"; text-align: center; font-weight: bold;'>";
props2="<span style='color: "+dCol+"; text-align: center; font-weight: bold;'>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'>'+props2+D[i]+'</span></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'>'+props+Face[i]+'</span></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><span style="color: '+sCol+'; text-align: center; font-weight: bold;">'+S[i]+'</span></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><span style="color: '+mCol+'; text-align: center; font-weight: bold;">'+M[i]+'</span></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><span style="color: '+hCol+'; text-align: center; font-weight: bold;">'+H[i]+'</span></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</span></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</span></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</script>Поделиться82010-07-14 21:23:01
Меняем цвета ссылок на панели навигации. Цвет, естественно берм свой. Можно сделать разноцветный, задавая разные цвета.
Код:
<style type="text/css">
.container #navuserlist a span {color: #FFFF00;}
.container #navindex a span {color: #FFFF00;}
.container #navsearch a span {color: #FFFF00;}
.container #navprofile a span {color: #FFFF00;}
.container #navpm a span {color: #FFFF00;}
.container #navadmin a span {color: #FFFF00;}
.container #navlogout a span {color: #FFFF00;}
.container #navregister a span {color: #FFFF00;}
.container #navlogin a span {color: #FFFF00;}
</style>Поделиться92010-07-14 21:24:52
Сколько Посетителей на сайте
Код:
<p><script src="http://fastonlineusers.com/online.php?d=http://АДРЕС ТВОЕГО САЙТА" type="text/javascript"></script> посетителей на моём сайте!</p>
Кнопки вперед и назад
Код:
<script type="text/javascript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
history.go(a); // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<form method="post">
<input type="button" value="Назад " onclick="goHist(-1)">
<input type="button" value="Вперед" onclick="goHist(1)">
</form>Меню для сайта (с переходом)
Код:
<form name="cngtng"> <div align="center"> <select name="url" size="1" onChange="window.open(this.options[this.selectedIndex].value,'_top')"> <!--NOTE-ENTER TITLE OF YOUR BOX BELOW--> <option selected>Меню сайта</option> <!--NOTE- ENTER YOUR LINKS BELOW- Leave one to Link US!--> <option value="http://ссылка URL">Главная</option> <option value="http://ссылка URL">Гостевая</option> <option value="http://ссылка URL">Обмен баннерами</option> <option value="http://ссылка URL">Галлерея</option> </select> </div> </ form>
Поделиться102010-07-14 21:30:10
Все аватары по-умолчанию будут иметь отражение.
Теперь все аватары автоматом будут иметь такой эффект по-умолчанию.
Javascript: Versetti
Идея: Lexx
Разработка скрипта: Duka
Инструкция:
В HTML-верх кидаете:
<script type="text/javascript">
document.getElementsByClassName = function(className) {
var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}
var Reflection = {
defaultHeight : 0.5,
defaultOpacity: 0.5,
add: function(image, options) {
Reflection.remove(image);
doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
for (var i in doptions) {
if (!options[i]) {
options[i] = doptions[i];
}
}
} else {
options = doptions;
}
try {
var d = document.createElement('div');
var p = image;
var classes = p.className.split(' ');
var newClasses = '';
for (j=0;j<classes.length;j++) {
if (classes[j] != "reflect") {
if (newClasses) {
newClasses += ' '
}
newClasses += classes[j];
}
}
var reflectionHeight = Math.floor(p.height*options['height']);
var divHeight = Math.floor(p.height*(1+options['height']));
var reflectionWidth = p.width;
if (document.all && !window.opera) {
/* Fix hyperlinks */
if(p.parentElement.tagName == 'A') {
var d = document.createElement('a');
d.href = p.parentElement.href;
}
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(reflection);
} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var context = canvas.getContext("2d");
canvas.style.height = reflectionHeight+'px';
canvas.style.width = reflectionWidth+'px';
canvas.height = reflectionHeight;
canvas.width = reflectionWidth;
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(canvas);
context.save();
context.translate(0,image.height-1);
context.scale(1,-1);
context.drawImage(image, 0, 0, reflectionWidth, image.height);
context.restore();
context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
}
}
} catch (e) {
}
},
remove : function(image) {
if (image.className == "reflected") {
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
}
}
function addReflections() {
var rimages = document.getElementsByClassName('reflect');
for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;
var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
}
}
Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
}
}
var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>В HTML-низ:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pa-avatar item2"){
name=arr[i].innerHTML
name=name.substring(4)
arr[i].innerHTML="<img class=reflect "+name+" "
}
i++
}
</script>В Результате у всех пользователей под аватаром будет отражение.
Поделиться112010-07-14 21:44:11
Duh_Bo_Duh написал(а):
А вот вопрос:можно ли сделать так чтобы у юзера у которого нету аватара или попросту не хочет ставить была картинка нет аватара.Только чтобы автоматом ставил!!!
Ar4eR написал(а):
Duh_Bo_DuhАватар по умалчанию! Я ставил но чот неработало! ТОж хачу
Новый скрипт, работающий (с) karpoff
<script type="text/javascript">
defaultPict = "https://upforme.ru/uploads/0000/12/13/61-1.png"
var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>Поделиться122010-07-14 21:48:08
Информационное табло на форум. Бета-версия (c) Duka
Сразу показываю демо = http://tests.rusff.org.ru/
Код:
<script type="text/javascript">
var news="Новость"
var news1="Нет новости1"
var link1=""
var news2="Нет новости2"
var link2=""
var news3="Нет новости3"
var link3=""
var news4="Нет новости4"
var link4=""
var tablo="<div id=\"pun-category1\" class=\"category\"><h2><div class=\"catleft\"><!-- --></div><span>Информационное табло</span><div class=\"catright\"><!-- --></div></h2><div class=\"container\"><table cellspacing=\"0\"><thead><tr><th scope=\"col\">Новости</th><th scope=\"col\">Статистика сообщений</th><th scope=\"col\">Статистика пользователей</th><th scope=\"col\">4 Новости дня</th></tr></thead><tbody class=\"hasicon\"><td>"+news+"</td><td class=\"tc2\">Не хотите ли просмотреть<br/><a href='/search.php?action=show_24h'>Активные темы</a><br/>или <br/><a href='/search.php?action=show_new'>Новые сообщения</a><br/>с момента вашего последнего визита?<br/></td><td class=\"tc3\"><a title=\"Самые активные пользователи форума\" href=\"statistic.php?action=active_users\">Самые активные</a><br><Br><a title=\"Самые активные пользователи сегодня\" href=\"statistic.php?action=active_users_today\">Активные сегодня</a><br><br><a title=\"Администрация форума\" href=\"statistic.php?action=administration\">Администрация</a><br><br><a title=\"Посмотреть полную статистику\" href=\"statistic.php\">Полная статистика</a></td><td class=\"tcr\"><a href="+link1+">"+news1+"</a><br><a href="+link2+">"+news2+"</a><br><a href="+link3+">"+news3+"</a><br><a href="+link4+">"+news4+"</a></td></tr></tbody></table></div></div>"
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="main"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+tablo+"<br>"+name+""
}
i++
}
</script>Этот скрипт сделает на вашем форуме Новое усовершенствованое табло, которое будет дополнением к таблице.
Скрипт будет отображаться только на главной странице
Внимательно работайте с ней, никакой защиты от дураков я в нее не поставил, Любая ковычка может сломать скрипт и он работать Не будет!
Желательно ставить в самый верх html-низ.
Как настроить скрипт?
var news="Нет новостей"
Вместо Нет новостей Пишим любой текст, можно и хтмл, но НИКАКИХ КОВЫЧЕК! Заменяйте свои ковычки на ' (апостроф) или же ставьте перед каждой ковычки \ , дабы экранировать их.
Эта часть скрипта будет самой левой частью колонки.
var news1="Нет новости1"
var link1=""
var news2="Нет новости2"
var link2=""
var news3="Нет новости3"
var link3=""
var news4="Нет новости4"
var link4=""
За что отвечают эти строчки?
Эти строки выводят ссылки в самой правой части колонки. Вместо Нет новости1, а также 2,3,4 вводите Заголовки ссылки, а в var link1="" в сами ковычки добавляете ссылку на тему(или страницу)
т.е. долюно получится примерно так:
var news1="Скрипты от пользователей"
var link1="http://forum.mybb.ru/viewtopic.php?id=6902"
Так же и с остальными ссылками.
Т.е. в скрипте я заранее прописал шаблон примерно такого вида <a href=ссылка>Заголовок</a>, чтобы вы ничего не начудили так, а сразу подставили в поля свои данные.
Это единственное, что можно поменять на свое, не опасаясь за скрипт. Если вы владеете уверенными знаниями в HTML,а также знанием html-структуры форума, то можете смело осторожно глянуть на строчку var tablo= и поменять пару фраз. Что находится во втором столбце? Там находятся 2 ссылки на Новые сообщения, и Активные темы. Что в третем столбце? Там находятся ссылки на функции, которые администратор отключил. Некоторое время они окажутся ненужными, но когда Admin включит полную статистику, то тогда и эти ссылки окажутся нам полезными.
Табло адаптируется под каждый форум автоматически, т.е. срабатывает под каждый стиль. Ненадо беспокоиться о внешних качествах, ведь табло примет все стили форума на себя и станет ее частью)
Есть небольшие деффекты, которые мне исправить не под силу: я просто унаследовал всю таблицу у категории с форумом, поэтому если стиль хочет, чтобы в 3 столбце надписи были курсивом, то и в таблице третий слобик будет курсивом.
Пользуемся, но помним: Никаких ковычек(либо экранируйте их)
Добавлено:
Обновил скрипт, не работал, сейчас все отлично!
Поделиться132010-07-14 21:50:07
Блок "Наши друзья".
<div id="pun-main" class="main"> <div id="pun-category1" class="category"> <h2><span>Наши друзья</span></h2> <div class="container"><br> Ваши баннеры тут <br><br></div> </div> </div>
Там, где Ваши баннеры тут ставите свои баннеры, если хотите еще и бегущую строку ставьте. Ковычки разрешены. Ставить в хтмл-низ(ну ели хотите, то куда угодно). В новые возможности это не попадет, так как скриптом не является.
Она попадет в.... сам даже не знаю
Поделиться142010-07-14 21:52:26
Недокументированые возможности: Дополнительные кнопки в BB-панель. Duka
Скрипт добавит в вашу панель кнопки 2х категорий:
1) Работа с таблицей - т.е. кнопку Таблицы, ячейки, строки
2) BB-коды - Добавлено [add*][/add*]
предварительно форматированый текст [pre*][/pre*]
желтый фон [h*][/h*]
горизонтальная линия [hr*]
Вставлять в верх или форму ответа.
Код:
<script type="text/javascript">
var name2="'[/add]')\" /></fieldset></td><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend>Таблица</legend><input type=\"button\" value=\" Таблица \" title=\"Создать скелет таблицы\" name=\"TABLE\" onclick=\"bbcode('[table]','[/table]')\" /><input type=\"button\" value=\" Строка \" name=\"TR\" title=\"Добавить строку в вашу таблицу\" onclick=\"bbcode('[tr]','[/tr]')\" /><input type=\"button\" value=\"Ячейка\" name=\"TD\" onclick=\"bbcode('[td]','[/td]')\" title=\"Добавит ячейку в строку\" /></fieldset></td></table></div>"
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].className=="fs-box hashelp"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=\"inform\" id=\"q1Span\" ><table style=\"border: 0;\"><tr><td style=\"border: 0;\"><fieldset style=\"padding: 3px;\"><legend>Текст</legend><input type=\"button\" value=\"Желтый фон\" name=\"H\" title=\"Добавит желтый фон к вашему тексту\" onclick=\"bbcode('[h]','[/h]')\" /><input type=\"button\" value=\" PRE \" name=\"PRE\" title=\"Предварительно отформатированый текст\" onclick=\"bbcode('[pre]','[/pre]')\" /><input type=\"button\" value=\"Линия\" name=\"H\" title=\"Добавит горизонтальную линию к вашему тексту\" onclick=\"bbcode('[hr]',' ')\" /><input type=\"button\" value=\"Добавлено\" name=\"add\" title=\"Если вы хотите добавить комментарий к вашему же сообщению, отредактируйте свое сообщение и внесите свой текст. После этого выделите и нажмите на эту кнопку.\" onclick=\"bbcode('[add]',"+name2+""+name+""
}
i++
}
</script>Соединить между собой
Код:
...k=\"bbcode('[add]',' и [/add]')\убрав перенос строки между ними!
Что такое PRE?
#-----------------------------------------------------------
# For MyBB
#-----------------------------------------------------------
# http://rmcreative.ru/article/programming/typograph/
#-----------------------------------------------------------
# «Типограф» — средство подготовки текстов к web-изданию.
# Форматирует текст для приведения его к более правильному
# с точки зрения типографики виду.
#-----------------------------------------------------------
# Для того чтобы введённый текст проверился Типографом,
# его необходимо будет заключить в теги [pre*] [/pre*] без звездочек
#-----------------------------------------------------------
# Изначально этот тег был вмонтирован в движок
#-----------------------------------------------------------
Поделиться152010-07-14 21:55:09
Вход на форум всплывающим окном. Duka
Прошу заметить, это не то окно, всплывающее гостям. Данный скрипт сделает так, чтобы при кнопке Вход всплывало окошко с формами для Ника и Пароля.
В хтмл-верх вставляем:
<style>
.dialog {width: 290px; border: 7px solid #4C77B6; background: #fff; padding: 12px 15px; z-index: 1000; position: fixed; top: 0px; margin: 200px 0 0 -145px; left: 50%;}
.dialog h6 {margin: 0px; padding: 0px; font-size: 26px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif; padding: 0 0 12px;}
.dialog span {float: left; color: #7f7f7f; margin: 0 0 3px;}
.dialog a {float: right; font-size: 11px; margin: 0 0 3px; color: #4C77B6;}
.dialog input {font-size:16px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif;}
.dialog_form {display: block; width: 99%; margin: 0 0 12px; clear: both;}
.dialog_remember {clear: both; padding: 0 0 8px;}
.dialog_remember div {display: block; clear: both; color: #7f7f7f; width: 99%; text-align: left; margin: -2px 2px 0 0;}
.dialog_remember input {margin-left: 0px;}
.auth_bg {height: 100%; width: 100%; position: fixed; z-index: 999; top:0px; left:0px;}
</style>
<!--[if lte IE 7]>
<style>
*html .dialog {position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
*html .auth_bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="auth_bg.png", sizingMethod="scale"); position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
</style>
<![endif]-->
<div id="auth" style="display:none;">
<div class="auth_bg" id="bg" onclick="login_hide();"></div>
</div>
<div id="authdialog" class="dialog" style="position:absolute;left:-2000px;">
<h6>Вход</h6>
<form id='login' method='post' action='/login.php?action=in' onsubmit='return my_form(this)'>
<input type='hidden' name='form_sent' value='1' />
<input type='hidden' name='redirect_url' value='index.php' />
<b>Логин:</b><br>
<input type='text' id='fld1' name='req_username' size='25' maxlength='25' onfocus=this.value='' value='NickName'><br><br>
<b>Пароль:</b> <a href=/login.php?action=forget>Забыли пароль?</a><br>
<input type='password' id='fld2' name='req_password' size='16' maxlength='16' / onfocus=this.value='' value='Password'><br><br>
<input type='submit' class='button' name='login' value='Вход на форум!'/>
</form>
</div>В хтмл-низ вставляем:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id=="navlogin"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href=\"#\" onclick=\"login_show()\">Вход</a>"
}
i++
}
</script>
<script>
function $(id)
{
return document.getElementById(id);
}
function login_show() {
$('auth').style.display = "block";
$('authdialog').style.left = '50%';
$('loginfocusneeded').focus();
}
function login_hide() {
$('authdialog').style.position = 'absolute';
$('authdialog').style.left = '-2000px';
$('auth').style.display = "none";
}
document.onkeypress = function(ev){
ev = ev || event;
if(ev.keyCode==27)
login_hide();
}
function ieheight() {
var bg = $('body').offsetHeight;
$('bg').style.height = bg + 'px';
}
window.onload = ieheight;
</script>Результат увидите сами.
Предупреждаю! Я не говорю, что скрипт полностью отлажен. ошибок не замечал, хотя есть пара нюансов. Все недоработки сообщайте, пожалуйста, в эту тему.
Поделиться162010-07-14 21:57:05
Меню навигации на форум.
В этой форме категории отделены от форумов жирным шрифтом!
<FORM>
<SELECT size=1 name='navigation'>
<optgroup label='Название категории'>
<option value='ссылка'>название форума</option>
</optgroup>
<optgroup label='название категории'>
<option value='ссылка'>название форума</option>
</optgroup>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="СТАРТ" name=button>
</FORM>
Старт меняем на любое слово, примером пуск и т.д. ставить куда угодно кроме формы ответа!
Поделиться172010-07-14 21:57:54
Еще одна версия Меню навигации для форума
Упрощенаая тем что не нужно вставлять всю ссылку на Форум, достаточно лишь его цыфры, и кнопку СТАРТ можно не использовать, достаточно кликнуть на название форума!
<form onsubmit="if(document.jumpmenu.f.value == -1){return false;}" action='Ссылка на ваш форум/viewforum.php?id' method='get' name='jumpmenu'>
<input type='hidden' value='id' />
<input type='hidden' value='' />
<select name='id' onchange="if(this.options[this.selectedIndex].value != -1){ document.jumpmenu.submit() }" class='dropdown'>
<optgroup label="Категория">
<option value="Номер форума">Название форума</option>
</optgroup>
<optgroup label="Категория">
<option value="Номер форума">Название форума</option>
</optgroup>
</select> <input type='submit' value='СТАРТ' class='button' /></form>
Поделиться182010-07-14 22:01:22
Вертикальное меню. Timon
Выглядит примерно так:
<script language=JavaScript1.2>
offMessage ="<center>Информация форума</center>"
function menuOn(which,message){
if (document.all||document.getElementById){
which.className='BorderOn'//osw
if (document.getElementById) {document.getElementById("Message").innerHTML = message}
else {Message.innerHTML = message}
}
}
function menuOff(which){
if (document.all||document.getElementById){
which.className='BorderOff'
if (document.getElementById) {document.getElementById("Message").innerHTML = offMessage}
else {Message.innerHTML = offMessage}
//fantasyflash.ru
}
}
//-->
</script>
<table align=center class=BorderOff onmouseover="menuOn(this,'<center>Информация пункта 1</center>')"
onmouseout=menuOff(this) cellSpacing=0 cellPadding=3>
<TR>
<TD><A href="адрес пункта 1"><FONT face=Tahoma
size=2><B>Пункт 1</B></FONT></A></TD></TR></table>
<table align=center onmouseover="menuOn(this,'<center>Информация пункта 2</center>')"
onmouseout=menuOff(this) cellSpacing=0 cellPadding=3>
<TR>
<TD><A class=mBlue href="адрес пункта 2"><FONT
face=Tahoma size=2><B>Пункт 2</B></FONT></A></TD></TR></table>
<table align=center class=BorderOff onmouseover="menuOn(this,'<center>Информация пункта 3</center>')"
onmouseout=menuOff(this) cellSpacing=0 cellPadding=3>
<TR>
<TD><A class=mGreen href="адрес пункта 3"><FONT
face=Tahoma size=2><B>Пункт 3</B></FONT></A></TD></TR></table>
<br>
<table align=center cellSpacing=0 cellPadding=1 bgColor=#4F4F4F>
<TR><TD vAlign=top align=left width=241 height=35><FONT id=Message face=Tahoma color=000000 size=1><center>Название форума</center></FONT>Вместо красного, вставляем свои слова...
Вместо зеленого, можешь вставить свои значения...
Поделиться192010-07-14 22:06:59
Подсвечиваем разделы при наведении мышью. Duka
<script type="text/javascript">
var td = document.getElementsByClassName("tcl")
for(i=0;i<td.length;i++){
td[i].setAttribute("onmouseover", "this.style.backgroundColor='red'")
td[i].setAttribute("onmouseout", "this.style.backgroundColor=''")
}
</script>red - нужный цвет
Второй способ. Стилем. От Пети (Матрикса)
<style type="text/css">
td.tcl:hover {background: #ccc !important;}
</style>Поделиться202010-07-14 22:07:52
Подсвечиваем разделы при наведении мышью. Продолжение!
Подсветка всех участков таблицы форума (Форум, тем, сообщений, последнее сообщение)
<style type="text/css">
td.tcl:hover, td.tcr:hover, td.tc2:hover, td.tc3:hover{background: #ff0000 !important;}
</style>При такой комбинации разноцветная подсветка таблицы форума!
<style type="text/css">
td.tcl:hover{background: #цвет форум !important;}
td.tc2:hover{background: #цвет тем !important;}
td.tc3:hover{background: #цвет сообщений !important;}
td.tcr:hover{background: #цвет последнее сообщение !important;}
</style>Эффект с логотипом, при наведении будет другой рисунок - все зависит от вашей фантазии!
<style type="text/css">
#pun-title h1{
background: url(Рисунок логотипа) transparent no-repeat !important;
#pun-title h1:hover {
background: url(Рисунок логотипа при наведении) transparent no-repeat !important;
</style>Посветка текста иформации о пользователе под аватаром
<style type="text/css">
.pa-from:hover, .pa-reg:hover, .pa-posts:hover, .pa-respect:hover, .pa-positive:hover, .pa-sex:hover, .pa-age:hover, .pa-icq:hover, .pa-fld1:hover, .pa-fld2:hover, .pa-fld3:hover, .pa-ip:hover {background: #ff0000 !important;}
</style>И так можно продолжать очень долго! Фантазируйте!
Поделиться212010-07-14 22:10:00
Удобный скрипт для баннеров смотреть http://upwards.userforum.ru/ в самом низу форума
Самое главное вставлять только в html - низ, ниже всех скриптов!
Не вставляйте в html - вверх
Код:
<p align="center"> <table width=120 height=31 style="border:1px ridge #ffffff"> <tr><td bgcolor=#FFFFFF> <SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=,endColorStr=#0000ff); FONT: bold 2px verdana; WIDTH: 90px; COLOR: #ffffff; HEIGHT: 100px""> <DIV id=imgObjText><BR> <marquee width=88 height=31 scrollamount=1 direction=down><center> <a href="http://upwards.userforum.ru/" target=_blank> <img src="" border="0"alt="" width=1height=1></a> Сюда вставлять коды баннеров! <div style="width:100%;filter:glow(color=#ffffff,strength=14);font:4px verdana;color:#F5F5F5">
Баннеров можно сколько угодно навтыкать.
И еще, если хотите, чтобы между баннерами был пропуск, как показанно на форуме, то перед каждым новым баннеров ставьте <br>
Пример:
<br><a href="" target="_blank"><img src=""
width=88 height=31 alt="" border=0></a>
<br><a href="" target="_blank"><img src=""
width=88 height=31 alt="" border=0></a> и так далее!
Поделиться232010-07-15 03:28:23
Замена ссылок Профиль - ЛС - Email картинками
<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>Поделиться242010-07-15 03:28:50
Скрипт замены надписей активны/неактивны под аватаром на картинки
<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='адрес онлайн картинки' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='адрес оффлайн картинки' />"}
}
</script>Поделиться252010-07-15 03:31:05
Скрипт универсального цветовыделения групп
Код:
<script type="text/javascript">
var arr=document.links
[color=red]var arr1=new Array ("Admin", "Татьяна")[/color]
[color=blue]var arr2=new Array ("Ruslan", "WebMaster")[/color]
for (x in arr)
{for (y in arr1)
{for (j in arr2)
{if (arr[x].innerHTML==arr1[y])
{var b=arr[x].innerHTML
arr[x].innerHTML="<span style=\"color: red\">"+b+"</span>"}
else if (arr[x].innerHTML==arr2[j])
{var c=arr[x].innerHTML
arr[x].innerHTML="<span style=\"color:#0000FF\">"+c+"</span>"}}}}
</script>В красную строчку в скобочки, через запятую, в кавычках, пишем имена админов
В синию - модеров.
Меняет цвета админов на красный, модеров на синий - на всем форуме.
Продолжение скрипта для цветовыделения ников по группам
Данный скрипт ставиться не вместо, а помимо предыдущей части. Предыдущая меняла только те ники, которые ввиде ссылок. Эта часть изменит тестовые ники на всём форуме.
Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("td")
var arr1=new Array ("Admin", "Татьяна")
var arr2=new Array ("Ruslan", "WebMaster")
var x=0
var j=0
for (x in arr)
{while (x<=(arr.length -1))
{for (j in arr1)
{while (j<=(arr1.length-1))
{if (arr[x].innerHTML.indexOf(arr1[j])!= -1)
{arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr1[j]))+"<span style=\"color: red\">"+arr1[j]+"</span>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr1[j])+arr1[j].length)}
j=j+1}}
x=x+1}}
for (x in arr)
{while (x<=(arr.length -1))
{for (i in arr2)
{while (i<=(arr2.length -1))
{if (arr[x].innerHTML.indexOf(arr2[i])!= -1)
{arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr2[i]))+"<span style=\"color: red\">"+arr2[i]+"</span>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr2[i])+arr2[i].length)}
i=i+1}}
x=x+1}}
</script>Вставлять в html-низ!!!
Поделиться262010-07-15 03:32:27
Изменение ссылок на кнопки
на примере Новый Опрос и Новая тема
Код:
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Начать новую тему")
{arr[j].innerHTML="<img id='fifik1'"+" src='адрес картинки' />"}
else if (arr[j].innerHTML=="Начать опрос")
{arr[j].innerHTML="<img id='fifik2'"+" src='адрес картинки' />"}}}
changeLink()
</script>Поделиться272010-07-15 03:33:45
Замена всех ссылок под сообщением на кнопки (ЛС, профиль, мыло, цитировать, редактировать, удалить)
<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>Поделиться282010-07-15 03:36:12
Вот скрипт, на мой взгляд, компактнее..., выводящий случайное изображение при обновлении страницы:
<script type="text/javascript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="http://lion.mybb.ru/uploads/lion/2_post-9545-1133718277.gif"
image[1]="http://lion.mybb.ru/uploads/lion/2_53.gif"
image[2]="http://lion.mybb.ru/uploads/lion/2_2.jpg"
document.write ("<img src="+image[a]+" />");
//-->
</script>Адреса рисунков, меняете на свои...
Поделиться292010-07-15 18:24:29
Новые иконки в форме ответа:
<style>
#form-buttons table, .punbb .formal textarea {width:99%}
#form-buttons td {padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
#form-buttons td img {height:26px; width:100%}
#button-font {background-image:url('картинка шрифт')}
#button-size {background-image:url('картинка размер')}
#button-bold {background-image:url('картинка жирность')}
#button-italic {background-image:url('картинка курсив')}
#button-underline {background-image:url('картинка подчеркивание')}
#button-strike {background-image:url('картинка зачеркивание')}
#button-left {background-image:url('картинка влево)}
#button-center {background-image:url('картинка центр')}
#button-right {background-image:url('картинка вправо')}
#button-link {background-image:url('картинка ссылок')}
#button-email {background-image:url('картинка мыла')}
#button-image {background-image:url('картинка картинок')}
#button-youtube {background-image:url('картинка картинок')}
#button-hide {background-image:url('картинка скрытого текста')}
#button-quote {background-image:url('картинка цитаты')}
#button-code {background-image:url('картинка кода')}
#button-color {background-image:url('картинка цветов')}
#button-smile {background-image:url('картинка смайлов')}
#button-keyboard {background-image:url('картинка клавиатуры')}
#button-imageup {background-image:url('картинка загрузки изображений')}
</style>Поделиться302010-07-15 18:29:04
Индикатор групп
<script type="text/javascript">
var text="<center><font color=Red> Администратор </font> | <font color=Blue> Координатор </font> | <font color=Green> Модератор </font></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>Хтмл низ вставляем, то что выделено заменям на свои данные, если надо. Примерно выглядит так НАЖАТЬ внизу форума.


