|
Comunitatea uCoz Altele Instrumente şi Script-uri Cursor personal |
Cursor personal |
Uploadeaza un cursor pe site-ul tau, cursorul il poti gasi pe net sau in C:\WINDOWS\Cursors
Dute In Control Panel » Customize design » Common templates » Style sheet (CSS) Punel oriunde in CSS Code html{ cursor:url("Link cursor"),pointer; } a:hover { cursor:url("Link cursor"),pointer; } textarea { cursor:url("Link cursor"),pointer; } input { cursor:url("Link cursor"),pointer; } iframe { cursor:url("Link cursor"),pointer; } a:link { cursor:url("Link cursor"),pointer; } a:visited { cursor:url("Link cursor"),pointer; } a:active { cursor:url("Link cursor"),pointer; } a:focus { cursor:url("Link cursor"),pointer; } a:move { cursor:url("Link cursor"),pointer; } Inlocuieste scrisul acela (Link cursor) cu linkul unde ai uploadat cursorul ex: www.examplu.ro/cursor.cur Va recomandam sa puneti cursors in format .cur Apasati Save si gata, aveti cursorul schimbat. Rezultat: |
Recomand adaugare urmatorului cod in css pentru a ca , cursorul sa apara in mai multe tipuri de scripturi pe site (in majoriatea , de ex: text simplu , text +link , etc):
Code html{ cursor:url("Link cursor"),pointer; } a:hover { cursor:url("Link cursor"),pointer; } textarea { cursor:url("Link cursor"),pointer; } input { cursor:url("Link cursor"),pointer; } iframe { cursor:url("Link cursor"),pointer; } a:link { cursor:url("Link cursor"),pointer; } a:visited { cursor:url("Link cursor"),pointer; } a:active { cursor:url("Link cursor"),pointer; } a:focus { cursor:url("Link cursor"),pointer; } a:move { cursor:url("Link cursor"),pointer; } |
Cursor rosu-albastru (adaugat oriunde in CSS)
Code html{ cursor:url("http://easysharez.ucoz.com/img/blue.cur"),pointer; } a:hover { cursor:url("http://easysharez.ucoz.com/img/red.cur"),pointer; } |
Cu cea mai mare placere :-*
|
Având în vedere faptul că sunt milioane de cursoare pe internet, se poate întâmpla să ne placă mai multe variante şi să nu ne putem decide pe care să o adăugăm pe site. Aşa că propun o soluţie care să ne permită să avem mai multe tipuri de cursor, concomitent! Deci... la fiecare refresh va apărea de fiecare dată un model diferit de cursor … Astăzi vă arăt trei modalităţi prin care putem face acest lucru! Modalitatea 1 - Script Acest cod îl adăugăm în Partea superioară a site-ului: Cod <script language="JavaScript"> var a=Math.round(Math.random()*2) cursor = new Array(); cursor[0]="COD-CSS1" cursor[1]=" COD-CSS2" cursor[2]=" COD-CSS3" cursor[3]=" ..." document.write ("<style type=\"text/css\">"+kurzor[a]+"</style>"); </script> În acest cod, modificăm COD-CSS1, COD-CSS2 etc. cu codurile CSS ale cursoarelor pe care vrem să le utilizăm. Important: Dacă vrem mai multe cursoare, trebuie să continuăm după modelul dat: cursor[3], cursor[4], cursor[5] etc. Modalitatea 2 - Rotator de bannere 1) Panoul de control » Rotator de bannere & Categorie nouă. 2) Numele categoriei să fie CURSOARE. 3) Clic pe Adaugă banner. 4) Parametri:
5) Apasă pe butonul Salvează. Repetăm paşii 3-5 pentru fiecare cursor. 6) Adăugăm la începutul şablonului Partea superioară a site-ului codul categoriei de rotator de bannere. Modalitatea 3 - Informator random 1) Creezi un fişier text - fiecare rând al acestuia trebuie să conţină codul: Cod <style type="text/css">COD CSS</style> Deci fiecare rând - un cod CSS al unui cursor. 2) Panoul de control » Informatori » Creaţi informator. Datele:
3) Apeşi butonul Creat. 4) Adăugăm la începutul şablonului Partea superioară a site-ului codul informatorului creat. Gata!
|
| |||
| |||