 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
||||||||||||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
||||
|
CSS priručnik
CSS Tutorial CSS Priručnici CSS Tutorial Uvod 1. Umetanje 2. Background... 3. Selectori 4. Margin... 5. Fonts 6. Text 7. Tablice 8. Popis 9. Positioning 10. Napredno CSS Elementi Kontaktirajte nas... Naručite CD |
CSS Tutorial 10. Napredan CSS - napredni CSS elementi10.1 CursorMoguće vrijednosti: [<uri>] [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]Primjer :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html> <head> <title>Document's title</title> <style type="text/css"> body { background:#000000; color:#ffffff; cursor:cross-hair } #mainblock { position:relative; left:0; top:0; width:500; height:200; background:#000000; color:#ffffff; cursor:e-resize } </style> </head> <body> <div id="mainblock"> Cursor u blocku promijeni izgled. </div> </html> Stavite cursor u pravokutnik.
Cursor u blocku promijeni izgled.
Vjerojatno ste već primjetili da je cursor na ovoj stranici izmijenjen. To je napravljeno pomoću CSS-a. UOČITE : <uri> omogućava upotrebu slike. Radi ovako: cursor : url("image.cur") ali ne radi u Internet Explorer 5.5 i Netscape 6. 10.2 Style elementi u obrascimaCSS također omogućava promjenu izgleda, boje i texta u obrascima (forms). Pogledajte primjer !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html> <head> <title>Naslov</title> <style type="text/css"> .text { background:#000000; color:#ffffff; font-family: 'Book Antiqua', Verdana, 'Times New Roman', Serif; font-size: 15px; font-weight:normal; text-decoration:none; padding-left:6px; padding-top:1px } </style> </head> <body> <form> <div class= "text">Izaberite</div><br> <select style="color: #ffffff; font-family: Verdana, Serif; font-weight: bold; font-size: 12px; background-color: #600060" name="selection"> <option>---- selection ---- <option>Internet Explorer <option>Netscape <option>Other </select> <br><br> <div class="text">Reci nešto o svom izboru</div> <br> <textarea style="color: #ffff00; font-family: Verdana, Serif; font-weight: bold; font-size: 12px; background-color: #004400" name="comments" rows="8" cols="35"> </textarea> <br><br> <div class= "text">Upiši tvoj e-mail</div> <br> <input type="text" style="color: #00ffff; font-family: Verdana, Serif; font-weight: bold; font-size: 12px; background-color: #888800" name="email" size="25"> <br><br> <input type= "submit" name= "send" value= "Hajmo!"> <input type="reset" name="reset" value="Redo molim"> </form> </body> </html> Uočavate da smo upotrijebili inline style (svi style elementi su napisani direktno u HTML tag). Naravno mogli ste upotrijebiti i class selector. Eto evo je kraj ovog priručnika. Sada možete prijeći na CSS preglednik gdje je dan pregled svih CSS1, CSS2 te Internet Explorer CSS stilova i njihovih vrijednosti. |
 |
|
||||||||||||
|
|||||||||||||||
 |
|
||||||||||||||
 |
Text Oglasi Foto Oglasi Besplatne Stvari Besplatan Web Hosting Web Direktorij Dizajn |  |
|
||||||||||||
 |
|
||||||||||||||