O czym chcesz poczytać na blogach?

Hover css

Wszystkie dodatki na glitery! - bloog.pl

Myszy i wchodzisz we właściwości potem kopiujesz kod np.http://republika.pl/blog_pt_4789396/7414687/tr/106.gif i wklejasz go zamiast WKLEJ TUTAJ potem wklejasz cały kod który znajduje się poniżej do dodatków HTML i masz podświetlenie z obrazkiem!!!<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(WKLEJ TUTAJ );}</style>

 

Kod na podświetlenie z kolorem:

 Najpierw wchodzisz na TĄ stronę..

asfodel blog

Zrobić to pozostawić wartośc domyślną, bo jak sie ustawi "+" to mozilla dodaje wartość do swojej domyślnej i wychodzi gigant wcięcie, a jak się ustawi na "-" to opera zjada marker i połowę tekstu na dokładkę. Zasad obsługi w IE nie rozgryzłam, ale to coś pośredniego. Dodatkowo wykryłam, że jesli się napisze w arkuszu pseudoklasy a:link a:visited i a:hover w innej kolejności niż właśnie napisałam, to rollover się wykrzacza, trudno orzec dlaczego. Poza tym narysowałam mapkę "Szlaku Krutyni" co nie było łatwe z uwagi na konieczność rezygnacji z dotychczas stosowanej metody.

Poza tym nadal muszę pisac że div align="center" chociaż to niezgodne, bo komenda margin:auto; działa tylko w operze.

Dzieło nastoletniego programisty, bardzo podobne do Extra Page.

asfodel 2004-06-14 18:09:35
skomentuj (3)

walidacja

Niniejszym informuję, że zespół w składzie Asfodel&Mendel mimo wielu sporów (Ja ci dam duże znacznki! Każdy nadmiarowy enter to zbrodnia! A ja mówię, że na końcu listy komend w css ma być średnik!) wypuścił w świat pierwszą komercyjną stronę która przechodzi walidację XHTML 1.0 transitional. Hy hy... Śmiech szaleńca...

asfodel 2004-06-17 22:54:30
skomentuj (1)

Instynkt nie zawodzi?

Właśnie przeczytałam w onetowym kiosku, że przeciętny menadżer poświęca na.

Blog cebul214

Design by gingery http://www.gingery.republika.pl-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<META name="Keywords" content="design by gingery, blog">
<title>{ksywa} blog</title>
<STYLE type="text/css">
BODY {
scrollbar-face-color:#05080D;
scrollbar-highlight-color:#05080D;
scrollbar-3dlight-color:#05080D;
scrollbar-darkshadow-color:#05080D;
scrollbar-shadow-color:#05080D;
scrollbar-arrow-color:#fad47e;
scrollbar-track-color:#05080D;}

BODY {FONT-SIZE: 10px; COLOR: #fad47e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #05080D;}
H1 {font-size: 10px; color: #fad47e;}
A {FONT-WEIGHT: bold; COLOR: e2b219; HEIGHT: 0px; TEXT-DECORATION: none;}
A:hover {FONT-WEIGHT: bold; FILTER: blur; COLOR: #fad47e; HEIGHT: 0px; TEXT-DECORATION: none;}
TD {FONT-SIZE: 10px; COLOR: #fad47e; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
</STYLE>
</head>



<body>



<div align="center">
<center>

<table.

Blame – webDevelopin'

Action=""> <input type="text" name="dane" /> <input type="image" src="sciezka_do_obrazka.png" /> </form>

Jest to bardzo uproszczona wersja, jednak nic bardziej finezyjnego nie będzie nam teraz potrzebne. Mamy pole, w którym wpisujemy przykładowe dane i przycisk image. Jak się go pozbyć? Tu na pomoc przychodzi nam oczywiście CSS. Wystarczy, że zamiast interesującego nas inputa wstawimy:

<input type="submit" id="submit" value="" />

A w arkuszu:

#submit{ width: 50px; height: 20px; display: block; background: url(scieżka_do_obrazka.png) no-repeat; }

I gotowe! Wymiary są oczywiście przykładowe i powinny być takie jak wymiary obrazka z przyciskiem..

    Że dodasz atrybut value=”" do input’a

    • tewie
    • Lipiec 20th, 2011
    • REPLY
    • QUOTE

    OK, faktycznie wystarczy dać value=”"
    Laikom takim jak ja dorzucę, że zmianę (podmianę) obrazka przycisku uzyskujemy prosto i skutecznie w css za pomocą pseudoklasy #submit:hover podając dla niej odpowiedni adres obrazka podmieniającego czyli np.
    background:.