Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 30
Поделиться22nd Jun 2011 09:34 am
Убрать слово "Обьявление"
<style>
#pun #pun-index #pun-announcement h2 span {display: none}
</style>Поделиться32nd Jun 2011 09:34 am
Изменить/поставить значки возле ссылок "форум" , "Участники" , "Правила" и тд
<style>
#pun #pun-index #pun-navlinks .container #navindex,
#pun #pun-index #pun-navlinks .container #navuserlist,
#pun #pun-index #pun-navlinks .container #navsearch,
#pun #pun-index #pun-navlinks .container #navprofile,
#pun #pun-index #pun-navlinks .container #navpm,
#pun #pun-index #pun-navlinks .container #navadmin,
#pun #pun-index #pun-navlinks .container #navlogout,
#pun #pun-index #pun-navlinks .container #navregister,
#pun #pun-index #pun-navlinks .container #navlogin,
#pun .punbb #pun-navlinks .container #navindex,
#pun .punbb #pun-navlinks .container #navuserlist,
#pun .punbb #pun-navlinks .container #navsearch,
#pun .punbb #pun-navlinks .container #navprofile,
#pun .punbb #pun-navlinks .container #navpm,
#pun .punbb #pun-navlinks .container #navadmin,
#pun .punbb #pun-navlinks .container #navlogout,
#pun .punbb #pun-navlinks .container #navregister,
#pun .punbb #pun-navlinks .container #navlogin
{background-image: url(Рисунок)}
</style>Поделиться42nd Jun 2011 09:35 am
Сменить значок в строке адреса браузера
<link rel="shortcut icon" href="ССыль" type="image/x-icon">
Поделиться52nd Jun 2011 09:40 am
Скрипт замены надписей активны/неактивны под аватаром на картинки
<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].getElementsByClassName('pa-online')[0].innerHTML = "<img src='Картинка ON' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='Картинка OFF' />"}}
</script>Поделиться62nd Jun 2011 09:42 am
Недокументированые возможности: Дополнительные кнопки в BB-панель. Duka
<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>Поделиться72nd Jun 2011 09:46 am
Cкрипт уведомления о новом личном письме на форуме
<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>Поделиться82nd Jun 2011 09:48 am
Запятая в форму ответа после клика на Ник автора поста.
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>Поделиться92nd Jun 2011 10:05 am
Таблица слева - fixed
Объявление или в HTML верх
<div id="sidebar">
<!--[if IE]><div style="margin-left: 0px"><![endif]-->
<div class="btitle">
<a href="/" alt="ссылка на ваш форум">название вашего форума</a>
</div>
<div class="about">
<div class="nav">
<a href="ссылка">название</a>
<a href="ссылка">название</a>
</div>
<div class="sidimage"> </div>
<div class="description">
текст или картинка в таблице
</div>
</div>
<!--[if IE]></div><![endif]-->
</div>style_cs.css
}
#sidebar {width: 173px; padding: 5px; background-color:#f0f0f0;top:300px; left: 0px;
position: absolute; float: left; text-align: justify}
#sidebar {position: fixed}
#entries {width: 50px; margin-left:50px; text-align: justify; background-color:#f0f0f0}
a:link, a:visited, a:active{color:#8A8A8A; text-decoration: none}
img a{border:0px;}
.image{border: 0px; text-align:center}
.image a{border: 0px}
p{margin-top:2px}
blockquote{margin:0 0 0 15px; border-left: 3px solid #8A8A8A;
padding:0 0 0 5px; }
.big{font-size: 80px; color:#8A8A8A; line-height: 80px}
.about{background-color:#78c2ce; text-align:justify; line-height: 100% }
.btitle {font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; margin: 0px; background-color:#f0f0f0; font-size: 35px; line-height:35px; text-align: left; z-index:1}
.btitle a{font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; color: #9B9B9B; text-decoration: none;}
.btitle img{background-color:#78c2ce; padding-left: 80px;
padding-right: 80px; padding-top: 15px ; padding-bottom: 15px;
margin-bottom: 3px; opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;}
.nav {margin: 0 0 2px 0; text-align:left; line-height: 20px;
text-transform: lowercase ;}
.nav a {text-decoration: none; background-color:#75555e;
padding: 2px 9px 2px 8px; color:#7552ce; text-transform: lowercase}
.nlinks {display: block; text-align:center; line-height: 17px;Поделиться102nd Jun 2011 10:07 am
Навигационное меню.
HTML верх
<div style="position: absolute; width:120px; height:420px; top:-410px; margin-left: 100px;">
<style type="text/css">
#minavi a {
display: block;
color: #цвет;
text-decoration: none;
font-family: Verdana;
letter-spacing: 1px;
text-transform: lowercase;
font-size: 9px;
line-height: 20px;
line-width: 90px;
height: 17px;
text-align: center;
background: #цвет;
border: 1px solid #цвет;
}
#minavi a:hover {
color: #цвет;
text-decoration: none;
font-weight: none;
font-family: Verdana;
letter-spacing: 1px;
text-transform: lowercase;
font-size: 9px;
line-height: 20px;
line-width: 90px;
height:17px;
text-align: center;
background: #цвет;
border: 1px solid #цвет;
}
</style>
</div>Поделиться112nd Jun 2011 10:12 am
текст на шапке
<div id="blah">Тра-ля-ля</div>
[i]это в хтмл-верх.
в нижнее окошко стиля:- т.е. в самый низ Цвета style_cs.css если я правильно поняла [/i][i][/i]
#blah {position: absolute;top: 10px;left: 10px;width: 150px;height: 150px;}все значения можно менять, подстраивая под шапку.top - верх, left - лево, width - ширина, height - длина.
Поделиться122nd Jun 2011 10:13 am
<font size="18"><b>Администраторы</b></font>
Поделиться132nd Jun 2011 10:16 am
таблица. этикет
<div id="sidebar">
Наполнение таблицы
</div>
<style>
#sidebar {
width: 205px; height: 110%;
top: 0px; right: 0px; padding: 5px;
background-color:#d2eb8f;
text-align: center;
position: fixed}
</style>Поделиться142nd Jun 2011 10:19 am
смещение дизайна
все в хтмл-верх
По правому краю:
30px - отступ от правого края
<style type="text/css">
#pun {float: right; margin-right: 30px;}
</style>По левому:
30px - отступ от левого края
<style type="text/css">
#pun {float: left; margin-left: 30px;}
</style>Поделиться152nd Jun 2011 10:21 am
Добавляет кнопку в коде: выделить код.
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>Поделиться162nd Jun 2011 10:23 am
убрать "отредактированно"
<style>
p.lastedit {display:none}
</style>Поделиться1723rd Jun 2011 05:31 am
передвинуть рекламу
<style>
#pun-title TD.title-logo-tdr {
position: absolute;
left: 25%;
top: 570px;
}
</style>Поделиться1823rd Jun 2011 05:32 am
обычный сайдбар
<style>
#pun {
margin: auto 20px auto 185px;
width : 870px;}
.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000; top: 0px; right: 310px; left: 5px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: transparent url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>
<div class="sidbar">...</div>Поделиться1923rd Jun 2011 05:46 am
закругленные края цитаты.
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;во втором окошке стиля, к блоку /* CS1.7 */ допишите
Поделиться2023rd Jun 2011 05:59 am
смена стилей слева.
<div style="position: absolute; top: 3px; left: 3px; position:fixed!important;
top:0!important;">
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('ссылка на стиль css')"><img src="картинка"/></a>
<br>
<a onclick="setDynCSS('https://forumstatic.ru/styles/0005/36/64/style.1306858970.css')"><img src="http://www.10pix.ru/img1/1532/4510469.png"/></a>
<br>
</div>ставить в хтмл-верх
Поделиться2123rd Jun 2011 06:15 am
форум слева, фиксированная шапка и фон справа.
</style>
<style type="text/css">
#pun {width : 800 px;
margin: left;}вставляете. потом делаете фон (полностью, вместе с шапкой, основной частью и картинкой справа), подогнав под размер экрана и ширину форума, берете этот скрипт
</style>
<style type="text/css">
HTML , BODY {
background-image : url(картинка);background-attachment: fixed;
}
</style>и выделенное заменяете на ваш фон
еще нужно вырезать из того, что у вас получилось саму шапку (дело кропотливое, нужно будет помучаться), вырезать примерно то, что выделено на скрине
Поделиться2223rd Jun 2011 06:17 am
ник по середине
<style type="text/css">#pun .tc2 {
text-align: center;
}
</style>
<style type="text/css"> #pun-main h2 {
text-align: center;
}
</style>
<style type="text/css">
#pun-ulinks .container {
text-align: center;
}
</style>
<style type="text/css">
#pun-navlinks .container {
text-align: center;
}
</style>
<style type="text/css">
#pun-main .post-author ul {text-align: center;}
</style>Поделиться2323rd Jun 2011 06:18 am
счетчик символов
<input id="num" type="text" class="codeButtons" readonly="true" style="width:40px;text-align:center" title="Счётчик символов">
<script type="text/javascript">
document.getElementById("main-reply").addEventListener('focus', nc, false);
document.getElementById("main-reply").addEventListener('keydown', nc, false);
document.getElementById("main-reply").addEventListener('keyup', nc, false);
document.getElementById("main-reply").addEventListener('keypress', nc, false);
document.getElementById("main-reply").addEventListener('change', nc, false);
function nc(){document.getElementById('num').value = document.getElementById('main-reply').value.length}
</script>Поделиться2423rd Jun 2011 06:22 am
поля профиля по центру
<style>pa-adnote , .pa-from , .pa-reg , .pa-posts, .pa-respect , .pa-positive, .pa-sex, .pa-icq , .pa-ip , .pa-online , .pa-age , .pa-mailagent, .pa-avatar, .pa-title, .pa-author , .pa-time-visit , .pa-fld1 , .pa-fld2 , .pa-fld2 , .pa-fld4 , .pa-fld5 , .pa-last-visit{ text-align: center;}</style>Поделиться2523rd Jun 2011 06:27 am
профилактика на форум
<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password' id='fld2' name='req_password' size='25' maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>Поделиться2623rd Jun 2011 06:33 am
таблица отдельно от форума
<table border=0 width="178px" height="230px" style="text-align: justify; position: absolute; margin-left: -200px; top: 70px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="178px" height=230px"> Ваша информация </td></tr></table>
Поделиться2723rd Jun 2011 06:36 am
таблица сбоку отдельным блоком
<table border=0 width="200px" height="300px" style="text-align: center; position: absolute; margin-left: 801px; top: 220px; background-color: #d6d3cf;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;> <tr align=center><td width="152px""><center> Сюда вашу информацию </center> </font></div> </center> </font> </p></td></tr></table>
Поделиться2823rd Jun 2011 06:38 am
выделение кода
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>Поделиться2923rd Jun 2011 06:40 am
тень у ссылок
<style type="text/css">
.punbb A:link, .punbb A:visited {text-shadow: black 0.5px 0.5px 1px }
.punbb A:hover {text-shadow: black 0.5px 0.5px 1px}
</style>Поделиться3023rd Jun 2011 06:43 am
заготовка для навигации
[table][tr][td][align=right][b]A[/b] [b]B[/b] [b]C [/b] [b]D[/b] [b]E[/b] [b]F[/b] [b]G[/b] [b]H[/b] [b]I[/b] [b]J[/b] [b]K[/b] [b]L[/b] [b]M[/b] [b]N[/b] [b]O[/b] [b]P[/b] [b]Q[/b] [b]R[/b] [b]S[/b] [b]T[/b] [b]U[/b] [b]V[/b] [b]W[/b] [b]X[/b] [b]Y[/b] [b]Z[/b][/align][/td][td][align=left][b]А [/b] [b]Б [/b] [b]В [/b] [b]Г [/b] [b]Д[/b] [b]Е [/b] [b]Ё [/b] [b]Ж[/b] [b]З [/b] [b]И [/b] [b]Й [/b] [b]К[/b] [b]Л [/b] [b]M [/b] [b]Н [/b] [b]О [/b] [b]П [/b] [b]Р [/b] [b]С[/b] [b]Т [/b] [b]У [/b] [b]Ф [/b] [b]Х [/b] [b]Ц [/b] [b]Ч [/b] [b]Ш [/b] [b]Щ [/b] [b]Э [/b] [b]Ю [/b] [b]Я[/b][/align][/td][/tr][/table] [quote][align=center][b]Для добавления в навигацию:[/b] [url=адрес темы]ник[/url] [/align][/quote]
