Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.02.2011 um 16:29 (UTC)    
Titel: Unterseiten mit Button hervorheben? (erledigt)

Hallo,
Ich habe verschiedene Buttons.

für den normalen Button


für den Hover Effekt


für die aktive Seite


Nun würde ich die Unterseiten besser hervorheben, bisher passiert das nur mit der Schriftart Fett/Normal.
Ich hätte für Unterseiten einen eigenen Schalter gedacht.

für Unterseiten


Hier ist mein Code

Code:
</style>

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

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;position: absolute;left: -250px;}
td.edit_rechts_cbg{width:100%;}

td.edit_header_full{background-image:url(http://88.198.45.22/pic/e/einetestseite/header3b.jpg);background-color:;height:104px;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url();background-attachment: fixed;background-color:#0000111;}
td.nav{background-image:url(http://img.webme.com/pic/r/rolfs-n-bahn/schalter1.jpg);height:36px;}
td.nav:hover{background-image: url(http://img.webme.com/pic/r/rolfs-n-bahn/schalter5.jpg);height:36px;}
td.nav_heading{background-image:url();background-color:#0000111;}
td.edit_navi_headbg{width: 240px;height:36px;}

td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image:url();background-color:#0000111;}
td.edit_content_top{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild4f.jpg);background-color:;}
td.edit_content{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild5e.jpg);background-color:;}
td.edit_content_bottom{background-image:url(URL);background-color:;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild7c.jpg);background-color:;}
td.shouty2{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild7c.jpg);background-color:#0000111;}
td.shouty3{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild7c.jpg);background-color:;}
td.shouty4{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild7c.jpg);background-color:;}
td.shouty5{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild7c.jpg);background-color:;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rb_footer{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild8c.jpg);background-color:;}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_content_bottom:hover{background-image:url(http://80.190.202.79/pic/r/rolfs-n-bahn/bild8c.jpg);background-color:#0000111;}

tr.checked_menu td{background-image:url(http://img.webme.com/pic/r/rolfs-n-bahn/schalter3.jpg);}
tr.checked_menu td:hover{background-image:url(http://img.webme.com/pic/r/rolfs-n-bahn/schalter5.jpg);}

td.edit_rechts_bottom{display:none;}

-->
</style>


Hat da jemand eine Idee.

Gruß Rolf


Zuletzt bearbeitet von rolfs-n-bahn am 17.02.2011, 19:41, insgesamt 4-mal bearbeitet
Beitrag17.02.2011 um 16:53 (UTC)    
Titel:

hey,
Es geht, aber du must in deinem Code jede einzelne Unter seite ansprechen.
Also:

Zitat:
#nav_NeueIdeen
{
background-image: url(http://img3.fotos-hochladen.net/uploads/schalter6jlc39fdxnb.jpg);
}


änder den Link "Neue Ideen"


Zitat:
#nav_Gleiskontakt
{
background-image: url(http://img3.fotos-hochladen.net/uploads/schalter6jlc39fdxnb.jpg);
}

ändert den punkt " Gleiskontakt"

du must das dann für jede unterseite machen, eine andere möglichkeit gibt es glaube ich nicht.

greez Flashstyler
______________
Beitrag17.02.2011 um 16:56 (UTC)    
Titel:

Du könntest die einzelnen Selektoren/Navelemente auch einfach durch ein
Komma trennen, um Platz zu sparen und den Code übersichtlicher zu machen.

Code:
#nav_Gleiskontakt, #nav_NeueIdeen
{
background-image: url(http://img3.fotos-hochladen.net/uploads/schalter6jlc39fdxnb.jpg);
}
Beitrag17.02.2011 um 17:13 (UTC)    
Titel:

Danke, das ging aber sehr schnell.

das funktioniert, nunhabe ich ein einiges zu tun.

Gruß Rolf
Beiträge der letzten Zeit anzeigen:   


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