Zaobljene krugove možete staviti na DIV-ove i na slike…
Evo primjera:
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
Kako napraviti zaobljene kutove?
Odgovor
Sviđa mi seDodajte sjenu na tekst
Primjer 1
.sjena1 {text-shadow:1px 1px 3px #999;}
<span class="sjena1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Napravite ‘vodeni žig’ / logo u kutu bloga
Potrebno je samo u CSS bloga dodati ovaj köd:
.watermark {position:fixed; bottom:5%; right:5%; border:none; width:50px; height:50px;}
<a href="URL BLOGA" class="watermark"><img src="URL LOGO-a" /></a>
Napravite jednostavnu galeriju u postu
U ovom tutorijalu ću vam pokazati kako napraviti jednostavnu galeriju u postu. Za početak ćemo napraviti iframe odnosno okvir.
<iframe src="URL SLIKE" id="galerija" width="640px" height="480px" scrolling="yes" border="none"></iframe>
Nakon toga ćemo dodati thumbnails tj. sličice.
<a href="URL VELIKE SLIKE" rel="galerija" class="thumbnail"><img src="URL MALE SLIKE" /></a> <a href="URL VELIKE SLIKE 2" rel="galerija" class="thumbnail"><img src="URL MALE SLIKE 2" /></a> <a href="URL VELIKE SLIKE 3" rel="galerija" class="thumbnail"><img src="URL MALE SLIKE 3" /></a>
Dodavanje slika i galerija u post
Prije nekoliko dana blog.hr je uveo novu opciju dodavanja slika i to IZRAVNO u post. Naime, moguće je učitati sliku s računala, odabrati sliku sa linka ili odabrati već postojeću sliku iz naše zbirke (‘Slike s ovog bloga’).
Dodajte banner na svoj blog!
Kopirajte određeni köd na mjesto gdje želite postaviti banner.
<script type="text/javascript" src="http://novi.uphero.com/scripts/banners.js"></script> <script type="text/javascript">banner2()</script>
Tekst s animacijom (marquee)
Primjer 1
<marquee> xJURE BLOG! <img src="slika.jpg"> </marquee>
Dodajte ikonu na vaš blog
1. korak – napravite ikonu
Prvo morate napraviti sliku s vašim logom ili uzeti već postojeću sliku.
Nastavi čitati
Uklonite reklamu u kutu bloga
S pomoću ovog koda uklonite reklamni box u donjem desnom kutu vašeg bloga. Jednostavno kopirajte slijedeći kod unutar head taga.
Nastavi čitati
Naučite naređivati pozadinsku sliku na blogu
U nekoliko primjera naučite kako namještati i mijenjati pozadinsku sliku na blogu.
Nastavi čitati