Code: Alles auswählen
background="dein_bg.gif"Code: Alles auswählen
background-image: url(templates/subSilver/images/dein_bg.gif);Code: Alles auswählen
background-image: url(images/dein_bg.gif);CSS4you: url() hat geschrieben:Wenn du deine Stylesheets in eine externe Datei auslagerst, musst du darauf achten, dass sich die Pfadangabe auf den Ort der Stylesheet- und nicht der XHTML-Datei bezieht.
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<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/subSilver/subSilver.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 -->
<SCRIPT LANGUAGE="Javascript">
var win = null;
function Gk_PopTart(mypage,myname,w,h,scroll)
{
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable=no';
win = window.open(mypage,myname,settings);
}
</SCRIPT>
</head>
<body background="dein_bg.gif" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div align="center">
<a name="top"></a>
<table width="900" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="13" height="13" valign="top"><img src="templates/subSilver/images/blue_ul.gif" width="13" height="13"></td>
<td valign="top" background="templates/subSilver/images/blue_u.gif"><img src="blue_u.gif" width="1" height="13"></td>
<td width="13" valign="top"><img src="templates/subSilver/images/blue_ur.gif" width="13" height="13"></td>
</tr>
<tr>
<td height="20" valign="top" background="templates/subSilver/images/blue_l.gif"><!--DWLayoutEmptyCell--> </td>
<td bgcolor="#6794A7"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%" align="left" valign="bottom"><table width="340" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" align="right"><div align="center"><a href="index.php" class="mainmenu"><img border="0" src="templates/subSilver/images/htf_logo.gif"></a></div></td>
</tr>
<tr>
<td width="10" align="right"><img src="templates/subSilver/images/nav2_l.gif" width="5" height="29"></td>
<td width="328" align="right" valign="middle" background="templates/subSilver/images/nav2_m.gif">
<td width="11"><img src="templates/subSilver/images/nav2_r.gif" width="5" height="29"></td>
</tr>
</table>
</td>
<td width="60%" valign="bottom">
<!-- BEGIN adminbanners -->
<div align="right">
<a href="{adminbanners.adminbannersImg}" target="_top" class="gensmall"><img src="{adminbanners.word}" border="0"></a>
</div>
<!-- END adminbanners -->
</td>
</tr>
</table></td>
<td valign="top" background="templates/subSilver/images/blue_r.gif"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td height="13" valign="top"><img src="templates/subSilver/images/blue_dl.gif" width="13" height="13"></td>
<td valign="top" background="templates/subSilver/images/blue_d.gif"><img src="blue_d.gif" width="1" height="13"></td>
<td valign="top"><img src="templates/subSilver/images/blue_dr.gif" width="13" height="13"></td>
</tr>
<tr>
<td height="13" valign="top"><!--DWLayoutEmptyCell--> </td>
<td valign="top"><div align="right">{REPORT_INFO}</div></td>
<td valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
</table>
<table height="44" width="890" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="4" height="44" valign="top"><!--DWLayoutEmptyCell--> </td>
<td width="187" height="101" valign="middle" background="templates/subSilver/images/nav2_off.gif"></td>
<td width="15" align="right" valign="top"><img src="templates/subSilver/images/nav_l.gif" width="10" height="101"></td>
<td width="673" valign="top" background="templates/subSilver/images/nav_m.gif"> <div align="center">
<table width="100%" height="44" border="0" cellpadding="2" cellspacing="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu"> <a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a> <a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> <a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
</tr>
</table>
</div></td>
<td width="10" valign="top"><img src="templates/subSilver/images/nav_r.gif" width="10" height="101"></td>
</tr>
</table>
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="46" valign="top"><img src="templates/subSilver/images/site_ul.gif" width="25" height="46"></td>
<td width="100%" valign="top" background="templates/subSilver/images/site_u.gif"><img src="templates/subSilver/images/site_u.gif" width="30" height="46"></td>
<td width="25" valign="top"><img src="templates/subSilver/images/site_ur.gif" width="25" height="46"></td>
</tr>
<tr>
<td background="templates/subSilver/images/site_l.GIF"></td>
<td valign="top" bgcolor="#D4DDE1">
Code: Alles auswählen
/*
The original subSilver 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-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
background-image: url('templates/subSilver/images/dein_bg.gif');
}
/* General font families for common tags */
font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link, a:active, a:visited { color : #006699; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #E5E5E5; background-image: url('templates/subSilver/images/dein_bg.gif'); border: 1px solid #98AAB1; }
/* This is the outline round the main forum tables */
.forumline { background-color: #E5E5E5; background-image: url('templates/subSilver/images/dein_bg.gif'); border: 1px solid #98AAB1; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }
/*
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-color: #FFFFFF;
background-image: url('images/cellpic2.jpg');
background-repeat: repeat-y
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url('images/cellpic3.gif');
}
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
background-image: url('images/cellpic1.gif');
background-color:#D1D7DC; border: medium solid #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 {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right, td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
th.thHead, td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides, td.catSides, td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight, td.catRight, td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft, td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom, td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* 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;
}
/* 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: #006699; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover { color: #DD6900; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }
/* 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 { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }
/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* 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: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");
