Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.07.2008 um 22:32 (UTC)    
Titel: [erledigt] Button in unterteilter Navigation einfügen

hallo , vielleicht kann mir ja jemand helfen ....hab auch schon die sufu genutzt ..aber bin nicht schlau draus geworden ...ich möchte in meiner navigation ein button einfügen ....ich habe eine seite erstellt die nicht verlinkt ist ....zB auf meiner seite unter ....Meine Werke ....dort wollte ich einen andersfarbigen button einfügen ....aber irgenwie bekomme ich das nicht hin ...es werden immer die gleichen angezeigt Sad

wäre nett wenn mir bitte jemand den trick verraten könnte


hier der code den ich dafür benutzt habe

<style type="text/css">
<!--
td#nav_meinewerke{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;}
//-->
</style>



LG Grit
______________
MfG Grit



Zuletzt bearbeitet von kameraauge am 20.07.2008, 11:09, insgesamt einmal bearbeitet
Beitrag17.07.2008 um 23:29 (UTC)    
Titel:

muesste eigentlich so gehen aber versuch vllt mal

td#nav_meine-werke{background-image:url();}
______________
[img:44ba5717fb]http://img.webme.com/pic/u/underground-planet/upbanner.png[/img:44ba5717fb]


Zuletzt bearbeitet von underground-planet am 18.07.2008, 00:48, insgesamt einmal bearbeitet
Beitrag18.07.2008 um 05:50 (UTC)    
Titel:

underground-planet hat Folgendes geschrieben:
muesste eigentlich so gehen aber versuch vllt mal

td#nav_meine-werke{background-image:url();}



hallo ....danke ....das hab ich auch schon probiert ...verschiedene schreibweisen ..aber brachte nichts Sad...

Gruss Grit
______________
MfG Grit

Beitrag18.07.2008 um 09:20 (UTC)    
Titel: Re: Button in unterteilter Navigation einfügen

kameraauge hat Folgendes geschrieben:


<style type="text/css">
<!--
td#nav_meinewerke{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;}
//-->
</style>

LG Grit


Mach das mal so:
Zitat:

<style type="text/css">
<!--
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;}
//-->
</style>

Und wenn da kein Hover sein soll:
Zitat:

<style type="text/css">
<!--
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;}
td#nav_MEINEWERKE:hover{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;}

//-->
</style>

Bei dem td#nav_ Code musst du den Namen genauso schreiben wie im Seitentitel, jedoch ohne Leer- und Sonderzeichen; auch keine Umlaute äöü; die fallen einfach weg.


Zuletzt bearbeitet von sc-hassel-jugend am 18.07.2008, 10:24, insgesamt einmal bearbeitet
Beitrag18.07.2008 um 16:50 (UTC)    
Titel:

hallo sc-hassel-jugend

leider klappt das auch nicht Sad....ich nehme mal an das im ganzen designcode was nicht stimmt .....ich versuchs mal mit einer anderen hp ...vielleicht klappt es ja da und dann muss ich eben alles ändern

danke dir trotzdem Smile

Gruss Grit
______________
MfG Grit

Beitrag19.07.2008 um 01:01 (UTC)    
Titel:

Der Code ist korrekt. Schau doch einfach mal im Quellcode deiner Seite nach, wie die korrekte id lautet. Den kannst du dir ja mit dem Browser ansehen.
Beitrag19.07.2008 um 09:56 (UTC)    
Titel:

Hallo Grit,
versuche das mal so:
Zitat:

<style type="text/css">
<!--
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg);background-color:;}
td#nav_MEINEWERKE:hover{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg);background-color:;}

//-->
</style>

Und dann machst du folgendes:
Du setzt den gesamten Code den du bei Text über dem Design eingegeben hast wie folgt ein:

Zitat:

<style type="text/css">
<!--
HIER ALLE ANWEISUNGEN DIE DU HAST OHNE <style type="text/css"><!--
UND
//--></style>
REIN
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg);background-color:;}
td#nav_MEINEWERKE:hover{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg);background-color:;}

//-->
</style>

Du brauchst für die CSS-Anweisungen die Style type Angaben nur 1x
Die Javascripte, die auch da drin stehen, setzt du vor den Anfang der Css-Anweisung.
Oder poste mal den gesamten Code und ich korrigiere mal Wink
EDIT: Die Klammern haben gefehlt


Zuletzt bearbeitet von sc-hassel-jugend am 19.07.2008, 21:37, insgesamt 2-mal bearbeitet
Beitrag19.07.2008 um 17:04 (UTC)    
Titel:

hallo sc-hassel-jugend

danke für dein angebot ...der code ist aber sehr durcheinander ...in meinen anderen designs habe ich es etwas übersichtlicher ...aber vielleicht siehst du da ja noch durch und kannst mir sagen wo der fehler ist ...wäre die sehr dankbar


<style type="text/css">
<!--
/* hover bei navi */

td.nav{text-decoration: none; color:#FFFFFF; width: 185px;height: 33px;background-image:url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);border:1px solid #FFFFFF;}
td.nav:hover{text-decoration: none;color: #FFFFFF; width: 185px;height: 33px;background-image:url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);}
-->
</style>


<style type="text/css">
<!--
body {background-color:#000000;}

/* Design erweitern */
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%;}
td.edit_content{width:50%;}



td.sidebar_heading{width: 183px; height: 33px; background-image: url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);background-color: #000000;border:1px solid #FFFFFF;text-align: center;}

td.nav_heading{ width: 183px; height: 33px; background-image: url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg); background-color:#000000; font-weight: bold; font-size: 15px; text-decoration: none;border:1px solid #FFFFFF;}
td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: url();background-color: #XXXXXX;text-align: right;border:0px solid #FFFFFF;}
td.edit_rb_footer{background-image: url();background-color: #000000;}

td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://img.webme.com/pic/k/kameraauge/kameraauge-header-11.png);height:200px;border: 1px solid #FFFFFF;}

td.edit_content{background-image:url(http://img.webme.com/pic/k/kameraauge/content-kameraauge-neu3.png);background-transparent;
background-color:#XXXXXX;border: 0px solid #FFFFFF;}
td.edit_content_top{height: 33px;width:0px;background-image: url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);background-color: #XXXXXX;border:1px solid #FFFFFF;}

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {background-image:url();background-color: #000000;color: #FFFFFF;font-weight: bold;border:1px solid #FFFFFF;}


td#nav_abstand1{visibility:hidden;height:25px;}
td#nav_abstand2{visibility:hidden;height:25px;}
td#nav_abstand3{visibility:hidden;height:25px;}
td#nav_abstand4{visibility:hidden;height:25px;}
td#nav_abstand5{visibility:hidden;height:25px;}
td#nav_abstand6{visibility:hidden;height:25px;}
td#nav_abstand7{visibility:hidden;height:25px;}

td.headline{visibility: hidden;}
-->
</style>


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

td.edit_rechts_cbg{background-image: url();background-color: transparent;}
td.edit_rechts_bottom{background-image: url(http://80.190.202.79/pic/k/kameraauge/recht-streifen-rot.png);background-color: #XXXXXX;}
td.edit_navi_headbg{background-image: url(http://80.190.202.79/pic/k/kameraauge/streif-rot-190.png);background-color:#XXXXXX;}
td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_rb_footer{visibility: hidden;}
</style>


<style type="text/css">
<!--
td{font-weight: bold;}
-->
</style>


<


LG Grit
______________
MfG Grit

Beitrag19.07.2008 um 17:09 (UTC)    
Titel:

Zitat:
<style type="text/css">
<!--
td.nav{text-decoration: none; color:#FFFFFF; width: 185px;height: 33px;background-image:url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);border:1px solid #FFFFFF;}
td.nav:hover{text-decoration: none;color: #FFFFFF; width: 185px;height: 33px;background-image:url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);}
body {background-color:#000000;}
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%;}
td.edit_content{width:50%;}
td.sidebar_heading{width: 183px; height: 33px; background-image: url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);background-color: #000000;border:1px solid #FFFFFF;text-align: center;}
td.nav_heading{ width: 183px; height: 33px; background-image: url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg); background-color:#000000; font-weight: bold; font-size: 15px; text-decoration: none;border:1px solid #FFFFFF;}
td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: url();background-color: #XXXXXX;text-align: right;border:0px solid #FFFFFF;}
td.edit_rb_footer{background-image: url();background-color: #000000;}
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://img.webme.com/pic/k/kameraauge/kameraauge-header-11.png);height:200px;border: 1px solid #FFFFFF;}
td.edit_content{background-image:url(http://img.webme.com/pic/k/kameraauge/content-kameraauge-neu3.png);background-transparent;
background-color:#XXXXXX;border: 0px solid #FFFFFF;}
td.edit_content_top{height: 33px;width:0px;background-image: url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);background-color: #XXXXXX;border:1px solid #FFFFFF;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {background-image:url();background-color: #000000;color: #FFFFFF;font-weight: bold;border:1px solid #FFFFFF;}
td#nav_abstand1{visibility:hidden;height:25px;}
td#nav_abstand2{visibility:hidden;height:25px;}
td#nav_abstand3{visibility:hidden;height:25px;}
td#nav_abstand4{visibility:hidden;height:25px;}
td#nav_abstand5{visibility:hidden;height:25px;}
td#nav_abstand6{visibility:hidden;height:25px;}
td#nav_abstand7{visibility:hidden;height:25px;}
td.headline{visibility: hidden;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_cbg{background-image: url();background-color: transparent;}
td.edit_rechts_bottom{background-image: url(http://80.190.202.79/pic/k/kameraauge/recht-streifen-rot.png);background-color: #XXXXXX;}
td.edit_navi_headbg{background-image: url(http://80.190.202.79/pic/k/kameraauge/streif-rot-190.png);background-color:#XXXXXX;}
td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_rb_footer{visibility: hidden;}
td{font-weight: bold;}
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;background-color:;}
td#nav_MEINEWERKE:hover{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg;background-color:;}
-->
</style>


Probier mal aus! Very Happy
Es darf keine Leerzeichen geben!

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

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 19.07.2008, 18:13, insgesamt 2-mal bearbeitet
Beitrag19.07.2008 um 18:20 (UTC)    
Titel:

danke bielefeld club

hat leider auch nicht geklappt ...naja ...wer weiss woran es liegt ...ist ja nichrt lebensnotwendig .....wollt es eben nur mal probieren wie es aussieht

soll wohl nicht sein ...

danke nochmal für deine mühe ..Smile

Gruss Grit
______________
MfG Grit

Beitrag19.07.2008 um 18:27 (UTC)    
Titel:

Füge mal beim Namen, also bei meinem letzten Code ins rote folgenes ein:
Zitat:
<font color=#FC0D0D>MEINEWERKE</font>


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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag19.07.2008 um 20:34 (UTC)    
Titel:

Sorry, musste mal Arbeiten.
Hab jetzt mal "geputzt"
Wink
Zitat:

<style type="text/css">
<!--
td.nav{text-decoration: none; color:#FFFFFF; width: 185px;height:
33px;background-image:url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);border:1px solid #FFFFFF;}
td.nav:hover{text-decoration: none;color: #FFFFFF; width: 185px;height:
33px;background-image:url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);}
body {background-color:#000000;}
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%;}
td.edit_content{width:50%;}
td.sidebar_heading{width: 183px; height: 33px; background-image:
url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);background-color: #000000;border:1px solid #FFFFFF;text-align:
center;}
td.nav_heading{ width: 183px; height: 33px; background-image: url(http://80.190.202.79/pic/g/grits-extras/button3schwarz.jpg);
background-color:#000000; font-weight: bold; font-size: 15px; text-decoration: none;border:1px solid #FFFFFF;}
td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: url();background-color: #XXXXXX;text-align: right;border:0px solid #FFFFFF;}
td.edit_rb_footer{background-image: url();background-color: #000000;}
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://img.webme.com/pic/k/kameraauge/kameraauge-header-11.png);height:200px;border: 1px solid #FFFFFF;}
td.edit_content{background-image:url(http://img.webme.com/pic/k/kameraauge/content-kameraauge-neu3.png);
background-color:transparent;border: 0px solid #FFFFFF;}
td.edit_content_top{height: 33px;width:0px;background-image:
url(http://80.190.202.79/pic/k/kameraauge/button3schwarz-rot.png);background-color: #XXXXXX;border:1px solid #FFFFFF;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {background-image:url();background-color: #000000;color:
#FFFFFF;font-weight: bold;border:1px solid #FFFFFF;}
td#nav_abstand1{visibility:hidden;height:25px;}
td#nav_abstand2{visibility:hidden;height:25px;}
td#nav_abstand3{visibility:hidden;height:25px;}
td#nav_abstand4{visibility:hidden;height:25px;}
td#nav_abstand5{visibility:hidden;height:25px;}
td#nav_abstand6{visibility:hidden;height:25px;}
td#nav_abstand7{visibility:hidden;height:25px;}
td.headline{visibility: hidden;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_cbg{background-image: url();background-color: transparent;}
td.edit_rechts_bottom{background-image: url(http://80.190.202.79/pic/k/kameraauge/recht-streifen-rot.png);background-color:
#XXXXXX;}
td.edit_navi_headbg{background-image:
url(http://80.190.202.79/pic/k/kameraauge/streif-rot-190.png);background-color:#XXXXXX;}
td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_rb_footer{visibility: hidden;}
td{font-weight: bold;}
td#nav_MEINEWERKE{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7.jpg);background-color:;}
td#nav_MEINEWERKE:hover{background-image:url(http://80.190.202.79/pic/g/grits-extras/testbutton7).jpg;background-color:;}
-->
</style>

Da hast du aber einen schönen Button Cool . Das Design sollte jetzt funktionieren. Wenn du transparente Hintergründe haben willst, solltest du statt #xxxxxx transparent schreiben.
Beitrag19.07.2008 um 21:08 (UTC)    
Titel: ^^

jo...
______________
Beitrag19.07.2008 um 21:41 (UTC)    
Titel:

huhuuuuuuuu Very HappyVery HappyVery Happy

danke für eure hilfe ...jetzt hat es endlich geklappt ...freuuuuuuuu

naja ob der button so schön ist ...grins ...es geht so ...ich werd mir noch einen anderen basteln ...der dann besser passt

aber ich freue mich das es nun geklappt hat ....danke euch und besonders sc-hassel-jugend


Liebe Grüsse Grit
______________
MfG Grit

Beitrag20.07.2008 um 00:40 (UTC)    
Titel:

kameraauge hat Folgendes geschrieben:
huhuuuuuuuu Very HappyVery HappyVery Happy

danke für eure hilfe ...jetzt hat es endlich geklappt ...freuuuuuuuu

naja ob der button so schön ist ...grins ...es geht so ...ich werd mir noch einen anderen basteln ...der dann besser passt

aber ich freue mich das es nun geklappt hat ....danke euch und besonders sc-hassel-jugend


Liebe Grüsse Grit


ja grit, sc-hassel ist halt ein top-coder. immer nett und hilfsbereit.

gruss gringo
______________





Beiträge der letzten Zeit anzeigen:   


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