Kurzorok #1

Sziasztok! :)

Mivel ma egyáltalán nem szerettem volna sem kritikát (nem is lett volna időm elolvasni + megírni), sem ki rejtőzik a sorok mögött-öt (tegnap volt), sem valami PNG-ket hozni, ezért maradtak a kurzorok. 11 darab kurzort hoztam nektek. Remélem megtaláljátok köztük azt, ami tetszik nektek! :) (Mára csak ennyit terveztem, bocsi, de kivagyok.)

(Annyit szeretnék elmondani, hogy a kódok le lettek tesztelve, egytől-egyik működik, tehát ha az egyik neked nem mükszik, akkor nem én vagyok az okozója! Ez esetben írhatsz egy kommentet nekem, és megpróbálok segíteni.)

(Ha nem tudod hogyan kell berakni a blogodra: Menj be a blogod blogger blogkezelőjébe, majd a bal oldali menüben kattints az 'Elrendezés'-re. Itt hozz létre egy új modult {tök mindegy hol, de én a lábléc felett szoktam}, ami legyen HTML/CSS. Ez után pedig másold be a kiválasztott kódot. Remélem segíthettem, és akkor jöjjenek a kurzorok!)

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/food/foo-6/foo515.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/28/rainbow-lucky-charms.html" target="_blank" title="Rainbow Lucky Charms"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rainbow Lucky Charms" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth661.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/19/black-tiny-hand.html" target="_blank" title="Black Tiny Hand"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Black Tiny Hand" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-4/oth305.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/29/cute-poka-dotted-pink-bow-tie-ribbon.html" target="_blank" title="Cute Polka Dotted Pink Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Polka Dotted Pink Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth642.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/07/purple-moustache.html" target="_blank" title="Purple Moustache"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Purple Moustache" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1090.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/03/20/domo-kun-cute.html" target="_blank" title="Domo-kun Cute"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Domo-kun Cute" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-3/oth271.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/08/28/blue-crown.html" target="_blank" title="Blue Crown"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Crown" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth665.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1089.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/24/s-pink-premium-pointer.html" target="_blank" title="S Pink Premium Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="S Pink Premium Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/symbols/sym-8/sym749.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/13/transparent-sexy-pink-heart.html" target="_blank" title="Transparent Sexy Pink Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Transparent Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym596.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/26/pink-transparent-star.html" target="_blank" title="Pink Transparent Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Transparent Star" style="position:absolute; top: 0px; right: 0px;" /></a>

Html kódok

Sziasztok! :)

Hoztam nektek 2 darab HTML kódot és egy hasznos linket. Remélem hasznát veszitek! :)

Link html - Nagyobb lesz a rés a betűk között:

A lila 3pt helyére kerül az, hogy mennyire legyenek széthúzva a betűk.

<STYLE type=text/css>
A:hover {
letter-spacing:3pt; CURSOR: hand; COLOR: black; TEXT-DECORATION: none }
--> </STYLE>

Különböző kurzorok:
http://www.cursors-4u.com/

Back to top html - A kép a blog tetejére visz fel:
A lila xxx helyére kerül a kép url-je.

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:10px;right:20px;" class="backtotop" href="#" rel="nofollow" title="
xxx"><img style="border:0;" src="xxx" /></a></div>

Kép effekt kódok

Sziasztok! :)

Hoztam nektek néhány (6) darab kép effekt kódot így estére. Remélem, hasznát veszitek majd! :)

(Csak a CSS kódot írtam meg.)

Pöttyös keret a képnek:

border: 1px dotted #000000;
background-color: #64afc5;
padding: 6px;
Szaggatott keret a képnek: 

border: 1px dashed #000000;
background-color: #fbceb1;
padding: 6px;
Sima keret a képnek:

border: 1px solid #000000;
background-color: #fbceb1;
padding: 6px;
Árnyék a képnek:
box-shadow: -6px -6px 10px #b0b0b0;
-webkit-box-shadow: -6px -6px 10px #b0b0b0;
-moz-box-shadow: -6px -6px 10px #b0b0b0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#561A0B, offX=-6, offY=-6, positive=true);
Dupla keret a képnek 1.:

a:hover img {
border: 5px double #000000;
}
Dupla keret a képnek 2.: 

a:link img, a:visited img {
background-color: #fbceb1;
padding: 10px;
border: 10px solid #D93033;
}
a:hover img {
ha ráviszed az egeret kódrész jön ide
}

Két link effekt html és blog hátterek

Sziasztok! :)
Most két link effekt html kódot és sok blog hátteret hoztam. Szerintem egy link effekt html kicsit feldobja az oldalt. ;) Remélem, hogy a blog hátterek is hasznosak lesznek! ^-^

Link széthúzódik, ha ráviszed a kurzort:

<style type=text/css>

<!-- a:hover

{font-weight: bolder; color: #000000 } -->

</style>

Link megvastagodik, ha ráviszed a kurzort:

<style type="text/css">

a:link, a:visited{

    color: #000000;

    -webkit-transition: 0.5s;

     -moz-transition: 5.5s;

     -o-transition: 0.5s;

     -ms-transition: 0.5s;

     transition: 0.5s;

}

a:hover {

    color: transparent;

    text-shadow: 0 0 6px #000;

}</style>

Blog hátterek: