Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.05.2009 um 18:07 (UTC)    
Titel: Falscher Code?

Hallöle
Ich habe bei meiner neuen Seite: creative-board.de.tl das grungerüst CSS für Iceblue benutzt. nun das problem: Das ist alles total falsch..
Ich füge den Code nochmal ein, damit ihr sehen kkönnt, was dabei herauskommt.

Hier ist der Code:
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##DE1818;
font-size: 12px;
text-decoration: none;}

a:hover {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a: link {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a:active {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a:visited {color: #DE1818;
font-size: 12px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #DE1818;
color: #DE1818 !important;}


/* Header fixiert und zentriert*/
<style type="text/css">
<!--
body{background-image: url(http://img.webme.com/pic/c/creative-board/ice05.jpg);background-position: center center;background-attachment: fixed;}
-->
</style>




/* Navigation*/
<style type="text/css">
<!--
td.nav{
text-decoration: none;
color:#DE1818;
width: 185px;
height: 40px;
background-image:url();}

td.nav:hover{
text-decoration: none;
color: #DE1818;
width: 185px;
height: 40px;
background-image:url();}
-->
</style>

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #DE1818;
width: 185px;
background-repeat: repeat-y;}

td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 89px;
height: 80px;
background-image: url();
background-color: #DE1818;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}

td.edit_navi_headbg table{
width: 185px;}

.menu{
width: 185px;
color: #DE1818 !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}

.menu a{
color: #DE1818;
font-weight: bold;
padding-left: 35px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:# DE1818;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: ##DE1818;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #DE1818;}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 25px;
background-image: url();
background-color: #DE1818;}

td.edit_content_bottom{
background-image: url();
background-color: #DE1818;}

td.edit_content_bottom2{
background-image: url();
background-color: #DE1818;
text-align: right;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #DE1818;}


/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url();
background-color: #DE1818;
border-bottom: 0px double #DE1818;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #DE1818;
color: #DE1818;
font-weight: bold;}

td.edit_rb_footer{
background-image: url();
background-color: #DE1818;
border-bottom: 0px solid ##DE1818;}

td.edit_rechts_bottom{
background-image: url();
background-color: #DE1818;}

-->
</style>
Beitrag02.05.2009 um 18:44 (UTC)    
Titel:

In deinem Code sind die "Style" Tags falsch gesetzt,
hier mal der verbesserte Code:
Zitat:
<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##DE1818;
font-size: 12px;
text-decoration: none;}

a:hover {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a: link {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a:active {color: #DE1818;
font-size: 12px;
text-decoration: none;}

a:visited {color: #DE1818;
font-size: 12px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url(http://img.webme.com/pic/c/creative-board/ice05.jpg);
background-position: center center;
background-attachment: fixed;
background-color: #DE1818;
color: #DE1818 !important;}

/* Navigation*/
td.nav{
text-decoration: none;
color:#DE1818;
width: 185px;
height: 40px;
background-image:url();}

td.nav:hover{
text-decoration: none;
color: #DE1818;
width: 185px;
height: 40px;
background-image:url();}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #DE1818;
width: 185px;
background-repeat: repeat-y;}

td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 89px;
height: 80px;
background-image: url();
background-color: #DE1818;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
text-decoration: none;}

td.edit_navi_headbg table{
width: 185px;}

.menu{
width: 185px;
color: #DE1818 !important;
font-weight: bold;
padding-left: 35px;
font-size: 12px;}

.menu a{
color: #DE1818;
font-weight: bold;
padding-left: 35px;
text-decoration: none;
font-size: 12px;}

/* Textfeld Link-Formatierung*/
td.edit_content a{
color:# DE1818;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: ##DE1818;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-color: #DE1818;}

/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 25px;
background-image: url();
background-color: #DE1818;}

td.edit_content_bottom{
background-image: url();
background-color: #DE1818;}

td.edit_content_bottom2{
background-image: url();
background-color: #DE1818;
text-align: right;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #DE1818;}

/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url();
background-color: #DE1818;
border-bottom: 0px double #DE1818;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: #DE1818;
color: #DE1818;
font-weight: bold;}

td.edit_rb_footer{
background-image: url();
background-color: #DE1818;
border-bottom: 0px solid ##DE1818;}

td.edit_rechts_bottom{
background-image: url();
background-color: #DE1818;}
-->
</style>
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag04.05.2009 um 12:22 (UTC)    
Titel:

ACHSO! Ich muss am Anfang <style type="text/css"> und am ende </style> machen! und zwischendurch gar nicht oder??
DANKE!
Könntest du mir noch kurz erklären, welche "Teile" in dem Code für was sind?

Ich hab z.b. bei der navi die farbe schwarz gemacht und des is gar nicht schwarz... und wie füge ich das header ein?
Und ein Coolmenü? (heißt doch so?)


Zuletzt bearbeitet von dani-site am 04.05.2009, 13:30, insgesamt einmal bearbeitet
Beitrag04.05.2009 um 13:51 (UTC)    
Titel:

Hi, es ist nur ein "Style" Tag am Anfang und Ende notwendig,
zwischen durch müssen keine weiteren Codes eingefügt werden.

Hier mal ein Thread, wo die Klassen genauer erklärt werden:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=29413

Ein Coolmenü benötigt nochmal einen extra Code, wozu dir dieser Thread helfen wird:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag04.05.2009 um 13:55 (UTC)    
Titel:

ok danke. Ich habe da jetzt den 1. menüpunkt. geht das Coolmenü vllt ein stück runter. dass das dann nicht so im header hängt(das kommt noch^^)
Beitrag04.05.2009 um 13:58 (UTC)    
Titel:

Dazu musst du das Menü hier in der Höhe positionieren:
Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag04.05.2009 um 14:00 (UTC)    
Titel:

danke xD ich hoffe, ich nerve nich. Ich wollte noch wissen, wenn ich Coolmenü UND die normale navi habe...
geht das übehaupt? und wo kann ich die seiten bearbeiten, die im Coolmenü als unterpunkte sind? oder müssen die auch in die normale navi?
Beitrag04.05.2009 um 14:03 (UTC)    
Titel:

Das Coolmenü ist eine Navigation, die nicht mit den erstellten Seiten zusammenhängt.
Du musst im Code die einzelnen Unterpunkte und Hauptpunkte machen.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag04.05.2009 um 14:09 (UTC)    
Titel:

yo, das ist schon klar, aber wenn ich z.b. als unterpunkt "Blog" oder sowas habe und die Besucher dann da draufklicken, dann muss ja ne Seite kommen, wo dann auch der Blog drauf ist. Aber wo kann ich den Text auf die Seite machen und wo finde ich die überhaupt?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de