Ich spiel gerade mit CmSimple herum und versuche mir mein eigenes (fast eigenes) Templat zu basteln.
Als Basis für meine Umbauarbeiten habe ich das default Template verwendet.
Ich hab auch schon vieles geschafft. Der riesige Hadder ist weg, die Newsboxen sind weg, die Suchfunktion ist weg. All das brauche ich nicht.
Ich mag einfach nur links die Navigation und rechts den Inhalt.
Das habe ich auch hin bekommen. Und dann hatte ich die großartige Idee noch die Hintergrundfarbe zu ändern. Ja, und daran scheine ich zu scheitern. Vieleicht zeige ich mal ein Bild des derzeitigen Standes:
Genau so wie ich das will, bis auf die hellen Streifen da um die Navigation herum
Bis dahin hab ich für die Anpassung etwa 3 Stunden gebraucht, und dann hab ich noch einmal 10 Stunden gebastelt ohne der Lösung auch nur einen Schritt näher zu kommen.
Ganz im Gegenteil, ich hab am Ende völlig Plannlos alle möglichen und Unmöglichen Farbwerte in den Stylesheets mit meiner Farbe überschrieben. Alle! Selbst die Schriftfarben. Ich hab sogar an Stellen Farbwerte eingefügt wo vorher keine waren und wo wohl auck keine hin gehören. Aber die hellen Ränder sind geblieben
Wo kann ich das ändern?? Ich habe das Gefühl das es gar nicht an der Navigation liegt sondern irgendwie noch Reste von dem alten Hadder sind. Hier mal meine Template Datei wie ich sie umgebastelt habe:
Code: Select all
<DOCTYPE html>
<html>
<head>
<?php echo head();?>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
</head>
<body id="body" <?php echo onload();?>>
<!-- utf-8 check: äöüß -->
<!-- This is the default template of CMSimple -->
<!-- HEADER / HEADER -->
<!-- ANFANG MAIN / BEGIN MAIN -->
<div id="tplge_main">
<div id="tplge_mainin">
<!-- locator -->
<!-- INHALT / CONTENT -->
<div id="tplge_content">
<div id="tplge_contentin">
<?php echo editmenu();?>
<?php echo content();?>
<?php echo submenu();?>
</div>
<div style="clear: both;"></div>
</div>
<!-- LINKE SIDEBAR / SIDEBAR LEFT -->
<div id="tplge_sidebar1">
<div id="tplge_sidebar1in">
<a href="../"><img src="../userfiles/images/lussobannerKLEIN.jpg" alt="" border="0" width="" height=""></a> <br/><br/>
<div id="tplge_menu_anchor" class="tplge_menu_anchor tplge_navintern">
<a href="#tplge_locator"><div class="tplge_button"><?php echo $tx['menu']['page_content']; ?></div></a>
<div class="tplge_button_active"><?php echo $tx['menu']['main_menu']; ?></div>
<a href="#tplge_news_anchor"><div class="tplge_button"><?php echo $tx['menu']['news_area']; ?></div></a>
<div style="clear: both;"></div>
</div>
<?php echo toc();?><br/><br/>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
<!-- ENDE MAIN / END MAIN -->
</div>
<div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
<div style="clear: both;"></div>
<div style="clear: both;"></div>
<!-- FUSSLINKS / FOOTER LINKS -->
<div id="tplge_notes">
<div id="tplge_notesin">
<p>
Powered by <a href="http://www.cmsimple.org/">CMSimple</a> |
Template by <a href="http://cmsimple.org/">CMSimple</a> |
<?php
if($adm && !$edit)
{
echo '<a href="http://validator.w3.org/check?uri=referer">html5</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">css</a> | ';
}
?>
<?php echo loginlink();?></p>
<div style="clear: both;"></div>
</div>
</div>
</body>
</html>
Code: Select all
/* This is the default template of CMSimple */
/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0; background-color: #CDCD87;}
/* GLOBAL */
h1, h2, h3 {font-family: calibri, sans-serif; color: #CDCD87; font-size: 18px; line-height: 1.2em; font-weight: 100; letter-spacing: 1px; padding: 0 0 6px 0; margin: 6px 0 10px 0;}
h4 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 20px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {clear: both; font-family: calibri, sans-serif; color: #CDCD87; font-size: 16px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 2px 0 2px 17px;}
hr {height: 1px; clear: both; color: #CDCD87; background-color: #CDCD87; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #CDCD87;}
div.tplge_content_anchor {display: none;}
div.tplge_menu_anchor {display: none;}
div.tplge_news_anchor {display: none;}
.tplge_button {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}
.tplge_button_active {background: #CDCD87; color: #CDCD87; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}
/*
##############################
C O N T E N T C L A S S E S
##############################
*/
.tplge_left_border {float: left; border: 5px solid #DCDC87; margin: 0 20px 10px 0; background-color: #CDCD87}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0; solid: #CDCD87}
.tplge_right_border {float: right; border: 5px solid #DCDC87; margin: 0 0 10px 20px; background-color: #CDCD87}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px; solid: #CDCD87}
.tplge_border {border: 5px solid #DCDC87;}
.tplge_noborder {border: 0;}
.tplge_code {clear: both; background: #DCDC87; font-family: 'calibri', monospace; border: 1px solid #CDCD87; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #CDCD87; border: 3px solid #CDCD87; padding: 12px 16px; margin: 16px 0;}
.tplge_legal {padding: 6px 0; background-color: #CDCD87}
.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */
/*
##############################
B O D Y
##############################
*/
/* BODY UND SEITE / BODY AND PAGE */
body {font-family: calibri, sans-serif; font-size: 15px; line-height: 1.4em; color: black;}
#body {min-width: 940px; background: #CDCD87; text-align: left;}
#top {font-size: 10px; line-height: 10px;}
/*
##############################
L A Y O U T
##############################
*/
#tplge_header {background-color: #CDCD87}
#tplge_locator {width: 900px; text-align: left; margin: 0 auto; background-color: #CDCD87}
#tplge_main {text-align: left; margin: 0 auto; background-color: #CDCD87}
#tplge_sidebar1 {float: left; width: 200px; background-color: #CDCD87}
#tplge_content {float: right; width: 75%; text-align: center; margin: 0; background-color: #CDCD87}
#tplge_news {min-height: 220px; background-color: #CDCD87}
#tplge_prevtopnext {clear: both; background-color: #CDCD87}
#tplge_notes {background-color: #CDCD87}
/*
##############################
D E S I G N
##############################
*/
/* KOPFBEREICH / HEADER */
#tplge_header {background: #CDCD87 url(images/bgheader.jpg) center top no-repeat; border-bottom: 0px solid #CDCD87;}
#tplge_headerin {min-height: 180px; width: 900px; padding: 0; margin: 0 auto; background-color: #CDCD87}
#tplge_header h1 {float: right; clear: left; color: #CDCD87; font-size: 24px; line-height: 1.2em; text-align: right; font-weight: 100; padding: 10px 0 16px 16px; margin: 0;}
/* logo */
#tplge_header .tplge_logo {float: left; border: 1px solid #CDCD87; margin: 20px 5px 0px 0; background-color: #CDCD87}
#tplge_header .tplge_headerimg {float: right; background: #CDCD87; padding: 3px; margin: 0 0 0 3px; border: 1px solid #CDCD87;}
/* MAIN */
#tplge_main {background: #CDCD87 url(images/bgmain.jpg) repeat-x;}
#tplge_mainin {width: 900px; padding: 10px 20px 10px 20px; margin: 0 auto;}
/* locator */
#tplge_locatorin {font-family: calibri, sans-serif; font-size: 14px; text-align: left; color: #CDCD87; border-bottom: 1px solid #CDCD87; padding: 6px 0; margin: 12px 0 16px 0;}
#tplge_locatorin span {line-height: 26px;}
/* searchbox */
#searchbox {float: left; text-align: left; padding: 0 16px 0 0; margin: 0;}
#searchbox input.submit {background: #CDCD87; color: #CDCD87 ; border: 1px solid #CDCD87; padding: 0 3px 1px 3px;}
#searchbox .text {width: 140px; background: #CDCD87; font-family: calibri, sans-serif; font-size: 15px; border: 1px solid #CDCD87; padding: 0 3px 2px 3px;}
/* INHALT / CONTENT */
#tplge_contentin {font-family: calibri, sans-serif; text-align: left; padding: 20px 0 20px 0; margin: 0 0 10px 0;}
#tplge_contentin li {background: #CDCD87;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}
#tplge_content .text {width: 90%; border: 1px solid #CDCD87;}
#tplge_content input.submit {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; line-height: 20px; border: 1px solid #CDCD87; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;}
/* languagemenu */
div.langmenu_container {float: right; text-align: right; border: 0px solid #CDCD87; padding: 0 0 6px 0; margin: 0;}
.langmenu_container img {margin: 0 0 0 16px;}
.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}
/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {font-family: calibri, sans-serif; border-right: 0px solid #CDCD87; padding: 8px 0 0 0;}
h4.tplge_menu {margin-top: 18px;}
#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}
#tplge_sidebar1 ul.menulevel1 {color: #CDCD87; border: 0; padding: 0; margin: 8px 10px 0 0;}
#tplge_sidebar1 ul.menulevel1 li {line-height: 1.2em; text-align: left; font-weight: 700; border-bottom: 1px solid #CDCD87; padding: 12px 0 4px 0; margin: 2px 0;}
#tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 0px 0 0px 0; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li {line-height: 1.2em; font-weight: 400; text-align: left; border: 0; padding: 4px 0 5px 1px; margin: 2px 0;}
#tplge_sidebar1 ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;}
#tplge_sidebar1 ul.subnav {list-style-type: none; text-align: left; padding: 36px 10px 10px 0; margin: 0;}
#tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
div.subnav {text-align: left; padding: 26px 20px 0 6px; margin: 0;}
p.lastupdate {font-size: 14px; color: #CDCD87; padding: 0 10px 0 10px;}
/* NEWSBOXEN / NEWSBOXES */
#tplge_news {background: #CDCD87 url(images/bgfooter.jpg) right top no-repeat;}
#tplge_newsin {width: 940px; color: #CDCD87; font-family: calibri, sans-serif; padding: 20px 0; margin: 0 auto;}
div.tplge_news {width: 33%; float: left;}
div.tplge_newsin {line-height: 1.3em; border: 0px solid #CDCD87; padding: 0; margin: 0 20px 20px 20px;}
div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 6px 0 12px 0;}
div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}
div.tplge_newsin h4 {background: #CDCD87 url(images/bgnewsh4.jpg); font-size: 16px; color: #CDCD87; border: 1px solid #CDCD87; padding: 6px 16px 36px 16px; margin: 20px 0 12px 0;}
div.tplge_newsin h5 {color: #CDCD87; letter-spacing: 1px; margin: 10px 0 0 0;}
div.tplge_newsin h6 {color: #CDCD87; letter-spacing: 1px; margin: 10px 0 0 0;}
/* prev-top-next */
#tplge_prevtopnextin {text-align: center; border-top: 1px solid #CDCD87; padding: 8px 0 0 0; margin: 30px 0 0 0;}
/* FUSSLINKS / FOOTER LINKS */
#tplge_notesin {font-family: calibri, sans-serif; font-size: 14px; text-align: right; color: #CDCD87; padding: 16px 40px 40px 40px; margin: 0;}
div#tplge_notes p {padding: 0; margin: 0;}
/* LINKFORMATIERUNG / LINKS */
a:link {color: #369; text-decoration: none;}
a:visited {color: #369; text-decoration: none;}
a:hover {color: #c60; text-decoration: underline;}
a:active {color: #c60; text-decoration: underline;}
a:focus {color: #c60; text-decoration: underline;}
.tplge_navintern a:link {color: #CDCD87; text-decoration: none;}
.tplge_navintern a:visited {color: #333; text-decoration: none;}
.tplge_navintern a:hover {color: #c60; text-decoration: none;}
.tplge_navintern a:active {color: #c60; text-decoration: none;}
.tplge_navintern a:focus {color: #c60; text-decoration: none;}
#tplge_sidebar1 ul a:link {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:visited {color: #222; font-style: normal;}
#tplge_sidebar1 ul a:hover {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:active {color: #c60; font-style: normal; text-decoration: none;}
#tplge_sidebar1 ul a:focus {color: #c60; font-style: normal; text-decoration: none;}
.tplge_newsin a:link {color: #ccc; text-decoration: none;}
.tplge_newsin a:visited {color: #ccc; text-decoration: none;}
.tplge_newsin a:hover {color: #f90; text-decoration: underline;}
.tplge_newsin a:active {color: #CDCD87; text-decoration: underline;}
.tplge_newsin a:focus {color: #CDCD87; text-decoration: underline;}
#tplge_notes a:link {color: #999; text-decoration: none;}
#tplge_notes a:visited {color: #999; text-decoration: none;}
#tplge_notes a:hover {color: #f90; text-decoration: underline;}
#tplge_notes a:active {color: #CDCD87; text-decoration: underline;}
#tplge_notes a:focus {color: #CDCD87; text-decoration: underline;}
/*
##############################
S O N S T I G E S / R E S T
##############################
*/
#submit {background: #CDCD87; color: #CDCD87; border: 0; padding: 1px 6px; margin: 1px;}
input.text {border: 1px solid #CDCD87!important;}
#passwd {border: 1px solid #CDCD87;}
.file {border: 1px solid #CDCD87;}
.scroll {background: #CDCD87; border: 1px solid #CDCD87; padding: 10px; overflow: scroll;}
table.edit {background: #CDCD87; font-size: 14px; line-height: 1.2em; border: 1px solid #CDCD87; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
textarea {width: 90%; background: #CDCD87; font-family: calibri, sans-serif; border: 1px solid #CDCD87; padding: 10px; margin: 0 0 10px 0;}
Kann mir jemad helfen??
Herzlichen Dank im Vorraus
Stefan