style.css
body {
color: #CFCBC2;
text-align: center;
background-color: #4e4e4e;
font-size: 12px;
font-family: Verdana, Helvetica, Sans-Serif;
background-image:url('img/bg.gif');
background-position:center top;
background-repeat:repeat-y;
margin: 0;
padding: 0;
}
#content {
width: 780px;
float: left;
clear: none;
min-height: 100px;
overflow: auto;
margin:0;
padding: 5px 5px 5px 5px;
margin-left:10px;
background-color: #232323;
border-bottom: 1px solid #333;
background-image:url('img/content.gif');
}
#oben {
height:10px;
width:100%;
background-color: #000;
background-image:url('img/oben.gif');
background-repeat:repeat-x;
}
#wrapper {
position: relative;
width: 980px;
text-align: left;
margin: 0 auto;
background-color: #000;
background-image:url('img/wrapper.gif');
background-position:center top;
background-repeat:repeat-y;
}
#header {
height: 200px;
width: 980px;
margin: 0 auto;
text-align: center;
vertical-align:middle;
background-image: url(img/header.jpg);
background-repeat:no-repeat;
background-color: #000;
}
#sitename {
text-align: left;
padding: 120px 0 0 180px;
font-weight: normal;
font-size: 24px;
color: #999;
text-shadow: 1px 1px 5px #000;
}
#sitename:first-letter {
border-bottom: 1px solid #FFAE00;
}
#top {
background: url(img/top.gif);
height: 50px;
background-color: #000;
color: #fff;
}
#top p {
color: #444;
text-decoration: underline;
display: inline;
position: absolute;
left: 182px;
margin-top: 8px;
font-size: 14px;
}
#main_content {
width: 980px;
margin:0 auto;
}
#footer {
color: #666;
font-size: 9px;
background-image: url(img/footer.gif);
background-repeat:no-repeat;
height: auto;
text-align: center;
margin:10px 0 0 0;
padding: 8px 0;
background-color:#000;
}
#footer p {
color: #444;
width: 700px;
margin: 0 auto;
padding: 2px 0;
}
#footer a {
font-size: 9px;
color: #555;
}
#sidebar_left {
text-align:left;
width: 170px;
float: left;
overflow: hidden;
background-color:#fff;
padding-bottom: 5px;
background-color: #232323;
}
#left_menu {
width: 160px;
float: left;
overflow: hidden;
margin: 5px;
}
#left_menu li {
list-style-type: none;
padding: 0;
margin:0;
}
#left_menu ul {
list-style-type: none;
padding: 0;
margin:0;
}
#left_menu li a {
width: 140px;
height: 20px;
display : block;
vertical-align : middle;
color: #fff;
padding: 0 0 0 20px;
margin: 0 2px 0 2px;
background-image:url('img/menu.jpg');
background-repeat: no-repeat;
}
#left_menu li a:hover, #left_menu li a:active {
color: #6EBCFF;
background-image:url('img/menu_hover.jpg');
background-repeat: no-repeat;
list-style-type: none;
}
#left_menu li li a, #left_menu li li a:hover, #left_menu li li a:active {
color: #fff;
list-style-type: none;
}
#sidebar_left .menu_heading {
color: #6EBCFF;
background-image:url('img/menu_heading_left.jpg');
background-repeat: no-repeat;
}
#sidebar_right .menu_heading {
color: #FA4137;
background-image:url('img/menu_heading_right.jpg');
background-repeat: no-repeat;
}
.menu_heading {
width: 138px;
height: 30px;
line-height: 30px;
font-size: 13px;
color: #6EBCFF;
font-weight:bold;
text-align:left;
display:block;
padding: 0 0 0 20px;
margin:0;
background-color:#222;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-top: 1px solid #222;
text-shadow: 1px 1px 5px #000;
}
.menu_heading:first-letter {
text-decoration:underline;
}
#left_menu_inner, #right_menu_inner {
padding:0 0 10px 0;
width: 158px;
background-color: #222;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.menu_bottom {
width: 158px;
height: 10px;
background-color:#222;
background-image:url('img/menu_bottom.jpg');
background-repeat: no-repeat;
border-left: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #222;
}
#sidebar_right {
text-align:center;
width: 170px;
float: right;
overflow: hidden;
background-color:#fff;
padding-bottom: 5px;
background-color: #232323;
}
#right_menu {
width: 160px;
float: right;
overflow: hidden;
margin: 5px;
}
#sidebar_left ul
{
padding: 0;
margin: 0;
width: 140px;
}
#sidebar_left li
{
margin:0;
padding:0;
}
#sidebar_left li ul
{
width: 140px;
}
#sidebar_left li li
{
padding-left: 26px;
}
#sidebar_left li a, sidebar_left li li a
{
font-size: 13px;
font-weight: normal;
text-decoration: none;
height: 20px;
line-height:20px;
}
td {
font-size: 12px;
}
/* Hyperlinks */
a, #sidebar_left .Cmite a, #sidebar_left .Cnorm a, #sidebar_left .Cdark a {
color: #FFAE00;
font-size: 11px;
text-decoration: underline;
}
a:hover {
color: #fff;
text-decoration: none;
}
a.box {
font-size: 11px;
text-decoration: underline;
background:none;
}
a.box:hover {
color: #fff;
text-decoration: none;
}
.Chead {
background: #000;
}
.Chead a {
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
background: #000;
}
.Callg {
background-color: #111;
}
.Callg td {
}
.Cnorm {
background-color: #111;
}
.Cmite {
background-color: #222;
}
.Cdark {
background-color: #333;
}
.rand {
border: solid #999 1px;
}
.smalfont {
font-size: 10px;
text-decoration: none;
}
.border {
background-color: #000;
}
hr {
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
#sidebar_right input, #sidebar_right textarea, #sidebar_right select {
max-width: 150px;
overflow:hidden;
}
#sidebar_left input, #sidebar_left textarea, #sidebar_left select {
max-width: 150px;
overflow:hidden;
}
input, textarea, select {
margin-top: 4px;
color:#fff;
border-top: 1px solid #111;
border-left: 1px solid #111;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
font-weight: normal;
text-decoration: none;
background-color: #222 !important;
}
input:hover, textarea:hover, select:hover {
background-color: #333 !important;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
img {
border: none;
}
.clr {
clear:both;
}
index.htm bzw index_forum.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="designer" content="Juergen Koller - http://www.lernvid.com" />
<meta name="licence" content="Copywright LernVid.com - Creative Commons Sharalike 3.0" />
<link rel="stylesheet" type="text/css" href="include/designs/counterstrike_lernvid.com/style.css"/>
<script type="text/javascript" src="include/designs/counterstrike_lernvid.com/js/mootools.js"></script>
<script type="text/javascript" src="include/designs/counterstrike_lernvid.com/js/hover.js"></script>
</head>
<body>
<div id="oben"></div>
<div id="wrapper">
<div id="header">
<div id="sitename">{SITENAME}</div>
</div>
<div id="top"><p>{HMENU}</p></div>
<div id="main_content">
<div id="sidebar_left">
{_list_menunr1@
<div id="left_menu">
<div class="menu_heading">%1</div>
<div id="left_menu_inner">%2</div>
<div class="menu_bottom"></div>
</div>
}
</div>
<div id="content">{EXPLODE}</div>
<div class="clr"></div>
</div>
<!-- Der Backlink zum Autor darf nicht entfernt werden! // It's not allowed to remove the Backlink to the Autor //-->
<div id="footer"><p>Design by <a href="http://www.lernvid.com" title="Templates" target="_blank">LernVid.com</a> | Script Copyright by <a href="http://www.ilch.de/" target="blank">ilch.de</a></p>
</div>
</div>
<!-- vertikaler menupunkt -->
{_list_vmenupoint@
<ul><li><a target="%1" class="box" href="%2">%3</a></li></ul>
}
<!--Start GreyBox--><head><br />
<script type="text/javascript"><br />
var GB_ROOT_DIR = "include/includes/func/js/greybox/";<br />
</script><br />
</head><p><p></p>
<p class="style6"><link href="include/includes/func/js/greybox/gb_styles.css" rel="stylesheet" type="text/css" /><br />
<script type="text/javascript" src="include/includes/func/js/greybox/AJS.js"></script><br />
<script type="text/javascript" src="include/includes/func/js/greybox/AJS_fx.js"></script><br />
<script type="text/javascript" src="include/includes/func/js/greybox/gb_scripts.js"></script><br />
<!--End GreyBox-->
</body>
</html>
Zuletzt modifiziert von Chapter am 25.09.2010 - 20:24:49