Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.01.2010 um 00:11 (UTC)    
Titel: CSS: Header sichtbar machen?

Hallo, kann mir jemand meinen code umschreiben das der header wieder sichtbar wird? will ihn über dem content haben,
genauso wie auf meiner testseite http://testkickertest.de.tl/ nur an stelle der werbung.

hier mein code:

Code:


/* style tag schliessen + öffnen um Werbung zu versetzen */

-->
</style>
<div id="werbung">
<style type="text/css">
<!--


/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }


/* Hintergrund hinter Design */
body {
background-color:#005512;
background-image:url();
background-repeat:repeat-x;
text-align:center; }


/* Feld der Werbung */
#werbung {
position: absolute;
top: 30px;
left: 50%;
margin-left: -470px;
width: 728px;
z-index:3; }


/* HINTERGRUND-CONTAINER */
#container {
position: absolute;
left: 50%;
top: 25px;
margin-left: -490px;
width: 980px;
height: 605px;
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img.webme.com/pic/t/testkickertest/bp9_greenblack.png);
background-repeat: repeat-x;
-moz-box-shadow: 4px 4px 6px black, 4px 4px 6px #45555D;
border: 1px solid #FFFFFF;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#45555D', Positive='true');
z-index:1; }

/* Feld der Navigation */
#nav_container {
position: absolute;
left: 50%;
top: 115px;
width:120px;
margin-left: -475px;
border: 0px solid #c9c9c9; }



/* Titelfeld Navigation entfernt mit ... */
#nav_heading {display:none;}


/* Navi-Button */
li.nav_element {
list-style-type: none;
margin-bottom: 7px; }


/* Navi Links */
li.nav_element a{
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #55565E;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #777882;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-box-shadow: 2px 2px 4px black, 2px 2px 4px #7C8C93; }


/* Navi-Link Hover Effekt */
li.nav_element a:hover{
color: #FFFFFF;
background-color:#76848b; }


/* Aktuell besuchte Seite */
li.checked_menu a{
color:#FFFFFF;
background-color:#42515e;}


/* SEITENINHALT - TEXTFELD */
#content {
position: absolute;
left:50%;
top:115px;
margin-left:-340px;
width: 555px;
height:450px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#FFFFFF;
background-image:url();
padding-top:10px;
padding-left:20px;
padding-right:20px;
border: 1px solid #777882;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#7C8C93', Positive='true');
-moz-box-shadow: 2px 2px 4px black, 2px 2px 4px #7C8C93;
overflow:auto;}


/* Linkfarbe + Linkgröße im Textfeld */
#content a{
color:#000080;
font-size:13px;
font-weight:bold;
font-family:arial;
text-decoration:none;}


/* DIE RECHTE BOX */
#sidebar_container {
position: absolute;
left: 50%;
top:10px;
margin-left: 280px;
width:190px;
height: 460px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:center;
background-color:;
border:0px solid #C9C9C9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
padding:5px;}


/* LINKFARBE + LINKGRÖsse RECHTE BOX */
#sidebar_container a{
color:#000080;
font-size:13px;
font-family:arial;
text-decoration:none;}


/* UNNÖTIGE ELEMENTE IM DESIGN ENTFERNT */
 #pre_content {display:none;}
 #pre_header {display:none;}
 #post_header {display:none;}
 #post_content {display:none;}
 #below_content{display:none;}
 #extraDiv2 {display:none;}
 #extraDiv3 {display:none;}
 #extraDiv4 {display:none;}
 #extraDiv5 {display:none;}
 #extraDiv6 {display:none;}
 div.header{display: none;}
 #counter{display:none;}
 h1#title{display:none;}
 h2#title span {display:none;}
 #sidebar_heading {display:none;}


benutze CSS Design.

Danke


Zuletzt bearbeitet von hermsdorfersv-online am 09.01.2010, 19:19, insgesamt 2-mal bearbeitet
Beitrag08.01.2010 um 14:55 (UTC)    
Titel:

kann keiner helfen? Sad
Beitrag09.01.2010 um 18:18 (UTC)    
Titel:

Hallo,
kannst du vielleicht hier noch die Adresse zum Header nennen?
Dann könnte ich einen fertigen Code erstellen...

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag10.01.2010 um 13:12 (UTC)    
Titel:

Beitrag12.01.2010 um 22:26 (UTC)    
Titel:

hallo? Shocked
Beitrag12.01.2010 um 22:37 (UTC)    
Titel:

Hallo,
tut mir Leid, dass ich es nicht schneller geschafft habe...

Hier ist der neue Code,
den du gegen den bei "CSS Code ohne Style tags" austauschen wist.

Der Code:
Zitat:
/* style tag schliessen + öffnen um Werbung zu versetzen */


</style>
<div id="werbung">
<style type="text/css">
<!--


/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }


/* Hintergrund hinter Design */
body {
background-color:#005512;
background-image:url();
background-repeat:repeat-x;
text-align:center; }


/* Feld der Werbung */
#werbung {
position: absolute;
top: 30px;
left: 50%;
margin-left: -470px;
width: 728px;
z-index:3; }


/* HINTERGRUND-CONTAINER */
#container {
position: absolute;
left: 50%;
top: 25px;
margin-left: -490px;
width: 980px;
height: 655px;
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img.webme.com/pic/t/testkickertest/bp9_greenblack.png);
background-repeat: repeat-x;
-moz-box-shadow: 4px 4px 6px black, 4px 4px 6px #45555D;
border: 1px solid #FFFFFF;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#45555D', Positive='true');
z-index:1; }

/* Feld der Navigation */
#nav_container {
position: absolute;
left: 50%;
top: 115px;
width:120px;
margin-left: -475px;
border: 0px solid #c9c9c9; }



/* Titelfeld Navigation entfernt mit ... */
#nav_heading {display:none;}


/* Navi-Button */
li.nav_element {
list-style-type: none;
margin-bottom: 7px; }


/* Navi Links */
li.nav_element a{
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #55565E;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#FFFFFF;
border: 1px solid #777882;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-box-shadow: 2px 2px 4px black, 2px 2px 4px #7C8C93; }


/* Navi-Link Hover Effekt */
li.nav_element a:hover{
color: #FFFFFF;
background-color:#76848b; }


/* Aktuell besuchte Seite */
li.checked_menu a{
color:#FFFFFF;
background-color:#42515e;}


/* SEITENINHALT - TEXTFELD */
#content {
position: absolute;
left:50%;
top:115px;
margin-left:-330px;
width: 575px;
height:500px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#FFFFFF;
background-image:url();
padding-top:10px;
padding-left:20px;
padding-right:20px;
border: 1px solid #777882;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#7C8C93', Positive='true');
-moz-box-shadow: 2px 2px 4px black, 2px 2px 4px #7C8C93;
overflow:auto;}


/* Linkfarbe + Linkgröße im Textfeld */
#content a{
color:#000080;
font-size:13px;
font-weight:bold;
font-family:arial;
text-decoration:none;}


/* DIE RECHTE BOX */
#sidebar_container {
position: absolute;
left: 50%;
top:10px;
margin-left: 280px;
width:190px;
height: 460px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:center;
background-color:;
border:0px solid #C9C9C9;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
padding:5px;}

/* Streifen unter dem Design */
#unten {
margin: auto;
width: 960px;
color: #000000;
font-size:14px;
font-family: arial;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #CED3D3;
border: 1px solid #626d73;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#45555D', Positive='true');
-moz-box-shadow: 4px 4px 6px black, 4px 4px 6px #45555D;}


/* LINKFARBE + LINKGRÖsse RECHTE BOX */
#sidebar_container a{
color:#000080;
font-size:13px;
font-family:arial;
text-decoration:none;}

#header_container{
background: url(http://img.webme.com/pic/h/hermsdorfersv-online/banner1964.png);
width:921px;
height:104px;
margin: 5px 0px 0px 30px;}

/* UNNÖTIGE ELEMENTE IM DESIGN ENTFERNT */
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
div.header{display: none;}
#counter{display:none;}
h1#title{display:none;}
h2#title span {display:none;}
#sidebar_heading {display:none;}

#unten {
position: absolute;
left: 50%;
top: 690px;
margin-left: -490px;
width: 960px;
padding: 10px;
color: #000000;
font-size:13px;
background-color:#005512;
border: 1px solid #FFFFFF; }
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag13.01.2010 um 01:39 (UTC)    
Titel:

Danke!!! jetzt siehts es wieder nach was aus ^^
Beitrag13.01.2010 um 15:36 (UTC)    
Titel:

Kein Problem Wink
Danke für die Rückmeldung!

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

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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