Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.11.2010 um 14:52 (UTC)    
Titel: Probleme mit der Navigation (Iceblue)

Also auf meiner Seite (www.wacht-am-rhein.de.tl) verwende ich Iceblue.
Jedoch habe ich aus dem Thread von blutsegelbukaniere
(http://www.homepage-baukasten.de/forum/viewtopic.php?t=114776)
entnommen, wie man es wie Red aussehen lässt.
Warum?
Weil ich aus einem anderen Thread von blutsegelkabaniere
(http://www.homepage-baukasten.de/forum/viewtopic.php?t=120193)
den code für eine horizontale Navigation habe.
Dann habe ich mir gedacht, ich füge beides zusammen und habe ein Design Red mit horizotalem Menü. Jedoch klappt es nicht.
Das Problem ist das die horizontale Menüleiste immer noch blau ist und die Seitentitel eng aneinader liegen, zudem ist der hintergrund auch noch weiß.
Bild kommt nach, momentan ist das Uploaden ja nicht möglich.
Vielen Dank schon einmal im Vorraus
Beitrag14.11.2010 um 17:54 (UTC)    
Titel:

Ich hab mal ein wenig herum experimentiert.
Hier der Code. Vielleicht gefällt es dir ja so.

<style type="text/css">
<!--

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important; height: 0px !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_third_table{width: 100% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}

body{background: #4a0000 url();}

.edit_navi_headbg table{position: absolute; width: 86,5%; min-width: 1000px; background: url() transparent; height: 25px;}

.edit_navi_headbg table tr {float: left;}

.nav_heading{display:none !important;}
.edit_below_nav img{display:none;}
.edit_content_bottom{display:none;}
.edit_rechts_sbg{display:none;}

td[height="102"]{
position: absolute;
left: 50%;
margin-left: -376px;}

td.edit_content{
background: #fff url(http://img.webme.com/pic/d/design-red/cont_bg.png);
height: 500px !important;
padding: 10px 0px 10px 0px;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;}

td.edit_content_top{
background: transparent url(http://img.webme.com/pic/d/design-red/cont_head_bg.png);
height: 37px;}

td.headline2{font-size: 13px;}

td.edit_content_bottom2{
background: transparent url(http://img.webme.com/pic/d/design-red/cont_bottom.png) no-repeat center top;
height: 35px;
border-top: 9px solid #4a0000;}

td.edit_content_bottom{display:none;}

.edit_copyright{color: #fff;}

td.edit_content_left_spacer{background: transparent url();}

td.edit_content_right_spacer{background: transparent url();}

td.nav_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head.png);
height: 23px;
font-family: arial;
font-size: 12px;
color: #fff;
text-align: left;
border-right: 3px solid #4A0000;}

td.nav{
background: #fff url(http://img.webme.com/pic/d/design-red/button_bg.png);
width: 80px;
height: 28px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}

td.nav:hover{background: #fff url(http://img.webme.com/pic/d/design-red/button_bg_hover.png);}

td.nav a{
font-family: arial;
font-size: 10px;
color: #000;
text-decoration: none;}

a.menu{
display: block;
padding: 8px 0px 0px 24px;
margin-left: -24px;}

td.edit_below_nav{background: url() no-repeat center top;}

td.edit_below_nav img{visibility: hidden;}

td.edit_rechts_cbg{background: transparent url();height: 0px !important;}

td.edit_rechts_sbg{background: transparent url();}

td.edit_rechts_bottom{background: transparent url();height: 0px !Important;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background: #fff url(http://img.webme.com/pic/d/design-red/main.png) repeat;
font-family: arial;
text-align: center;
font-size: 12px;
color: #000;
border-left: 3px solid #4a0000;}

td.edit_navi_headbg{background: transparent url();height: 0px !important;}

td.sidebar_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head2.png);
height: 23px;
width: 202px;
border-left: 3px solid #4A0000;}

td.edit_rb_footer{
background: transparent url(http://img.webme.com/pic/d/design-red/bottom2.png) no-repeat;
height: 19px;
padding: 15px 0px 0px 0px;
border-left: 3px solid #4a0000;}

td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #fff;
text-align: center;}

td.edit_header_full{
background: transparent url(http://img.webme.com/pic/d/design-red/head_allgemein.png) repeat;
width: 1600px;
height: 145px;
border-bottom: 5px solid #4a0000;}

td.headline{visibility:hidden;}

td.edit_content_main div{overflow: hidden !important;}

-->
</style>

Gruß Achim
Beitrag14.11.2010 um 18:11 (UTC)    
Titel:

P.S. Ich habe mal eine Testseite erstellt.

http://www.iceblue-in-red-navi-oben.de.tl

Gruß Achim
Beitrag14.11.2010 um 19:07 (UTC)    
Titel:

Vielen, vielen Dank,
hätte das gar nicht so hinbekommen, bin nicht so der profi,
echt vielen dank noch ma ..
Das erleichtert vieles.. Smile
Beitrag14.11.2010 um 19:38 (UTC)    
Titel:

Gern geschehen ...

Wenn Du die Navi-Buttons bzw. deren Schrift vergrößern möchtest, kannst Du dass hier machen:

Buttons verbreitern:

td.nav{
background: #fff url(http://img.webme.com/pic/d/design-red/button_bg.png);
width: 80px;
height: 28px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}

Schrift vergrößern oder verkleinern:

td.nav a{
font-family: arial;
font-size: 10px;
color: #000;
text-decoration: none;}


Gruß Achim
Beitrag16.11.2010 um 14:25 (UTC)    
Titel:

danke, nochma also ich denke hier ja kann geclosed werden
Beiträge der letzten Zeit anzeigen:   


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