2015. március 10., kedd

#Nagy, tavasz köszöntő design bejegyzés

Üdv, kedves idetévedők!
Az influenza engem is letámadott, így nem tudok felhőtlenül örülni a tavasz beköszöntének. Sokat gondolkodtam, hogy mivel lephetnélek meg titeket és végül a választásom egy nagy design bejegyzésre esett. Lesz itt mindenféle ami szem-szájnak ingere. Na jó, azért torták és más édességek nem, de azért blogos ínyencségek lesznek. Hogy mit is fogtok itt megtalálni? Textúra csomagokat, PSD csomagokat, HTML kódokat és még sok mást. Szóval, ha tetszik és, ha még szeretnétek ilyen bejegyzéseket akkor pipáljatok a bejegyzés alatt. Ennyi lettem volna mára. Jó nézelődést.
Források: deviantart, pinterest, kawai blog design



Anastasia B.

Kattints a tovább gombra!




Lányok fejlécre:


















Textúra csomagok:
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető

PSD csomagok:

Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
Innen letölthető
HTML kódok:


  • Bejegyzés címének középre igazítása:
h3.post-title, .comments h4 { text-align:center; text-transform:normal; })

Ezt a kódot a a sablontervező-speciális-stíluslap hozzáadása menübe kell beilleszteni.

  • A kép elhalványodik, ha ráviszed az egeret: 

 <style type="text/css">
img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}
img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}
</style>

  • Kijelölés tiltó kód
<script type="text/javascript">

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]

omitformtags=omitformtags.join("|")


function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}

function reEnable(){
return true
}

if (typeof document.onselectstart!="undefined")

document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</script>
  • A link betűtípusa megnő ha ráviszed az egeret:
<script type="text/css"> 
 A:link, A:visited, A:active {font-size: 12px;} 
A:hover { font-size: 16px;}
</script>



1 megjegyzés: