Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
cienie na buttonach - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: cienie na buttonach (/thread-cienie-na-buttonach)



cienie na buttonach - mishel - 05-09-2012

Witam,

Poszukuję informacji jak zrobić cienie wokół buttonów wyświetlane po najechaniu myszką. Coś a'la http://www.goldenline.pl/ (dołącz do Goldenline).

Nie mam doświadczenia liczę na pomoc forumowiczów Wink


RE: cienie na buttonach - camelrafal - 05-09-2012

Kod:
.guzik:hover{
box-shadow:0px 0px 4px black;
}



RE: cienie na buttonach - mishel - 06-09-2012

(05-09-2012, 23:46)camelrafal napisał(a):
Kod:
.guzik:hover{
box-shadow:0px 0px 4px black;
}

W kodzie obecnie mam:

<form action="/podstrona.html" >
<input type="submit" style="width: 302px;height: 87px; padding-bottom:20px; display: block;background: url(/imgs/button2.png) no-repeat;font-size:26px; font-family:Georgia,Georgia;cursor: hand; cursor: pointer; " value="Dla przedsiębiorców" />
</form>

poproszę o podpowiedź jak dodać


RE: cienie na buttonach - camelrafal - 06-09-2012

Kod:
<style>
.guzik{
width: 302px;
height: 87px;
padding-bottom:20px;
display: block;
background: url(/imgs/button2.png) no-repeat;font-size:26px;
font-family:Georgia,Georgia;
cursor: pointer;
}

.guzik:hover{
box-shadow:0px 0px 4px black;
}
</style>
<input type="submit" class="guzik"  value="Dla przedsiębiorców" />



RE: cienie na buttonach - Pedro84 - 06-09-2012

@mishel - style się wstawia do zewnętrznego pliku CSS.


RE: cienie na buttonach - Kartofelek - 06-09-2012