Code: Alles auswählen
/*
The original Charcoal2 Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body { background-image: url(images/bk-w.jpg); border: none; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-darkshadow-color: #98AAB1; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-track-color: #EFEFEF }
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color: #000; text-decoration: none }
a:hover { color: #ff4500; text-decoration: none }
hr { border: none #d1d7dc; height: 0px }
/* This is the border line & background colour round the entire page */
.bodyline { }
/* This is the outline round the main forum tables */
.forumline { background-color: #696969; border: solid 1px #000 }
/* Main table cell colours and backgrounds */
td.row1 { background: #696969 url(images/dkback.gif) }
td.row2 { background: #808080 url(images/bk-z.jpg) }
td.row3 { background: #a9a9a9 url(images/dkback.gif) }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic { background: #3f3f3f repeat; border-top: none; border-right: none #fff; border-bottom: none; border-left: none }
/* Header cells - the blue and silver gradient backgrounds */
th { color: #ff4500; font-weight: bold; font-size: 11px; background: #006699 url(images/sidebox_background.gif); height: 25px }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { background-color: #3f3f3f; border: none #ffffff; height: 28px }
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom { background-image: url(images/sidebox_background2.gif); border: 0px; height: 29px }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { font-weight: bold; border: none #ffffff; height: 28px }
td.row3Right,td.spaceRow { background: #a9a9a9 url(images/dkback.gif); border: none #ffffff }
th.thHead,td.catHead { font-size: 12px; border: none }
th.thSides,td.catSides,td.spaceRow { border: none }
th.thRight,td.catRight,td.row3Right { border: none }
th.thLeft,td.catLeft { border: none }
th.thBottom,td.catBottom { border: none }
th.thTop { border: none }
th.thCornerL { border: none }
th.thCornerR { border: none }
/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}
.maintitle:visited,h1,h2 { color: #000000; font-weight: bold; font-size: 22px; line-height: 120%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #000000; text-decoration: none }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #fff; text-decoration: underline }
/* The register, login, search etc links at the top of the page */
.mainmenu { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.mainmenu { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:visited { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a.mainmenu:hover { color: #fff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
/* Forum category titles */
.cattitle { color: #ff4500; font-weight: bold; font-size: 12px; text-decoration: none; letter-spacing: 1px }
a.cattitle { color: #ff4500; text-decoration: none }
a.cattitle:visited { color: #ff4500; text-decoration: none }
a.cattitle:hover { color: #fff; text-decoration: none }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { color: #000; font-weight: bold; font-size: 12px }
a.forumlink { color: #000; text-decoration: none }
a.forumlink:visited { color: #000; text-decoration: none }
a.forumlink:hover { color: #fff; text-decoration: underline }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { color: #000; text-decoration: none }
a.nav:visited { color: #000; text-decoration: none }
a.nav:hover { color: #fff; text-decoration: underline }
/* titles for the topics: could specify viewed link colour too */
.topictitle { color: #ff4500; font-weight: bold; font-size: 11px }
a.topictitle:link { color: #000; text-decoration: none }
a.topictitle:visited { color: #000; text-decoration: none }
a.topictitle:hover { color: #fff; text-decoration: underline }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { color: #ffd700; font-size: 11px }
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
/* The content of the posts (body of text) */
.postbody { color: #000; font-size: 12px }
a.postlink:link { color: #000; text-decoration: none }
a.postlink:visited { color: #000; text-decoration: none }
a.postlink:hover { color: #fff; text-decoration: underline }
.bottomnav { color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav { color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav:visited { color: #ff4500; font-weight: bold; font-size: 10px; text-decoration: none }
a.bottomnav:hover { color: #fff; font-weight: bold; font-size: 10px; text-decoration: none }
/* Quote & Code blocks */
.code { color: #c0c0c0; font-size: 11px; font-family: Courier, "Courier New", sans-serif; background-color: #000; border: solid 1px #d1d7dc }
.quote { color: #000; font-style: normal; font-size: 11px; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c0c0c0; border: solid 1px #000 }
/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:visited { color: #444444; text-decoration: none }
a.copyright:hover { color: #000000; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
#spf {position: absolute;left: -10000px;};
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<script type="text/javascript">
/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";
///////////Stop Config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/Charcoal2/Charcoal2.css" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<csscriptdict>
<script type="text/javascript"><!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
mustInitImg = true;
function initImgID() {di = document.images; if (mustInitImg && di) { for (var i=0; i<di.length; i++) { if (!di[i].id) di[i].id=di[i].name; } mustInitImg = false;}}
function findElement(n,ly) {
d = document;
if (browserVers < 4) return d[n];
if ((browserVers >= 6) && (d.getElementById)) {initImgID; return(d.getElementById(n))};
var cd = ly ? ly.document : d;
var elem = cd[n];
if (!elem) {
for (var i=0;i<cd.layers.length;i++) {
elem = findElement(n,cd.layers[i]);
if (elem) return elem;
}
}
return elem;
}
function changeImages() {
d = document;
if (d.images) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (d.layers) {img = findElement(changeImages.arguments[i],0);}
else {img = d.images[changeImages.arguments[i]];}
if (img) {img.src = changeImages.arguments[i+1];}
}
}
}
// --></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
over_profile = newImage(/*URL*/'templates/Charcoal2/images/profile_on.jpg');
over_faq = newImage(/*URL*/'templates/Charcoal2/images/faq_on.jpg');
over_search = newImage(/*URL*/'templates/Charcoal2/images/search_on.jpg');
over_memberlist = newImage(/*URL*/'templates/Charcoal2/images/memberlist_on.jpg');
over_usergroups = newImage(/*URL*/'templates/Charcoal2/images/usergroups_on.jpg');
over_register = newImage(/*URL*/'templates/Charcoal2/images/register_on.jpg');
over_pms = newImage(/*URL*/'templates/Charcoal2/images/pms_on.jpg');
over_login = newImage(/*URL*/'templates/Charcoal2/images/login_on.jpg');
preloadFlag = true;
}
}
// --></script>
</csactiondict>
</head>
<body onload="preloadImages();" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<a name="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="349"><img src="templates/Charcoal2/images/logo.jpg" alt="" height="58" width="349" border="0"></td>
<td width="81" background="templates/Charcoal2/images/header_topback1.jpg"> </td>
<td align="right" width="296" background="templates/Charcoal2/images/header_topback1.jpg"><img src="templates/Charcoal2/images/topcurve.jpg" alt="" height="58" width="224" border="0"></td>
<td background="templates/Charcoal2/images/rightcurve.jpg"> </td>
</tr>
<tr>
<td width="349"><img src="templates/Charcoal2/images/slogan.jpg" alt="" height="30" width="349" border="0"></td>
<td width="81" background="templates/Charcoal2/images/header_topback2.jpg"> </td>
<td width="296"><a onmouseover="changeImages( /*CMP*/'profile',/*URL*/'templates/Charcoal2/images/profile_on.jpg');return true" onmouseout="changeImages( /*CMP*/'profile',/*URL*/'templates/Charcoal2/images/profile.jpg');return true" href="{U_PROFILE}"><img src="templates/Charcoal2/images/profile.jpg" alt="" name="profile" height="30" width="191" border="0"></a></td>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="38"><a onmouseover="changeImages( /*CMP*/'faq',/*URL*/'templates/Charcoal2/images/faq_on.jpg');return true" onmouseout="changeImages( /*CMP*/'faq',/*URL*/'templates/Charcoal2/images/faq.jpg');return true" href="{U_FAQ}"><img src="templates/Charcoal2/images/faq.jpg" alt="" name="faq" height="37" width="38" border="0"></a></td>
<td width="51"><a onmouseover="changeImages( /*CMP*/'search',/*URL*/'templates/Charcoal2/images/search_on.jpg');return true" onmouseout="changeImages( /*CMP*/'search',/*URL*/'templates/Charcoal2/images/search.jpg');return true" href="{U_SEARCH}"><img src="templates/Charcoal2/images/search.jpg" alt="" name="search" height="37" width="51" border="0"></a></td>
<td width="75"><a onmouseover="changeImages( /*CMP*/'memberlist',/*URL*/'templates/Charcoal2/images/memberlist_on.jpg');return true" onmouseout="changeImages( /*CMP*/'memberlist',/*URL*/'templates/Charcoal2/images/memberlist.jpg');return true" href="{U_MEMBERLIST}"><img src="templates/Charcoal2/images/memberlist.jpg" alt="" name="memberlist" height="37" width="75" border="0"></a></td>
<td width="81"><a onmouseover="changeImages( /*CMP*/'usergroups',/*URL*/'templates/Charcoal2/images/usergroups_on.jpg');return true" onmouseout="changeImages( /*CMP*/'usergroups',/*URL*/'templates/Charcoal2/images/usergroups.jpg');return true" href="{U_GROUP_CP}"><img src="templates/Charcoal2/images/usergroups.jpg" alt="" name="usergroups" height="37" width="81" border="0"></a></td>
<td width="62"><a onmouseover="changeImages( /*CMP*/'register',/*URL*/'templates/Charcoal2/images/register_on.jpg');return true" onmouseout="changeImages( /*CMP*/'register',/*URL*/'templates/Charcoal2/images/register.jpg');return true" href="{U_REGISTER}"><img src="templates/Charcoal2/images/register.jpg" alt="" name="register" height="37" width="62" border="0"></a></td>
<td width="111"><a onmouseover="changeImages( /*CMP*/'pms',/*URL*/'templates/Charcoal2/images/pms_on.jpg');return true" onmouseout="changeImages( /*CMP*/'pms',/*URL*/'templates/Charcoal2/images/pms.jpg');return true" href="{U_PRIVATEMSGS}"><img src="templates/Charcoal2/images/pms.jpg" alt="" name="pms" height="37" width="111" border="0"></a></td>
<td width="203"><a onmouseover="changeImages( /*CMP*/'login',/*URL*/'templates/Charcoal2/images/login_on.jpg');return true" onmouseout="changeImages( /*CMP*/'login',/*URL*/'templates/Charcoal2/images/login.jpg');return true" href="{U_LOGIN_LOGOUT}"><img src="templates/Charcoal2/images/login.jpg" alt="" name="login" height="37" width="203" border="0"></a></td>
<td> </td>
</tr>
</table>
<br>
