scripts, css styles, images, etc
Test message
Posts 1 to 30 of 94
Share228.09.2021 00:12:51
<style>
#pun {
margin: 160px auto 30px auto;
}
#pun-title {
top:0px;
height: 200px;
background: #5381b5 url(https://www.academyce.ru/images/eng/pict02.jpg);
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
</style>
Share528.09.2021 20:20:25
altFSO header (HTML верх):
<style>
#pun {
margin: 160px auto 30px auto;
}
#pun-title {
top: 0px;
height: 210px;
background: #5381b5 url(https://forumupload.ru/uploads/001b/5e/66/2/217121.jpg);
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
#pun-navlinks li a {
background: rgba(70,159,159);
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
#pun-navlinks {
top: 210px;
}
</style>
Share628.09.2021 22:24:39
London background:
<style>
#pun {
margin: 160px auto 30px auto;
}
#pun-title {
top:0px;
height: 200px;
background: #5381b5 url(https://www.academyce.ru/images/eng/pict02.jpg);
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
</style>
Share728.09.2021 22:36:19
Без лого, только background image:
<style>
html, body {
background: #161d25 url(https://forumstatic.ru/files/001a/c7/79/16023.jpg) center -25px!important;
}
body {
padding-top:300px;
}
#pun {
/*margin-top:300px;*/
padding: 10px 0;/*3px 0px 3px;*/
background:#161d25!important;
}
.punbb{
background:#161d25!important;
border: #050E13 1px solid;
}
#pun-title {
display:none;
}
</style>
Share1001.10.2021 00:41:35
final with az_back:
<style>
#pun {
margin: 70px auto 20px auto;
}
#pun-title {
top:0px;
height: 200px;
background: #5381b5 url(https://forumupload.ru/uploads/001b/5e/66/2/715343.jpg) no-repeat;
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
#pun-navlinks li a {
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
#pun-navlinks {
top: 160px;
}
</style>
Share1102.10.2021 01:33:31
final with az_back:
<style>
#pun {
margin: 70px auto 20px auto;
some junk text
Share1202.10.2021 01:49:22
current HTML TOP
<style>
#pun {
margin: 70px auto 20px auto;
}
#pun-title {
top:0px;
height: 200px;
background: #5381b5 url(https://forumupload.ru/uploads/001b/5e/66/2/486379.gif) no-repeat;
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
#pun-navlinks li a {
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
#pun-navlinks {
top: 160px;
}
</style>
<!-- round edges for quotes/spoilers -->
<style>
.punbb .quote-box, .punbb .code-box {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
box-shadow: 0px 5px 18px #000;
}
</style>
Share1302.10.2021 01:55:07
for emergency login:
{forum url}/admin_options.php
or
{forum url}/restore.php?
or
{forum url}/admin_forms.php
Share1403.10.2021 22:15:44
Nav links now:
#pun-navlinks li a {
text-shadow: 1px 1px 1px #000;
font-weight: bold;
}
#pun-navlinks {
top: 160px;
}
Nav links FSO:
#pun-navlinks {
height: 40px;
background: rgba(0,0,0,0.4);
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
}
#pun-navlinks .container {
background-color: transparent;
color: #fff;
}
Share1704.10.2021 13:42:40
forum icons:
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 45px; width: 45px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}
tr#forum_f1 div.icon {background-image: url(https://i.imgur.com/U3zBDOa.jpg); }
tr#forum_f1 div.inew {background-image: url(https://i.imgur.com/8sLQo7C.jpg); }
tr#forum_f2 div.icon {background-image: url(https://i.imgur.com/LSL5fOg.jpg); }
tr#forum_f2 div.inew {background-image: url(https://i.imgur.com/THiwbrQ.jpg); }
</style>
Share1905.10.2021 11:53:23
hide mod list:
<style>#pun-index .modlist{ display:none;}</style>
Share2005.10.2021 15:01:04
Скрипт, позволяющий создавать логотипы, случайным образом меняющиеся при каждом обновлении страницы:
<script language="JavaScript">
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................
var img=image[Math.floor(Math.random()*image.length)]
document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>
image[*]="адрес вашей картинки №*"
Повторяем для нужного вам количества картинок, соблюдая нумерацию, и вставляем заместо многоточия
Второй вариант скрипта "случайных" логотипов, с учетом разрешений экрана:
<script language="JavaScript">
if (screen.width==1024)
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................
var img=image[Math.floor(Math.random()*image.length)]
document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>
<script language="JavaScript">
if (screen.width==1280)
<!--
image = new Array();
image[0]="адрес вашей картинки №1"
image[1]="адрес вашей картинки №2"
image[2]="адрес вашей картинки №3"
............................................................................
var img=image[Math.floor(Math.random()*image.length)]
document.write("<style>#pun-title .title-logo {background-image: url("+img+"); background-repeat: no-repeat;}</style>")
//-->
</script>
image[*]="адрес вашей картинки №*"
Повторяем для нужного вам количества картинок, соблюдая нумерацию, и вставляем заместо многоточия.
screen.width==1280
Вставляем заместо подчеркнутых цифр размер экрана
Share2105.10.2021 15:09:10
current logo:
#pun-title {
top:0px;
border: none;
width: 100%;
height: 200px;
background: #5381b5 url(https://forumupload.ru/uploads/001b/5e/66/2/486379.gif) no-repeat;
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
Share2205.10.2021 15:23:01
news block:
HTML верх:
<link type="text/css" rel="StyleSheet" href="http://www.ujs.su/JS/forumchat.css" />
<script type="text/javascript">
classname = '.cBlock1';
$.getScript('http://www.ujs.su/JS/forumchat.js');
</script>
<a href="javascript://" id="show" title="Открыть" onclick="chat('open')"><span id="openbtn"><b>Открыть</b></span></a>
<div id="cht">
<div style="display:none" id="events">
</div>
<div style="display:none" id="fixed_btn">
<a title="Всегда на странице" href="javascript://" onclick="fix('on');"><img src="http://ujs.su/style/mchat/settings1.png" border="0" width="13" height="13" alt="" /></a></div>
<div style="display:none" id="close">
<a title="Закрыть" href="javascript://" onclick="$('#chbox').fadeOut('100');$('#openbtn').show();$('#close').fadeOut('200');$('#events').fadeOut('100');$('#fixed_btn').hide();fix('off');"><img src="http://ujs.su/softblock/manage/img_close.png" border="0" width="13" height="13" alt="" /></a></div>
<div style="display:none" id="chbox" onmouseover="$(function () { $('#chbox').stop().animate({opacity: 1.0},1000) })" onmouseout="$(function () { $('#chbox').stop().animate({opacity: 0.7},1000) })">
<div id="ch_messages"><span style="color:#555">Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости Новости</span></div><hr style="margin: 3px; height: 1px; border-left: 0px none; border-right: 0px none; border-width: 0px; border-style: none; border-color: -moz-use-text-color; background: none repeat scroll 0% 0% rgb(221, 221, 221);">
HTML низ:
<script type="text/javascript" src="http://www.ujs.su/JS/system/jquery.cookie.js"></script>
Share2306.10.2021 17:38:56
1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 |
Share2406.10.2021 19:57:40
скрипт, который привязывает шапку к определённому разделу с возможностью установки разных шапок:
В Самое Начало HTML верх:
<script type="text/javascript">
if($('#pun-viewforum,#pun-viewtopic').length){
if($('#pun-viewforum').length) {
var forum = document.URL.split(/&p=|#/)[0];
} else {var forum = $('head:first>link[rel="up"]').attr('href');}
$('#pun').addClass('forum_'+forum.split('/viewforum.php?id=')[1]);}
</script>
<style>
#pun.forum_3 #pun-title {
background-image:url(Ccылка);
}
#pun.forum_4 #pun-title {
background-image:url(Ccылка);
<style>
Share2506.10.2021 20:10:23
До нового года осталось:<br>
<left>
<script type="text/javascript">
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000)
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60
var oneHour=60*60
var oneDay=60*60*24
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000)
}
function formatresults2(){
if (this.timesup==false){
var displaystring="<span class='nonewyear'>"+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> "
}
else{
var displaystring="<span class='newyear1'>С новым годом!!!</span>"
//alert("С новым годом!!!")
}
return displaystring
}
</script>
<div id="countdowncontainer2"></div>
<script type="text/javascript">
var currentyear=new Date().getFullYear()
var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1
var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00")
christmas.displaycountdown("days", formatresults2)
</script>
</left>
Share2706.10.2021 23:38:22
forum header with new logo:
<style>
#pun {
margin: 120px auto 20px auto;
}
#pun-title {
top:0px;
border: none;
width: 100%;
height: 200px;
background: #87D400 url(https://i.imgur.com/WDIxY7f.jpg) no-repeat;
background-size: 100% auto;
border-bottom: 1px solid #406895 !important;
}
#pun-navlinks {
height: 40px;
top: 200px;
background: rgba(0,0,0,0.4);
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
}
#pun-navlinks .container {
background-color: transparent;
color: #fff;
}
#pun-title h1 {
display:none;
height: 69px;
margin: -1px 0px 0px -1px;
}
</style>
Share2907.10.2021 20:59:03
style for ALT-FSO:
<style>
#pun {
margin: 120px auto 20px auto;
}
#pun-title {
top:0px;
border: none;
width: 100%;
height: 220px;
background: url(https://i.imgur.com/iEtJi8Y.jpg) no-repeat;
background-size: 100% auto;
border-bottom: 0px solid #406895 !important;
}
#pun-navlinks {
height: 40px;
top: 200px;
background: rgba(0,0,0,0.4);
-webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
-khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
}
#pun-navlinks .container {
background-color: transparent;
color: #fff;
}
#pun-title h1 {
display:none;
height: 80px;
margin: -1px 0px 0px -1px;
}
</style>