Autor |
Nachricht |
-
listenhund
Wohnort: Erfurt
|
24.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?
lg dennis
Zuletzt bearbeitet von listenhund am 24.07.2007, 18:06, insgesamt 3-mal bearbeitet
|
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
24.07.2007 um 08:10 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
24.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* |
|
↑
|
|
|
-
zwoelfs-hpdesigns
|
24.07.2007 um 08:26 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
24.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
|
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
24.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
|
|
↑
|
|
|
-
zwoelf
|
24.07.2007 um 11:03 (UTC) Titel: |
|
|
Ja das geht, ist nur viel arbeit^^ aber es ist machbar ______________
|
|
↑
|
|
|
-
pazox
|
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
24.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 |
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
24.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? :/ |
|
↑
|
|
|
-
pazox
|
24.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? |
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
25.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
|
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
25.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 - 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 - dann habe ich meinen ie 7 erneut upgeloadet - neustart des pc- seite geöffnet - hover
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
|
|
↑
|
|
|
-
listenhund
Wohnort: Erfurt
|
25.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? |
|
↑
|
|
|
-
success4you
Wohnort: RheinMainArea
|
25.07.2007 um 14:22 (UTC) Titel: |
|
|
|
|
↑
|
|
|
|