Habe mein standard Design umbenannt und auch die Links in der index.html, design.css und style.css angepasst. Die benötigten Bilder liegen auch alle im richtigen Ordner. Nur irgendwie zeigt er sie nicht an. Die Bilder, die direkt in der index.html verlinkt sind, werden angezeigt. Bilder, die über id/class in der Index über die design.css verlinkt werden, zeigt er nicht an. Habe in allen drei Dateien jeweils über die "Ersetzen"-Funktion den alten Namen mit dem neuen Namen des Designs ausgetauscht.
Muss ich mehr Dateien aktualisieren, als die index.html, design.css und style.css des Designs ?!
verwendete ilch Version: 1.1 P
edit:
Das Design heißt The Black
index.thml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>The Black</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="include/designs/The Black/style.css">
<link rel="stylesheet" type="text/css" href="include/designs/The Black/design.css">
<!-- PNG FIX for IE6 -->
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src=" include/includes/ js/pngfix/supersleight-min.js"></script>
<![endif]-->
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen">
<!-- jQuery - the core -->
<script type="text/javascript"
src="include/includes/js/jquery-1.4.2.js" >
</script>
<!-- Sliding effect -->
<script type="text/javascript"
src="include/includes/js/slide.js" >
</script>
</head>
<body>
<div id="slider"></div>
{_boxes_panel_login}
<style= "position: fixed"></style>
<div class="background" id="background1"></div>
<div id="wrap">
<br>
<div id="header">
<br>
<br>
<br>
<br>
<div id="contactus"><a href="index.php?contact"><img src="/include/designs/The Black/Bilder/button_contactus1.png"></a></div>
<div id="fightus"><a href="index.php?fightus"><img src="/include/designs/The Black/Bilder/button_fightus1.png"></a></div>
<div id="joinus"><a href="index.php?joinus"><img src="/include/designs/The Black/Bilder/button_joinus1.png"></a></div>
</div>
<div id="subleiste"></div>
<div id="content">
<div id="menutabs">
<ul>
<li><a href="index.php?news" title="News" class="menu" id="news">news</a></li>
<li> <a href="index.php?forum" title="Forum" class="menu">forum</a></li>
<li> <a href="index.php?user" title="Member" class="menu">member</a></li>
<li><a href="index.php?gbook" title="Guestbook" class="menu" id="guestbook">guestbook</a></li>
<li><a href="index.php?gallery" title="Gallery" class="menu" id="gallery">gallery</a></li>
<li><a href="index.php?wars" title="Wars" class="menu" id="wars">wars</a></li>
<li><a href="index.php?awaycal" title="Away" class="menu" id="awaycal">away</a></li>
</ul>
</div>
<div id="content_inhalt">{EXPLODE}</div>
<div id="boxenleiste">
{_list_menunr1@
<hr />
<b class="menu_heading">%1</b>
<hr />
<table cellpadding="0" cellspacing="0" border="0" width="120px">
<tr style=" border-top: 1px solid #fff;"</tr>
<tr>
<br>
<td style="width: 120px;" align="top">%2</td>
</tr>
</table>
<br>
}
</div>
</div>
</div>
<div id="footer"><a href="index.php?impressum" title="Impressum">Impressum</div>
</body>
</html>
design.css (Achtung, sehr viel Inhalt, da Forum und Slider beim zweiten Design andere Farbauswahl hat.
#wrap {
margin: 0 auto;
margin-top:5px;
width:1133px;
text-align:left;
}
#header {
height: 200px;
width: 450px;
position: relative;
background: url(/include/designs/The Black/Bilder/header_black.png);
opacity: 0.9;
}
#fightus {
display: block;
position: relative;
float: right;
right: -400px;
width: 200px;
height: 50px;
top: 40px;
}
#fightus:hover img{
margin-left: 10px;
}
#contactus {
display: block;
position: relative;
float: right;
right: -200px;
top: 0px;
width: 200px;
height: 50px
}
#contactus:hover img{
margin-left: 10px;
}
#joinus {
display: block;
position: relative;
float: right;
right: -200px;
width: 200px;
height: 50px;
top: 30px;
}
#joinus:hover img{
margin-left: 10px;
}
#content {
overflow:hidden;
margin: 0 auto;
margin-top: 0px;
}
#background1 {
background: url(/include/designs/The Black/Bilder/bg03.jpg);
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment:fixed
}
background1, body{
width: 100%;
min-height:100%;}
#content_inhalt {
float:left;
overflow:hidden;
margin: 0 0 0 10px;
width: 880px;
color: white;
background-color: rgba(33, 33, 33, 0.9);
padding-top:50px;
padding-bottom:50px;
padding-right:25px;
padding-left:25px;
border-color:#ffffff;
border-style:solid;
border-width: 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
moz-border-radius: 10px 10px 10px 10px;
}
#boxenleiste {
float:right;
overflow:hidden;
background: rgba(33,33,33,0.9);
margin: 0 10px 0 0;
padding: 20px 20px 20px 20px;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-width: 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
moz-border-radius: 10px 10px 10px 0px;
}
.menu_rechts {
border-bottom: 1px dashed #CCCCCC;
margin-right: 50px;
}
#footerfrap {
margin: 0 auto;
width: 100%;
height: 68px;
background: url(/include/designs/The Black/Bilder/PA_web_01_footer.jpg) repeat-x;
}
#footer_platz {
width: 1133px;
height: 1px;
}
#footer {
overflow:hidden;
margin: 0 auto;
margin-top: 10px;
top: 10px;
width: 1133px;
height: 57px;
}
.menu_heading {
align: center;
text-decoration: none;
font-family: Verdana;
font-size: 16px;
color: #e3d575;
}
#menutabs { margin:0 0 0 0; }
#menutabs ul { list-style:none; }
#menutabs ul li { display:inline; float:left; padding: 5px; background: rgba(33,33,33,0.9);
width: 115px;
height: 25px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-width: 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
moz-border-radius: 5px 5px 5px 0px;
}
#menutabs ul li:hover {
display:inline;
background: rgba(60,60,60,0.9);
background-width: 115px;
background-height: 25px;
border-right: 1px solid
border-left: 1px solid
border-top: 1px solid
border-width: 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
moz-border-radius: 5px 5px 5px 0px; }
#menutabs ul li a {
text-decoration: none;
font-size: 22px;
color: #e3d575;
display:block;
padding: 5px 10px 5px 10px;
}
#footer{
position: relative;
bottom: 0px;
width:100%;
border-top: 1px solid #fff;
background-color: rgba(38, 38, 38, 0.9);
height: 30px;
}
//forum design
h5
{
font-size: 1em;
font-weight: bold;
margin: 10px 0px;
border-bottom: 1px solid #e3d575;
}
h6
{
font-size: 20px;
color: #e3d575;
margin: 0px 0px 10px 0px;
}
a.icon
{
display: inline-block;
height: 20px;
}
a.icon.contact_email
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_email.gif) no-repeat;
}
a.icon.contact_icq
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_icq.gif) no-repeat;
}
a.icon.contact_msn
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_msnm.gif) no-repeat;
}
a.icon.contact_pm
{
width: 28px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_pm.gif) no-repeat;
}
a.icon.contact_www
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_www.gif) no-repeat;
}
a.icon.contact_yahoo
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_contact_yahoo.gif) no-repeat;
}
a.icon.post_delete
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_post_delete.gif) no-repeat;
}
a.icon.post_edit
{
width: 61px;
background: transparent url(../../../images/ilchbb_forum/icon_post_edit.gif) no-repeat;
}
a.icon.post_info
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_post_info.gif) no-repeat;
}
a.icon.post_quote
{
width: 65px;
background: transparent url(../../../images/ilchbb_forum/icon_post_quote_1.gif) no-repeat;
}
a.icon.post_report
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_post_report.gif) no-repeat;
}
a.icon.rate_good
{
width: 20px;
background: transparent url(../../../images/ilchbb_forum/icon_rate_good.gif) no-repeat;
}
a.icon:hover {
background-position: 0px -20px;
}
.mpl {
margin-top: 10px;
}
.button_topic_new a {
margin: 10px 0px;
display: inline-block;
width: 119px;
height: 25px;
background: transparent url(../../../images/ilchbb_forum/button_topic_new.gif) no-repeat;
}
.button_topic_new a:hover {
background-position: 0px -25px;
}
.button_post_new a {
margin: 10px 0px;
display: inline-block;
width: 102px;
height: 25px;
background: transparent url(../../../images/ilchbb_forum/button_topic_reply.gif) no-repeat;
}
.button_post_new a:hover {
background-position: 0px -25px;
}
.forum
{
background-color: rgba(33, 33, 33, 0.5);
margin-bottom: 5px;
padding: 5px;
}
.forum p
{
margin: 10px 0px 0px 0px;
}
.forum a
{
color: #e3d575;
font-size: 1em;
text-decoration: none;
}
.forum a:visited
{
color: #7c743f;
text-decoration: none;
}
.forum a:hover
{
color: #ffffff;
}
.forum a:active
{
color: #ffffff;
text-decoration: none;
}
.forum fieldset {
border-width: 1px;
padding: 5px;
border: 1px solid #ffffff;
}
.forum input[type=text], .forum select {
font-weight: normal;
vertical-align: middle;
border: 1px solid #ffffff;
background-color: rgba(33, 33, 33, 0.5);
padding: 2px;
margin: 5px 0px;
}
.forum textarea {
width: 99%;
padding: 2px;
margin: 5px 0px;
border: 1px solid #ffffff;
}
.forum label {
display: inline-block;
padding-right: 5px;
font-weight: bold;
width: 100px;
margin: 5px 0px;
}
.forum label input {
vertical-align: middle;
}
.forum label img {
vertical-align: middle;
}
.forum .smallfont
{
font-size: 11px;
}
.forum #qpost
{
display: block;
font-size: 15px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.forum.ilchbb_Cmite, .forum .ilchbb_Cmite
{
background-color: rgba(33, 33, 33, 0.3);
}
.forum.ilchbb_Cnorm, .forum .ilchbb_Cnorm
{
background-color: rgba(33, 33, 33, 0.2);
}
.forum .post.message
{
float: left;
width: 70%;
}
.forum .post.details
{
float: right;
width: 30%;
}
.forum .post .text
{
padding: 5px;
}
.forum .ilchbb_border
{
border: 0px;
width: 100%;
}
.forum .ilchbb_border center
{
text-align: center;
}
.forum .ilchbb_border .top
{
vertical-align: top;
}
.forum .ilchbb_border .center
{
width: 100%;
margin: 5px 0px;
padding: 10px 0px;
border-color: #ffffff;
border-width: 0px;
border-style: solid;
border-left-width: 1px;
text-align: center;
}
.forum .ilchbb_border tr.ilchbb_Cmite:hover
{
background-color: rgba(33, 33, 33, 0.5);
}
.forum .ilchbb_border tr.ilchbb_Cnorm:hover
{
background-color: rgba(33, 33, 33, 0.5);
}
.forum .ilchbb_border th
{
padding: 5px;
font-weight: bold;
text-align: left;
color: #e3d575;
}
.forum .ilchbb_border td
{
padding: 5px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.forum .ilchbb_border td.middle
{
vertical-align: top;
padding: 0px;
}
.forum .ilchbb_border td.xleft
{
padding-left: 5px;
}
.forum .ilchbb_border td.xright
{
padding-right: 5px;
}
.topic_alert
{
background-color: rgba(33, 33, 33, 0.5);
}
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0
The CSS, XHTML and design is released under Creative Common License 3.0:
http://creativecommons.org/licenses/by-sa/3.0/
*/
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* Panel Tab/button */
.tab {
background: url(../../images/LoginPanel/tab_b.png) repeat-x 0 0;
height: 42px;
position: fixed;
width: 1900px;
top: 0;
z-index: 999;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 900px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(../../images/LoginPanel/tab_l.png) no-repeat left 0;
height: 42px;
position: relative;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
.tab ul.login li.right {
background: url(../../images/LoginPanel/tab_r.png) no-repeat left 0;
height: 42px;
position: relative;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
position: relative;
display: block;
float: left;
height: 42px;
background: url(../../images/LoginPanel/tab_m.png) repeat-x 0 0;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
.tab ul.login li a {
color: #e3d575;
}
.tab ul.login li a:hover {
color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 110px;
position: relative;
top: 11px;
}
.tab a.open {background: url(../../images/LoginPanel/bt_open.png) no-repeat left 0;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
.tab a.close {background: url(../../images/LoginPanel/bt_close.png) no-repeat left 0;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
.tab a:hover.open {background: url(../../images/LoginPanel/bt_open.png) no-repeat left -19px;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
.tab a:hover.close {background: url(../../images/LoginPanel/bt_close.png) no-repeat left -19px;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */}
/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap content */
/*position: relative;*/ /*Panel will "push" the content down */
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel {
width: 100%;
height: 175px;
color: #999999;
position: fixed;
background: #272727;
overflow: hidden;
z-index: 3;
display: none;
opacity:0.9;
border-bottom: 1px solid #fff;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
#panel h1 {
font-size: 1.6em;
padding: 35px 0 10px;
margin: 0;
color: white;
}
#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}
#panel p {
margin: 5px 0;
padding: 0;
}
#panel a {
text-decoration: none;
color: #e3d575;
}
#panel a:hover {
color: white;
}
#panel a-lost-pwd {
display: block;
float: left;
}
#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 45px;
text-align: left;
font-size: 0.85em;
}
#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panel .content .right {
border-right: 1px solid #333;
}
#panel .content form {
margin: 0 0 10px 0;
}
#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}
#panel .content input:focus.field {
background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}
#panel .content input.bt_login {
width: 74px;
background: transparent url(../../images/LoginPanel/bt_login.png) no-repeat 0 0;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(../../images/LoginPanel/bt_register.png) no-repeat 0 0;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}
Zuletzt modifiziert von mr.pink am 14.03.2014 - 11:30:28
