Podstrony
- telcocafe
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- [CSS] Odstęp miedzy obrazkami w tle Jak usunąć odstęp miedzy obrazkami w tle ?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- CSS 2.1 + PHP5 Nie odczytuje grafiki!!!!
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- [cSs] jasnoszary border 'jotpegów' Pomocy !! :)
- [HTML/CSS]Problem z wyświetlaniem strony różnice w wyświetlaniu strony w IE i Firefox
- [CSS] Problem wyświetlania w MSIE szablonu w internet explorer 6 zle wyświetla szablon
- [css + Ie + Div] Div Jest Zbyt Szeroki Div w ie nie trzyma swojego rozmiaru...
- Kod stylu kod stylu CSS
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anapro.xlx.pl
telcocafe
Witam!Mam na stronie obszar (zrobiony z <div>) i po najechaniu na niego zmienia się kolor na ciemniejszy, a po jego opuszczeniu zmienia się na kolor tła, czyli domyślny kolor. Wszystko gra OK, ale do czasu zabawy ze stylami.
Otóz, domyślnie tło ustawione jest na białe i po najechaniu trochę się szarzeje (taki fajny efekt przy najechaniu) I problem tkwi w tym, że gdy zmienię sobie styl na np. z czarnym tłem to ten efekt już jest do du**, po najechniu na obszar tło zmienia się z czarnego do prawie białe (szare).
I czy macie jakiś pomysł aby wraz ze zmianą stylu powiązać też tło po najechaniu?
Miałem taki pomysł aby te tło po najechaniu wziąść jakoś ze styli, tylko czy to jest możliwe.
Przykładowo wygląda to tak z białym tłem: link-biały
A wygląda to tak z czarnym tłem: link-czarny
kod z białym tłem wygląda tak:
<head> <style> body{ background-color: #FFFFFF; color:#00000 } </style> </head> <script language="javascript"> function kolor(id, color){ document.getElementById(id).style.background= color; } </script> <body> <div onmouseover="kolor('pages', '#F7F7F7')" onmouseout="kolor('pages', document.bgColor)" style="width: 384px; height: 65px" id="pages">tekst</div> </body>
a tak z czarnym
... body{ background-color: #000000; color:#FFFFFF } ...
Proszę o pomoc.
Yyy ale nie rozumiem o co chodzi, nie wiesz jak dobrać kolory ?
Jeśli tło strony masz czarne, to daj tło po najechaniu trochę jaśniejsze od czarnego, i białe dla font'a i już ?
ale jak umieścić w stylu jakiś kolor, np dla białego koloru trochę ciemniejszy, a dla czarnego koloru trochę jaśniejszy. Chodzi o to żeby w stylu umieścić kolor jaki będzie po najechaniu na obszar. Bo ta komenda kolor('pages', '#F7F7F7') jest dobra do białego tła, a jak zmienię na jakiś inny styl to będę musiał też ręcznie zmienić to kolor('pages', '#F7F7F7') na inną, a ja chcę żeby było to podane w stylu
Javascript ?
Sprawdzasz kolor tła i wykonujesz co trzeba na tym drugim kolorze ?
chodzi mi o to żeby w stylu CSS zamieścić informację o kolorze tła obszaru po najechaniu
<div> inny kolor tla po najechaniu </div> // css div:hover { background-color: #CCC; }
Pseudo klase :hover ustawiasz dla danego elementu.
Użytkownik lopik_ edytował ten post 20 kwiecień 2007, 13:53
a jak będę miał kilka div'ów na stronie to wszystki będę tak reagowć na najechanie. Można temu jakoś zaradzić, żeby się to tyczyło tylko wybranych?
No to przeciez możesz to wsadzić w class
.guzik:hover { background-color: #CCC; }
No to przeciez możesz to wsadzić w class
.guzik:hover { background-color: #CCC; }
Zrobiłem tak i nie działa
<head> <style> .guzik:hover { background-color: #CCC; } body{ background-color: #FFFFFF; color:#00000 } </style> </head> <body> <div class="guzik" style="width: 384px; height: 65px" id="pages">tekst</div> </body>
No rzeczywiście nie działa, jak pisałem to nie sprawdzałem tego.
Widocznie pseudo klasy nie są do końca wspierane przez przeglądarki.
No to pozostał JS.
a dało by się za pomocą JS odczytać ze styli kolor tego .guzik, alo z czegoś innego ?
Javascript + DOM = możesz manipulować każdym szczegółem CSS'a i HTML'a (czasem nawet więcej niż można sobie wyobrażać).
Tutaj masz DOM CSS http://www.w3.org/TR...vel-2-Style/css.
Użytkownik lopik_ edytował ten post 21 kwiecień 2007, 08:24