http://blog-help.blog.hr/2008/08/1625308200/mijenjanje-kursora.html
4. Što je banner?
Banner je sličica koja, klikom na nju, vodi na neku stranicu. Najkraće objašnjeno, banner je slikovni link. Banner može biti animiran ili neanimiran, a najčešće je malih dimenzija da ne narušava izgled bloga ili stranice. Ukoliko izrađujete bannere, preporučam da ne pretjerujete s dimenzijama.
5. Kako napraviti HTML kôd bannera?
Sliku bannera uploadajte na neki hosting slika i kopirajte njen direktan link (Direct link). Uzmite donji HTML kôd i promijenite potrebne vrijednosti. Umjesto teksta ADRESA STRANICE navedite link stranice na koju želite da banner vodi, na označeno mjesto stavite direktan link do slike koju ste uploadali, a umjesto teksta OPIS SLIKE napišite bilo što. Taj će se tekst pokazati ako iz nekog razloga slika neće moći biti prikazana, te će taj tekst viditi na zadanu stranicu umjesto bannera.
Mijenjanje kursora
Vjerojatno ste više puta poželjeli umjesto standardne strelice imati sličicu po želji kao kursor na blogu. U ovom tutorijalu ću vas naučiti kako da to ostvarite.
Napomena: Kursor koji sami izradite bit će vidljiv jedino u Internet Exploreru.
Kursor ne možete izraditi u Paintu ili PhotoFiltreu. Za izradu kursora koristim jednostavan program Microangelo. Downloadajte probnu verziju ovdje.
Instalirajte program i pokrenite ga.
Nacrtajte kursor po želji.
Spremite ga u računalo.
Najčešće korišteni servisi za upload slika ne prihvaćaju upload kursora. Pokušajte otvoriti korisnički račun na stranici FreeWebs.com.
Uploadajte kursor pomoću opcije Manage Files. Kada proces uploada završi, u datotekama potražite dotičan kursor i kopirajte njegovu adresu.
U vašem HTML kodu predloška pronađite dio gdje se nalazi sljedeći kod:
body {font-family: Verdana, Arial, Times new roman; text-align: justify; font-size: 11px; color: #FFFFFF; background-image: url(http://i34.tinypic.com/2qkqwwm.jpg); background-repeat: repeat-y;}
te prije zadnje vitičaste zagrade dodajte sljedeći kod:
Umjesto riječi Link zalijepite adresu kursora.
Na kraju treba ispasti sljedeće:
body {font-family: Verdana, Arial, Times new roman; text-align: justify; font-size: 11px; color: #FFFFFF; background-image: url(http://i34.tinypic.com/2qkqwwm.jpg); background-repeat: repeat-y; cursor: url(LINK);}
Spremite promjene.
Stavili ste vlastiti kursor na blog.
Napomena: Kursor koji sami izradite bit će vidljiv jedino u Internet Exploreru.
Kursor ne možete izraditi u Paintu ili PhotoFiltreu. Za izradu kursora koristim jednostavan program Microangelo. Downloadajte probnu verziju ovdje.
Instalirajte program i pokrenite ga.
Nacrtajte kursor po želji.
Spremite ga u računalo.
Najčešće korišteni servisi za upload slika ne prihvaćaju upload kursora. Pokušajte otvoriti korisnički račun na stranici FreeWebs.com.
Uploadajte kursor pomoću opcije Manage Files. Kada proces uploada završi, u datotekama potražite dotičan kursor i kopirajte njegovu adresu.
U vašem HTML kodu predloška pronađite dio gdje se nalazi sljedeći kod:
body {font-family: Verdana, Arial, Times new roman; text-align: justify; font-size: 11px; color: #FFFFFF; background-image: url(http://i34.tinypic.com/2qkqwwm.jpg); background-repeat: repeat-y;}
te prije zadnje vitičaste zagrade dodajte sljedeći kod:
Umjesto riječi Link zalijepite adresu kursora.
Na kraju treba ispasti sljedeće:
body {font-family: Verdana, Arial, Times new roman; text-align: justify; font-size: 11px; color: #FFFFFF; background-image: url(http://i34.tinypic.com/2qkqwwm.jpg); background-repeat: repeat-y; cursor: url(LINK);}
Spremite promjene.
Stavili ste vlastiti kursor na blog.
Izrada blog predloška
''Kako napraviti predložak za blog???''
To pitanje postavlja gotovo svatko tko želi imati ili blog s predlošcima, ili svoj savršeni predložak, ili mu se ne da tražiti...
Ovaj tutorijal daje odgovor na to pitanje.
Najprije da napomenem, svi materijali korišteni u ovome tutorijalu, kao i na cijeloj ovoj stranici, su moji autorski radovi. Apsolutno zabranjujem ikakvo kopiranje, prerađivanje i korištenje istih bez mog pristanka i navođenja mene kao autora. Znam da ovime zvučim prilično bahato, ali dosta mi je kradljivaca za čitav život i ako kojeg uhvatim, vjerujte mi, zgadit ću mu blogosferu.
U izradi blog predloška bit će vam potrebno sljedeće:
~ WinZip mapa s dvije slike i HTML kodom (popis mapa pogledajte ovdje);
~ Program za obradu slike (popis programa pogledajte ovdje);
~ Program za obradu HTML koda (ukoliko želite detaljnije obraditi HTML kôd, popis programa se također nalazi ovdje).
Za ovaj tutorijal vam dajem svoj HTML kostur (tj. kôd), što ne znači da možete kopirati i mijenjati ostale moje kodove. Dopušteno je mijenjati samo onaj HTML kôd koji se nalazi u ovom tutorijalu u Koraku 2.
Krenimo s izradom predloška.
Korak 1.
Downloadajte WinZip mapu po želji. Raspakirajte mapu.
U njoj pronađite sliku naziva slika1. To je zaglavlje (header stranice). Uredite tu sliku kako god želite. Imajte na umu kako je u HTML kodu zadano da je boja teksta bijela, stoga ne preporučujem da područje unutar crta bojite svijetlim bojama. Ukoliko to ipak učinite, u HTML kodu ćete možda morati promijeniti nekoliko varijabli.
Kada ste uredili sliku1, uredite i drugu sliku iz mape naziva slika2. To je pozadina predloška, ista slika se ponavlja cijelom duljinom bloga. Na njoj promijenite samo bijele granice, ako ste ih mijenjali i na prvoj slici.
Spremite promjene.
Korak 2.
U mapi pronađite tekstualnu datoteku naziva html kod. Dotičan kôd zalijepite u bilo koji program za obradu HTML-a.
Korak 3.
Slike koje ste uredili u Koraku 1. uploadajte na ImageShack-u.
Kliknite na button na kojemu piše Browse i u računalu nađite sliku1.
Prozorčić pored teksta Resize image ne smije biti označen, a prozorčić pored teksta Remove size/resolution bar from thumbnail mora biti označen.
Kad ste to provjerili, kliknite na button na kojemu piše Host it! i pričekajte nekoliko sekundi. Nakon što vam se otvori nova stranica, potražite mjesto pri dnu gdje piše Direct link to image, te kopirajte kôd slike u textboxu pored toga.
U HTML kodu (sredina) potražite mjesto gdje piše
Sada umjesto teksta SLIKA1 zalijepite tekst (tj. kod) koji ste kopirali kad ste uploadali prvu sliku. Trebalo bi na kraju ispasti nešto poput:
Korak 4.
Na već opisani način uploadajte i sliku2, onu puno manju, i kopirajte kôd slike u textboxu pored teksta Direct link to image.
U HTML kodu (početak) potražite mjesto gdje piše
i zatim mjesto gdje piše SLIKA2 zamijenite sa tekstom (tj. kodom) kojeg ste kopirali na ImageShack-u.
Korak 5.
U HTML kodu (sredina) potražite mjesto gdje piše
Ova varijabla je link do vašeg bloga, tj. credits. Umjesto adrese http://dizajner.blog.hr napišite adresu svog bloga, a umjesto teksta Dizajner napišite svoje ime.
Spremite sve promjene u HTML kodu.
Gotovi ste.
P.S.
Možete još promijeniti tekst linka za komentiranje, ili se igrati s bojama i fontovima, ali to preporučam jedino onima koji se više razumiju u HTML. Javite mi je li vam ovaj tutorijal pomogao, no ako vam i nakon ovog tutorijala ništa nije jasno, žao mi je, sve sam ovdje napisala i neću ponovno objašnjavati, a tutorijal je stvarno bio prilagođen potpunim početnicima. Ukoliko nešto ne bude u redu s HTML kodom koji sam vam dala, kontaktirajte me da uklonim problem.
To pitanje postavlja gotovo svatko tko želi imati ili blog s predlošcima, ili svoj savršeni predložak, ili mu se ne da tražiti...
Ovaj tutorijal daje odgovor na to pitanje.
Najprije da napomenem, svi materijali korišteni u ovome tutorijalu, kao i na cijeloj ovoj stranici, su moji autorski radovi. Apsolutno zabranjujem ikakvo kopiranje, prerađivanje i korištenje istih bez mog pristanka i navođenja mene kao autora. Znam da ovime zvučim prilično bahato, ali dosta mi je kradljivaca za čitav život i ako kojeg uhvatim, vjerujte mi, zgadit ću mu blogosferu.
U izradi blog predloška bit će vam potrebno sljedeće:
~ WinZip mapa s dvije slike i HTML kodom (popis mapa pogledajte ovdje);
~ Program za obradu slike (popis programa pogledajte ovdje);
~ Program za obradu HTML koda (ukoliko želite detaljnije obraditi HTML kôd, popis programa se također nalazi ovdje).
Za ovaj tutorijal vam dajem svoj HTML kostur (tj. kôd), što ne znači da možete kopirati i mijenjati ostale moje kodove. Dopušteno je mijenjati samo onaj HTML kôd koji se nalazi u ovom tutorijalu u Koraku 2.
Krenimo s izradom predloška.
Korak 1.
Downloadajte WinZip mapu po želji. Raspakirajte mapu.
U njoj pronađite sliku naziva slika1. To je zaglavlje (header stranice). Uredite tu sliku kako god želite. Imajte na umu kako je u HTML kodu zadano da je boja teksta bijela, stoga ne preporučujem da područje unutar crta bojite svijetlim bojama. Ukoliko to ipak učinite, u HTML kodu ćete možda morati promijeniti nekoliko varijabli.
Kada ste uredili sliku1, uredite i drugu sliku iz mape naziva slika2. To je pozadina predloška, ista slika se ponavlja cijelom duljinom bloga. Na njoj promijenite samo bijele granice, ako ste ih mijenjali i na prvoj slici.
Spremite promjene.
Korak 2.
U mapi pronađite tekstualnu datoteku naziva html kod. Dotičan kôd zalijepite u bilo koji program za obradu HTML-a.
Korak 3.
Slike koje ste uredili u Koraku 1. uploadajte na ImageShack-u.
Kliknite na button na kojemu piše Browse i u računalu nađite sliku1.
Prozorčić pored teksta Resize image ne smije biti označen, a prozorčić pored teksta Remove size/resolution bar from thumbnail mora biti označen.
Kad ste to provjerili, kliknite na button na kojemu piše Host it! i pričekajte nekoliko sekundi. Nakon što vam se otvori nova stranica, potražite mjesto pri dnu gdje piše Direct link to image, te kopirajte kôd slike u textboxu pored toga.
U HTML kodu (sredina) potražite mjesto gdje piše
Sada umjesto teksta SLIKA1 zalijepite tekst (tj. kod) koji ste kopirali kad ste uploadali prvu sliku. Trebalo bi na kraju ispasti nešto poput:
Korak 4.
Na već opisani način uploadajte i sliku2, onu puno manju, i kopirajte kôd slike u textboxu pored teksta Direct link to image.
U HTML kodu (početak) potražite mjesto gdje piše
i zatim mjesto gdje piše SLIKA2 zamijenite sa tekstom (tj. kodom) kojeg ste kopirali na ImageShack-u.
Korak 5.
U HTML kodu (sredina) potražite mjesto gdje piše
Ova varijabla je link do vašeg bloga, tj. credits. Umjesto adrese http://dizajner.blog.hr napišite adresu svog bloga, a umjesto teksta Dizajner napišite svoje ime.
Spremite sve promjene u HTML kodu.
Gotovi ste.
P.S.
Možete još promijeniti tekst linka za komentiranje, ili se igrati s bojama i fontovima, ali to preporučam jedino onima koji se više razumiju u HTML. Javite mi je li vam ovaj tutorijal pomogao, no ako vam i nakon ovog tutorijala ništa nije jasno, žao mi je, sve sam ovdje napisala i neću ponovno objašnjavati, a tutorijal je stvarno bio prilagođen potpunim početnicima. Ukoliko nešto ne bude u redu s HTML kodom koji sam vam dala, kontaktirajte me da uklonim problem.
4. Što je banner?
Banner je sličica koja, klikom na nju, vodi na neku stranicu. Najkraće objašnjeno, banner je slikovni link. Banner može biti animiran ili neanimiran, a najčešće je malih dimenzija da ne narušava izgled bloga ili stranice. Ukoliko izrađujete bannere, preporučam da ne pretjerujete s dimenzijama.
5. Kako napraviti HTML kôd bannera?
Sliku bannera uploadajte na neki hosting slika i kopirajte njen direktan link (Direct link). Uzmite donji HTML kôd i promijenite potrebne vrijednosti. Umjesto teksta ADRESA STRANICE navedite link stranice na koju želite da banner vodi, na označeno mjesto stavite direktan link do slike koju ste uploadali, a umjesto teksta OPIS SLIKE napišite bilo što. Taj će se tekst pokazati ako iz nekog razloga slika neće moći biti prikazana, te će taj tekst viditi na zadanu stranicu umjesto bannera.
<a href="ADRESA STRANICE" target="_blank"><img src="DIREKTAN LINK DO SLIKE" border="0" alt="OPIS SLIKE"></a>
6. Kako ga staviti na blog da ga drugi mogu uzimati?
Najprije napravite ono što je napisano u odgovoru iznad. Zatim uzmite moj kôd za textbox i u njemu riječ ENTER zamijenite s kodom koji ste dobili u odgovoru iznad.
Najprije napravite ono što je napisano u odgovoru iznad. Zatim uzmite moj kôd za textbox i u njemu riječ ENTER zamijenite s kodom koji ste dobili u odgovoru iznad.
8. Kako staviti na blog sliku i kôd predloška da ga drugi mogu uzimati?
Napravite screenshot probnog bloga na kojemu isprobavate predloške, hostajte tu sliku na nekom serveru i ubacite je u post. Za kôd je isto, hostajte ga i u postu navedite link do datoteke s kodom.
9. Linkovi za uploadane kodove ne rade!
Serveri za upload podataka najčešće brišu svaku datoteku koja neko vrijeme nije nijednom downloadana. RapidShare, primjerice, uploadanu datoteku obriše ako nije downloadana unutar 90 dana. No problem ne mora uvijek biti u tome, možda ste u postu naveli krivi link. Provjerite to. Upload podataka
Kada, na primjer, izrađujete predloške za blog i želite na web staviti HTML kodove spomenutih predložaka za slobodan download, javlja se problem. Ne možete HTML kodove jednostavno zalijepiti u post i objaviti ga jer se kodovi u browseru procesiraju. Možda bi se netko sjetio staviti textbox, ali zamislite koliko bi post sa 2 – 3 takva textboxa s HTML kodovima zauzeo prostora za ispisivanje u blogeditoru.
Za rješavanje ovog problema postoje hosting stranice koje na vaš zahtjev dokumente s vašeg računala spremaju na svoj hard disk te vam daju linkove do njih kako bi i drugi mogli doći do tih dokumenata. Dakle, za stavljanje kodova vaših predložaka za slobodan download jednostavno koristimo neku hosting stranicu.
Za ovaj tutorijal o uploadu podataka koristila sam vjerojatno najjednostavniju hosting stranicu Save File. Znači, ako želite davati drugima bilo kakve dokumente i slično za download, pratite tutorijal.
1. Posjetite stranicu Save File (kliknite na riječ).
2. U drugom okviru sa strane nalazi se box s naslovom Upload your file za upload podataka (pratite crvenu strelicu na slici).
3. Kliknite na button na kojemu piše Browse i u računalu pronađite dokument kojega želite uploadati.
4. Ispunite boxeve po želji, prepišite sigurnosni kôd i kliknite na button na kojemu piše Upload my file (pogledajte sliku).
5. Kad vam se otvori nova stranica, dobit ćete link za download dokumenta (pogledajte sliku). Kopirajte njegovu lokaciju (desni klik miša - Copy link location).
6. Na lokaciji tog linka klikom na button Download file drugi mogu doći do vašeg dokumenta kojeg ste upravo uploadali (pogledajte sliku). Postavite link do koda na tu lokaciju i objavite na blogu.
P.S. Kada postavljate kodove predložaka za download, uz link koda priložite i smanjenu sliku istog predloška. Uploadajte ju na nekom hostingu za slike i zalijepite kôd slike pored linka za download kôda.
Za rješavanje ovog problema postoje hosting stranice koje na vaš zahtjev dokumente s vašeg računala spremaju na svoj hard disk te vam daju linkove do njih kako bi i drugi mogli doći do tih dokumenata. Dakle, za stavljanje kodova vaših predložaka za slobodan download jednostavno koristimo neku hosting stranicu.
Za ovaj tutorijal o uploadu podataka koristila sam vjerojatno najjednostavniju hosting stranicu Save File. Znači, ako želite davati drugima bilo kakve dokumente i slično za download, pratite tutorijal.
1. Posjetite stranicu Save File (kliknite na riječ).
2. U drugom okviru sa strane nalazi se box s naslovom Upload your file za upload podataka (pratite crvenu strelicu na slici).
3. Kliknite na button na kojemu piše Browse i u računalu pronađite dokument kojega želite uploadati.
4. Ispunite boxeve po želji, prepišite sigurnosni kôd i kliknite na button na kojemu piše Upload my file (pogledajte sliku).
5. Kad vam se otvori nova stranica, dobit ćete link za download dokumenta (pogledajte sliku). Kopirajte njegovu lokaciju (desni klik miša - Copy link location).
6. Na lokaciji tog linka klikom na button Download file drugi mogu doći do vašeg dokumenta kojeg ste upravo uploadali (pogledajte sliku). Postavite link do koda na tu lokaciju i objavite na blogu.
P.S. Kada postavljate kodove predložaka za download, uz link koda priložite i smanjenu sliku istog predloška. Uploadajte ju na nekom hostingu za slike i zalijepite kôd slike pored linka za download kôda.
- Korisne kratice -
| Evo nekolko korisnih kratica na tipkovnici za one koji žele drugačiji pristup aplikacijama. Windows Key + F - Pokreće alat za traženje (Find) Windows Key + M - Smanjuje otvorene prozore Windows Key + R - Pokreće "Run" aplikaciju Windows Key + U - Pokreće utility manager Alt + F4 - Zatvara sve aktivne aplikacije. Npr. ako gledate nekakav film (švedska drama),a ulete vam starci u sobu. Ctrl+Alt+Del - Za slučaj da vam se Windows "zamrzne" i sl. Shift + Del - Potpuno brisanje fileova iz računala (zaobilazi Recycle BIn) Ctrl + C - Zamjenjuje "Copy" naredbu Ctrl + V - Zamjenjuje "Paste" naredbu Ctrl + A - Obilježava sve fileove u trenutnom direktoriju ALT+- (ALT+hyphen) Displays the Multiple Document Interface (MDI) child window's System menu ALT+ENTER View properties for the selected item ALT+ESC Cycle through items in the order they were opened ALT+F4 Close the active item, or quit the active program ALT+SPACEBAR Display the System menu for the active window ALT+TAB Switch between open items ALT+Underlined letter Display the corresponding menu BACKSPACE View the folder one level up in My Computer or Windows Explorer CTRL+A -Select all CTRL+B- Bold CTRL+C -Copy CTRL+I -Italics CTRL+O -Open an item CTRL+U- Underline CTRL+V- Paste CTRL+X -Cut CTRL+Z -Undo CTRL+F4 -Close the active document CTRL -while dragging Copy selected item CTRL+SHIFT -while dragging Create shortcut to selected iteM CTRL+RIGHT ARROW- Move the insertion point to the beginning of the next word CTRL+LEFT ARROW- Move the insertion point to the beginning of the previous word CTRL+DOWN ARROW -Move the insertion point to the beginning of the next paragraph CTRL+UP ARROW -Move the insertion point to the beginning of the previous paragraph SHIFT+DELETE -Delete selected item permanently without placing the item in the Recycle Bin ESC -Cancel the current task F1 -Displays Help F2 -Rename selected item F3 -Search for a file or folder F4 -Display the Address bar list in My Computer or Windows Explorer F5 -Refresh the active window F6 -Cycle through screen elements in a window or on the desktop F10 -Activate the menu bar in the active program SHIFT+F10 -Display the shortcut menu for the selected item CTRL+ESC -Display the Start menu SHIFT+CTRL+ESC -Launches Task Manager SHIFT- when you insert a CD Prevent the CD from automatically playing WIN -Display or hide the Start menu WIN+BREAK -Display the System Properties dialog box WIN+D- Minimizes all Windows and shows the Desktop WIN+E -Open Windows Explorer WIN+F -Search for a file or folder WIN+F+CTRL- Search for computers WIN+L -Locks the desktop WIN+M -Minimize or restore all windows WIN+R -Open the Run dialog box WIN+TAB -Switch between open items Windows Explorer Shortcuts ALT+SPACEBAR - Display the current window’s system menu SHIFT+F10 - Display the item's context menu CTRL+ESC - Display the Start menu ALT+TAB - Switch to the window you last used ALT+F4 - Close the current window or quit CTRL+A - Select all items CTRL+X - Cut selected item(s) CTRL+C - Copy selected item(s) CTRL+V - Paste item(s) CTRL+Z - Undo last action CTRL+(+) - Automatically resize the columns in the right hand pane TAB - Move forward through options ALT+RIGHT ARROW - Move forward to a previous view ALT+LEFT ARROW - Move backward to a previous view SHIFT+DELETE - Delete an item immediately BACKSPACE - View the folder one level up ALT+ENTER - View an item’s properties F10 - Activate the menu bar in programs F6 - Switch between left and right panes F5 - Refresh window contents F3 - Display Find application F2 - Rename selected item Internet Explorer Shortcuts CTRL+A - Select all items on the current page CTRL+D - Add the current page to your Favorites CTRL+E - Open the Search bar CTRL+F - Find on this page CTRL+H - Open the History bar CTRL+I - Open the Favorites bar CTRL+N - Open a new window CTRL+O - Go to a new location CTRL+P - Print the current page or active frame CTRL+S - Save the current page CTRL+W - Close current browser window CTRL+ENTER - Adds the http://www. (url) .com SHIFT+CLICK - Open link in new window BACKSPACE - Go to the previous page ALT+HOME - Go to your Home page HOME - Move to the beginning of a document TAB - Move forward through items on a page END - Move to the end of a document ESC - Stop downloading a page F11 - Toggle full-screen view F5 - Refresh the current page F4 - Display list of typed addresses F6 - Change Address bar and page focus ALT+RIGHT ARROW - Go to the next page SHIFT+CTRL+TAB - Move back between frames SHIFT+F10 - Display a shortcut menu for a link SHIFT+TAB - Move back through the items on a page CTRL+TAB - Move forward between frames CTRL+C - Copy selected items to the clipboard CTRL+V - Insert contents of the clipboard ENTER - Activate a selected link HOME - Move to the beginning of a document END - Move to the end of a document F1 - Display Internet Explorer Help |
| Ako često ispisujete web stranice znati ćete cijeniti ovo što slijedi. Naime kada ispisujete web stranicu vjerovatno to radite zato što vas zanima nekakav tekst, a ne slike koje mogu biti samo smetnja (troše previše tinte, znatno usporavaju rad i na kraju rezultat ispisa slika zna biti jako loš). Želite li mogućnost povremenog ispisivanja web stranica s isključenim svim slikama, nastavite čitati. 1.) Otvorite Notepad 2.) Upišite "IMG { display:noneimportant;)" 3.) Zatim : Save As "Nolmages.css" 4.) Otvorite IE 5.) Tools 6.) Internet Options 7.) Tab - General 8.) Accessibility 9.) Stavite kvačicu kraj : Format documents using my style sheet 10.) Browse 11.) Nađite i odaberite datoteku Nolmages.css 12.) Uklonite kvačicu kraj Format documents 13.) Pozatvarajte sve prozore s OK Kad god zaželite odštampati neku stranicu bez slika, dovoljno će biti otvoriti prozor Accessibillity i uključiti opciju Format documents, a kad ste gotovi, isključiti je.! |
Nema komentara:
Objavi komentar