Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.11.2011 um 18:48 (UTC)    
Titel: Brauche Hilfe für einen angeklickten Link in der Navigation

Hallo erstmal Very Happy

Ich bräuchte Hilfe für die Navigationsleiste.

Ich habe es geschafft, dass der Linktext einer Unterseite beim überfahren mit der Maus verschwindet und ein hover Bild eingefügt wird. Dieses bleibt auch bestehen wenn ich auf der entsprechenden Seite bin, allerdings ist dann der Linktext auch wieder zu sehen.

Wie bekomme ich den weg?

Ich habe das IceBlue design.


Hier mal mein kompletter Code:


<style type="text/css">
<!--
td.headline{;visibility:hidden;}
-->
</style>



<style type="text/css"><!-- /* Generated by www.design-generator.de.tl */ img[width="1"]{display:none;} body{background: url(http://) #77C5F0 fixed repeat;}td.edit_header_full{background: url(http://img.webme.com/pic/f/freaky-morphs/header_freaky-morphs.jpg) #77C5F0 no-repeat;}td.headline{display:none;}td.edit_content_top{background: url() #77C5F0;}td.edit_content{background-image:url();
background-color:#ffffff;background-position: center 70px; height: 800px;
background-repeat: no-repeat;border0px solid #ffffff;}td.edit_content_bottom{display:none;}
td.edit_content_bottom2{background: url(http://) #77C5F0;}td.headline2{color: #77C5F0;}td.nav_heading{background: url(http://) #77C5F0;}td.nav{background: url(http://) #77C5F0;}td.nav:hover{background: url(http://) #61A1C4;}td.nav a,td.nav a:hover,a.menu,a.menu:hover,a.menu:visited{color: #000000;font-family:Arial;font-size:16px;}td.shouty,td.shouty2,td.shouty3,td.shouty4,td.shouty5{background: url(http://) repeat #77C5F0;}td.sidebar_heading{background: url(http://) #77C5F0;}td.edit_rb_footer{background: url(http://) #77C5F0;}td.edit_navi_headbg,td.edit_rechts_bottom,td.edit_rechts_cbg{background-image: none;}td.edit_below_nav img{display:none;}td.edit_rechts_sbg,td.edit_below_nav{visibility: hidden;}.edit_content_main div{overflow: visible!important;}--></style><script language="JavaScript" src="http://js.stats.de/j/0000100901"></script><script language="JavaScript">rapidstats(100901);</script><noscript><a href="http://www.stats.de" target="_blank"><img src="http://srv1.stats.de/l/0000100901?js=0" border="0" alt=""></a></noscript>



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

/* Werbung zentrieren */
table[height="102"] {
margin: auto; }


/* Design zentrieren */
table.edit_main_table {
margin: auto; }

-->
</style>




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

/* Iceblue 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: 10% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 10% !important;}
td.edit_rechts_cbg{width:100%;}


-->
</style>



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

td.nav_heading {
color:#77C5F0;
td.headline2 {
color:#77C5F0;

-->
</style>


<style type="text/css">
<!--
td#nav_Impressum{display:none;}
td#nav_AGB{display:none;}





td#nav_BlackBack:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);}
td#nav_Butter:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/butter_button.jpg);}
td#nav_Enchi:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/enchi_button.jpg);}
td#nav_Lesser:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/lesser_button.jpg);}
td#nav_Pastel:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/pastel_button.jpg);}
td#nav_Spider:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/spider_button.jpg);}
td#nav_Wildtyp:hover{background-image: url(http://img.webme.com/pic/f/freaky-morphs/wildtyp_button.jpg);}



td#nav_BlackBack:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Butter:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Lesser:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Pastel:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Spider:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Wildtyp:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }
td#nav_Enchi:hover a{
display: block;
line-height: 33px;
font-size: 16px;
font-family: arial;
color: transparent;
text-decoration: none; }


tr.checked_menu td#nav_BlackBack {color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Butter{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/butter_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Enchi{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/enchi_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Lesser{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/lesser_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Pastel{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/pastel_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Spider{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/spider_button.jpg);background-color:Transparent; width:
185px;height: 33px;}
tr.checked_menu td#nav_Wildtyp{color: Transparent; background-image:
url(http://img.webme.com/pic/f/freaky-morphs/wildtyp_button.jpg);background-color:Transparent; width:
185px;height: 33px;}




--->
</style>



Schon mal vielen Dank im Voraus


Zuletzt bearbeitet von freaky-morphs am 24.11.2011, 20:11, insgesamt 2-mal bearbeitet
Beitrag24.11.2011 um 19:23 (UTC)    
Titel: Unterseiten in Navigation

Hallo,

Du meinst die Unterseiten, das musst du dazu schreiben.
Quellcode brauchst du übrigens hier keinen schreiben.
Den betrachtet der Helfer im Browser (Ansicht / Quelltext anzeigen)

Kleiner Tipp vorweg noch für das Feld "Text über Design" Very Happy

Zitat:

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

Brauchst du nur einmal zu Beginn aller CSS-Codes .
Es folgen dann alle deine Klassen mit ihren CSS-Eigenschaften.
Egal ob ein Code, oder 30 Codes.

Und am Ende brauchst du nur einmal den style-tag schliessen:
Zitat:

-->
</style>



Nun zur Frage : Besuchte Unterseite Linktext ausblenden

Dein CSS-Code für die Unterseite sieht so aus:

Zitat:

tr.checked_menu td#nav_BlackBack {
color: Transparent;
background-image: url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);
background-color:Transparent;
width:185px;
height: 33px; }


Höhen-und Breite sind unnötig, sind im Design schon festgelegt Smile
Füge dem noch ein text-indent: -200px; dazu.
Damit verschiebst du den Text aus dem sichtbaren Bereich heraus Very Happy

So sollte der Code dann aussehen :
Zitat:

tr.checked_menu td#nav_BlackBack {
background-image: url(http://img.webme.com/pic/f/freaky-morphs/blackback_button.jpg);
text-indent: -200px; }


Gruß Wolle


Zuletzt bearbeitet von find-templates am 24.11.2011, 20:34, insgesamt 3-mal bearbeitet
Beitrag24.11.2011 um 19:41 (UTC)    
Titel:

Super, das ging aber schnell Very Happy Und es hat funktioniert. Vielen Dank.

Das ich die Unterseiten meinte, hatte ich schon editiert Wink

Und, ja ich weiß, der komplette code gehört einmal aufgeräumt, werde mich demnächst mal dran setzen.

Aber noch eine Frage, was bewirkt dieses text-indent: -200px?
Beitrag24.11.2011 um 19:46 (UTC)    
Titel:

http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_indent hat Folgendes geschrieben:
text-indent (Texteinrückung)
Sie können für einen mehrzeiligen Fließtext bestimmen, dass die erste Zeile eingerückt wird. Dieses Gestaltungselement ist in Büchern und Zeitschriften sehr verbreitet.

Erläuterung:
Mit text-indent: können Sie eine Einrückung für die erste Zeile bestimmen. Erlaubt ist eine numerische Angabe.

Beachten Sie:
Mit einem negativen Wert für text-indent bewirken Sie eine Textausrückung in der ersten Fließtextzeile.

Heißt text-indent mit negativem Wert verschiebt die erste Zeile eines Textes nach links.

Ich habe den Code nur überflogen aber in dem Fall könnte man anstatt text-indent auch padding-left nutzen. Das ist der Innenabstand eines Elementes und würde dann für mehrzeilige Ein- bzw. Ausrückung sorgen.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 24.11.2011, 20:51, insgesamt einmal bearbeitet
Beitrag24.11.2011 um 19:55 (UTC)    
Titel:

Ach, ok. Jetzt kann ich das eventuell auch für andere Seiten anwenden.

Vielen Dank.

Thread kann geschlossen werden.
Beitrag25.11.2011 um 22:08 (UTC)    
Titel:

Hallo,

danke für die Rückmeldung und danke an die Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


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