ALT-FSOnline

User info

Welcome, Guest! Please login or register.


You are here » ALT-FSOnline » Test forum » Test message


Test message

Posts 1 to 30 of 94

1

scripts, css styles, images, etc

0

2

<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>

0

3

https://forumupload.ru/uploads/001b/5e/66/2/217121.jpg

0

4

https://forumupload.ru/uploads/001b/5e/66/2/619273.jpg

0

5

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>

0

6

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>

0

7

Без лого, только 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>

0

8

https://forumupload.ru/uploads/001b/5e/66/2/715343.jpg

0

9

https://forumupload.ru/uploads/001b/5e/66/2/486379.gif

0

10

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>

0

11

jazzup wrote:

final with az_back:

<style>
#pun {
    margin: 70px auto 20px auto;

junk text

some junk text

0

12

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>

0

13

for emergency login:

{forum url}/admin_options.php

or

{forum url}/restore.php?

or

{forum url}/admin_forms.php

0

14

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;
  }

0

15

https://i.imgur.com/U3zBDOa.jpg
https://i.imgur.com/8sLQo7C.jpg

0

16

https://i.imgur.com/LSL5fOg.jpg
https://i.imgur.com/THiwbrQ.jpg

0

17

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>

0

18

https://i.imgur.com/5OuBnab.png

0

19

hide mod list:

<style>#pun-index .modlist{ display:none;}</style>

0

20

Скрипт, позволяющий создавать логотипы, случайным образом меняющиеся при каждом обновлении страницы:

<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

Вставляем заместо подчеркнутых цифр размер экрана

0

21

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;
}

0

22

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>

0

23

1

2

3

4

5

https://i.imgur.com/QcOQf60.png

https://i.imgur.com/IZrZtOa.png

https://i.imgur.com/Ha3RO29.png

https://i.imgur.com/KFwykca.png

https://i.imgur.com/uE1FiMh.png

6

7

8

9

10

https://i.imgur.com/kFqITJL.jpg

https://i.imgur.com/xTKgV04.jpg

https://i.imgur.com/4E50UKZ.jpg

https://i.imgur.com/F5LlbLe.jpg

https://i.imgur.com/lVSQZlt.jpg

11

12

13

14

15

https://i.imgur.com/9cPLCZH.jpg

https://i.imgur.com/mhvFKkA.jpg

https://i.imgur.com/YwrvjCC.jpg

https://i.imgur.com/3Irlow2.jpg

https://i.imgur.com/fZJ6Ok2.jpg

0

24

скрипт, который привязывает шапку к определённому разделу с возможностью установки разных шапок:

В Самое Начало 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>

0

25

До нового года осталось:<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>

0

26

https://i.imgur.com/WDIxY7f.jpg

0

27

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>

0

28

https://i.imgur.com/iEtJi8Y.jpg

0

29

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>

0

30

https://i.imgur.com/Jq8o6kS.gif

0


You are here » ALT-FSOnline » Test forum » Test message