Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag24.07.2007 um 05:09 (UTC)    
Titel: Iceblue: Hover und einzelne Buttons ändern?

hallo leute

ich bin totaler noob im css...

mich würde dennoch interesieren wie man hover buttons benutzt und wie man eine lücke im menue setzt kann mir das jemand für die ganz dummen erklären? Laughing


lg dennis


Zuletzt bearbeitet von listenhund am 24.07.2007, 18:06, insgesamt 3-mal bearbeitet
Beitrag24.07.2007 um 08:10 (UTC)    
Titel:

Beitrag24.07.2007 um 08:24 (UTC)    
Titel:

danke für die hilfe das mit den hover button sieht ja leicht aus im gegensatz zu den abständen :-O *gg*
Beitrag24.07.2007 um 08:26 (UTC)    
Titel:

Beitrag24.07.2007 um 08:32 (UTC)    
Titel:

Zitat:
td.nav{background-image:url(http://wassilij.kilu.de/Cool-Upload/nav.gif);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://wassilij.kilu.de/Cool-Upload/nav_hover.gif);background-repeat: no-repeat;}

natürlich bei css immer in der style anweisung eingebunden den gesamten code - das ist dein hover ein button oben dukel - ein button unten hell
- wenn man drüberfährt dann wird der untere sichtbar - ähnlich eines flash effektes sichtbar im ff und ie ab 7.

und die abstände stehtt hier
http://www.homepage-baukasten.de/forum/viewtopic.php?t=57237
ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag24.07.2007 um 11:01 (UTC)    
Titel:

kann man auch verschiedene buttons nehmen?

beispiel:

man zerschneidet ein ganzes bild in kleine buttons und setzt die einzelnen buttons dann als hover manü wieder zusammen so hat man dann ein bild als menue und dank hover efekt sieht man dann das es docheinzelne buttons sind


ich hoffe das iss verständlich *g*

gruß dennis

edit> hab jetz mal nen altes menü von meiner alten hp gefunden das iss so wie ich meinte

http://www.bloody-pain.de/test-menue.html


Zuletzt bearbeitet von listenhund am 24.07.2007, 12:11, insgesamt einmal bearbeitet
Beitrag24.07.2007 um 11:03 (UTC)    
Titel:

Ja das geht, ist nur viel arbeit^^ aber es ist machbar
______________


Beitrag24.07.2007 um 11:06 (UTC)    
Titel:

Hier das Tutorial, wie man es machen kann:

Tutorial: Das neue Feature ID's
http://www.homepage-baukasten.de/forum/viewtopic.php?t=46984
Beitrag24.07.2007 um 11:17 (UTC)    
Titel:

okdas iss wirklich viel arbeit ^^ noch ne frage kommt nich aber hier bekommt man wenigstens ne antwort nich so wie bei den verbesserungen xD


gruß dennis thx euch
Beitrag24.07.2007 um 17:04 (UTC)    
Titel:

hallo sorry ich hab noch ne frage zum hover button da ich den thared heute erst eröffnet hab wollt ich keinen neuen auf machen...

der code für den button steht ja oben den hab ich mir kopiert und meine url eingefügt aber es klappt nicht also entweder stimmt der code nich oder keine ahnung die bilder urls sind beide richtig also funktionieren beide auch

Zitat:

/* Navigation*/
td.nav{background-image:url(http://www.bloody-pain.de/button1.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://www.bloody-pain.de/button1-1.gif);background-repeat: no-repeat;}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url();background-color: #xxxxxx;width: 185px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 185px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 185px;height: 40px;background-image: url(http://www.bloody-pain.de/nav-button1.jpg);background-color: #XXXXXX;padding-top: 0px;font-weight: bold;font-size: 15px;text-decoration: none;}
td.edit_navi_headbg table{width: 185px;}
.menu{width: 185px;color: #000000 !important;font-weight: bold;padding-left: 35px;font-size: 12px;}
.menu a{color: #FFFF33;font-weight: bold;padding-left: 35px;text-decoration: none;font-size: 12px;}


was iss da falsch? :/
Beitrag24.07.2007 um 17:31 (UTC)    
Titel:

Hast du das rote auch dazugefügt?

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

/* Navigation*/
td.nav{background-image:url(http://www.bloody-pain.de/button1.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://www.bloody-pain.de/button1-1.gif);background-repeat: no-repeat;}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url();background-color: #xxxxxx;width: 185px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 185px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 185px;height: 40px;background-image: url(http://www.bloody-pain.de/nav-button1.jpg);background-color: #XXXXXX;padding-top: 0px;font-weight: bold;font-size: 15px;text-decoration: none;}
td.edit_navi_headbg table{width: 185px;}
.menu{width: 185px;color: #000000 !important;font-weight: bold;padding-left: 35px;font-size: 12px;}
.menu a{color: #FFFF33;font-weight: bold;padding-left: 35px;text-decoration: none;font-size: 12px;}
-->
</style>


PS: Auf welcher Seite soll es zu sehen sein? Listenhund.de.tl nicht oder?
Beitrag25.07.2007 um 04:05 (UTC)    
Titel:

nee sollte nur nen test werden da ich vor hab meine technotic.de.tl seite im iceblue mit eigenem design zu gestallten....deswegen will ich jetzt etwas üben und so auf css-testing.de.tl


der css code ist du ein teil vom ganzen das was bei dir rot ist steht mit da...

habe nur den menü teil kopiert

der ganze code ist der hier:

Zitat:
<style type="text/css">
<!--
/* Design 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: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color: #FFFF33;font-size: 12px;text-decoration: none;}
a:hover {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:visited {color: #XXXXXX;font-size: 12px;text-decoration: none;}

/* Hintergrund hinter Design */
body{background-image: url();background-color: #99ccff;color: #000000 !important;}


/* Header fixiert und zentriert*/
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(http://www.bloody-pain.de/haeder.jpg);}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}


/* Navigation*/
td.nav{background-image:url(http://www.bloody-pain.de/button1.jpg);background-repeat: no-repeat;}
td.nav:hover{background-image:url(http://www.bloody-pain.de/button1-1.gif);background-repeat: no-repeat;}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url();background-color: #XXXXXX;width: 185px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 185px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 185px;height: 40px;background-image: url(http://www.bloody-pain.de/nav-button1.jpg);background-color: #XXXXXX;padding-top: 0px;font-weight: bold;font-size: 15px;text-decoration: none;}
td.edit_navi_headbg table{width: 185px;}
.menu{width: 185px;color: #000000 !important;font-weight: bold;padding-left: 35px;font-size: 12px;}
.menu a{color: #FFFF33;font-weight: bold;padding-left: 35px;text-decoration: none;font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{color:#XXXXXX;font-size: 12px;text-decoration: none;}
td.edit_content a:hover {color: ##XXXXXX;font-size: 12px;text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content {background-image:url(http://www.bloody-pain.de/hg.gif);background-color: #XXXXXX;}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{height: 25px;background-image: url(http://www.bloody-pain.de/haederline1.jpg);background-color: #XXXXXX;}
td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: url();background-color: #XXXXXX;;text-align: right;}
td.edit_rechts_cbg{margin: 0px;background-image: url(URL);background-color: #XXXXXX;}


/* Rechte Boxen */
td.edit_rechts_sbg{width: 185px;height: 36px;background-image: url();width: 0px;}
td.sidebar_heading{background-image: url(http://www.bloody-pain.de/box-button1.jpg);background-color: #XXXXXX;border-bottom: 0px double #XXXXXX;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(http://www.bloody-pain.de/box-hg.jpg);background-color: #XXXXXX;color: #000000;font-weight: bold;}
td.edit_rb_footer{background-image: url();background-color: #XXXXXX;border-bottom: 0px solid ##XXXXXX;}
td.edit_rechts_bottom{background-image: url();background-color: #XXXXXX;}

-->
</style>


Zuletzt bearbeitet von listenhund am 25.07.2007, 09:36, insgesamt 2-mal bearbeitet
Beitrag25.07.2007 um 09:21 (UTC)    
Titel:

hi - ich habe mir erst die seite im ff angeschaut - alles bestens hover!! - dann im ie 7 - kein hover Crying or Very sad - dann habe ich den gesamten code zerlegt immer wieder ein teil rausgenommen, um zu sehen, welche anweisung der ie wieder mal nicht will - und die stört
bis zum schluß nur noch die td.nav und td.nav hover übrig waren - kein hover Crying or Very sad - dann habe ich meinen ie 7 erneut upgeloadet - neustart des pc- seite geöffnet - hover Laughing

also es liegt einzig an deinem ie - das du den hover nicht siehst

ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beitrag25.07.2007 um 14:11 (UTC)    
Titel:

huhu


danke für die mühe scheiss microsoft produkte *lol*

das läuft dann im IE 6 auch nicht denn den 7er hab ich nicht....

ich werd mir wohl doch nen anderen browser zulegen.... welcher ist denn besser feuerfux oder opera? Laughing
Beitrag25.07.2007 um 14:22 (UTC)    
Titel:

gern geschehen - danke für dein lob - das du den 6er hast - da wäre ich früher drauf gekommen - wenn es immer meinem ie 7 gelaufen wäre - das es in 6 net geht - das weiß ich ja - aber das mein ie7 kaputt war - da mußt du erst mal drauf kommen - opera - da tut sich der baukasten schwer mit also ich würde dir zu firefox raten - hat auch schöne extras - ciao michael
______________
Ciao Michael
Wenn man keine Ahnung hat, einfach mal fragen!


No Support via PN, E-Mail or Messenger - only here : FORUM
Beiträge der letzten Zeit anzeigen:   


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