Rengeteg tippet, tanácsot adunk ahhoz hogy blogodat szebbé tehesd! Valamint rendelhetsz kritikát és logót is! Ha bármi kérdésed van, kommentelj, írj a chatboxba nézz be a Segítség menüpontunkba vagy írj e-mail címünkre!
Üdvözöllek a ~Critisc from me nevű blogon, ahol találhatsz kritikákat, cikkeket a blogolásról, blog-ajánlókat, könyv-ajánlókat, logókat, fejléceket, egyedi design-eket, és hasonló fantasztikus dolgokat! A blognak négy szerkesztője van, róluk a szerzők menüpontban olvashatsz többet! Érezd jól magadat!
- Critics from me csapata.
# Fejléc trükk- Könnyű trükk
2014. április 11., péntek / permalink
Kedves Olvasó!
A jelenlegi állás szerint, a blogcíme kurzor hatására halványodik! Nem, ez nem teljesen HTML-kódos mutatvány.
Ha elolvasod az alábbiakat és követed, te is megtudod csinálni!
1. Nyisd meg ezt az oldalt: www.pixlr.com/editor
Ez egy online fotó szerkesztő! :) Amint betöltött, a felbukkanó ablakon kérlek válaszd a "New Image" parancsot. Itt, állíthatod a magasságát a felületnek. Amint meg van, a blogod szélességéhez igazítva, keress alul egy négyzetet a felirat "Transparent". Kattints a négyzetre, s ha ki pipáltad, OK.
2. Most meg van egy átlátszó felület. Ha kockás, akkor jól csináltad. Most, A jobb oldalon oszlopban megtalálod az eszközöket, ott pedig alul egy fekete "A" betűt. Kérlek ismét kattints!
Ezután a felületre, lehetőleg középre! Írd be azt a szöveget amit látni szeretnél fent. Egy kis ablakban tudsz betűtípust választani, színt. Ne feledd, most nincs háttér! :) Ha kész, akkor OK. Egy fekete kurzornak kell megjelenni ha a szöveg felé viszed. Most nyomd le a bal egér gombot, és húzd a tetszőleges helyre a szöveget.
3. Ha szeretnél még egyet, ismételd meg a 2. lépés, második bekezdését!
4. Most mentsd el! "File- Save" Ott pedig írj be egy nevet a képnek, a JPG-t pedig állítsd át PNG-re. Csak így kapsz áttetsző képet. Majd OK, és helyezd el egy mappába.
5. Lépj be a blogger fiókodba. Menj a szépíteni való blog kezelő pultjára, Elrendezés- Fejléc. Itt helyezd be a képet, ne zsugorítsd! Fontos: a beállítás szerint a kép a cím és leírás mögött helyezkedjen el! Mentés!
6. Most pedig, kérlek keress egy alkalmas helyet, Modul elhelyezés. A lehetőségek között válaszd a HTML/JavaScriptet! Ide másold be pontosan ezt, címet ne írj, és mást sem!
Ezt másold:
<style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .80s}
img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}
</style>
Majd mentés!
Kész is vagyunk!
Utóirat: Ez a kód alkalmas elhalványítani a linkelt képeket is! :) Sok blog ezt titkolja ;)
Remélem hasznos kis segítség volt! Ha valamit nem értessz, szólj!
Viki
A jelenlegi állás szerint, a blogcíme kurzor hatására halványodik! Nem, ez nem teljesen HTML-kódos mutatvány.
Ha elolvasod az alábbiakat és követed, te is megtudod csinálni!
1. Nyisd meg ezt az oldalt: www.pixlr.com/editor
Ez egy online fotó szerkesztő! :) Amint betöltött, a felbukkanó ablakon kérlek válaszd a "New Image" parancsot. Itt, állíthatod a magasságát a felületnek. Amint meg van, a blogod szélességéhez igazítva, keress alul egy négyzetet a felirat "Transparent". Kattints a négyzetre, s ha ki pipáltad, OK.
2. Most meg van egy átlátszó felület. Ha kockás, akkor jól csináltad. Most, A jobb oldalon oszlopban megtalálod az eszközöket, ott pedig alul egy fekete "A" betűt. Kérlek ismét kattints!
Ezután a felületre, lehetőleg középre! Írd be azt a szöveget amit látni szeretnél fent. Egy kis ablakban tudsz betűtípust választani, színt. Ne feledd, most nincs háttér! :) Ha kész, akkor OK. Egy fekete kurzornak kell megjelenni ha a szöveg felé viszed. Most nyomd le a bal egér gombot, és húzd a tetszőleges helyre a szöveget.
3. Ha szeretnél még egyet, ismételd meg a 2. lépés, második bekezdését!
4. Most mentsd el! "File- Save" Ott pedig írj be egy nevet a képnek, a JPG-t pedig állítsd át PNG-re. Csak így kapsz áttetsző képet. Majd OK, és helyezd el egy mappába.
5. Lépj be a blogger fiókodba. Menj a szépíteni való blog kezelő pultjára, Elrendezés- Fejléc. Itt helyezd be a képet, ne zsugorítsd! Fontos: a beállítás szerint a kép a cím és leírás mögött helyezkedjen el! Mentés!
6. Most pedig, kérlek keress egy alkalmas helyet, Modul elhelyezés. A lehetőségek között válaszd a HTML/JavaScriptet! Ide másold be pontosan ezt, címet ne írj, és mást sem!
Ezt másold:
<style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .80s}
img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}
</style>
Majd mentés!
Kész is vagyunk!
Utóirat: Ez a kód alkalmas elhalványítani a linkelt képeket is! :) Sok blog ezt titkolja ;)
Remélem hasznos kis segítség volt! Ha valamit nem értessz, szólj!
Viki
