amad.css

Her yi─čidin bir yo─čurt yiyi┼či vard─▒r demi┼čler… Herkesin CSS yaz─▒m─▒ ise bir di─čer ki┼čiden farkl─▒d─▒r, gerek isimlendirme olsun gerek chaining olsun bir kendine-├Âzg├╝l├╝k s├Âz konusudur… Benimkisi ise garip bi’ ┼čekilde PSD -> HTML/CSS i┼člerimi kolayla┼čt─▒rd─▒─č─▒n─▒ d├╝┼č├╝nd├╝─č├╝m bir al─▒┼čkanl─▒k ├╝zerine kuruldu, bu al─▒┼čkanl─▒k ise short-hand kod yazma z─▒mb─▒rt─▒lar─▒ y├╝z├╝nden oldu 8-)

Olay k─▒saca; CSS’de s├╝rekli kulland─▒─č─▒m─▒z kodlar─▒ classlar haline getirmek ve her seferinde yeniden yeniden yazmak yerine elementlere, olu┼čturdu─čumuz classlar─▒ atamak. Bu sayede hem daha h─▒zl─▒ CSS yaz─▒yor, hem de daha az boyuta sahip CSS dosyalar─▒ elde ediyoruz. Al─▒┼č─▒rsan─▒z CSS yazma i┼člemi daha da kolay geliyor, ilk ba┼čta tam rand─▒manl─▒ kullanamayabilirsiniz benden s├Âylemesi ;)

┼×imdilik tan─▒mlamalar ┼č├Âyle;

input,select,textarea margin:0
a:link,a:visited text-decoration:none
a:hover text-decoration:none
a img border-width:0
.clearfix clear:both;height:0;font-size:0;line-height:0
.atdu a text-decoration:underline
.atdui a text-decoration:underline!important
.atdn a text-decoration:none
.atdni a text-decoration:none!important
.tdu text-decoration:underline
.tdn text-decoration:none
.tdni text-decoration:none!important
.tal text-align:left
.tac text-align:center
.tar text-align:right
.tali text-align:left!important
.taci text-align:center!important
.tari text-align:right!important
.fltl float:left
.fltr float:right
.fltn float:none
.dib display:inline-block
.db display:block
.dn display:none
.dibi display:inline-block!important
.dbi display:block!important
.dni display:none!important
.nom margin:0
.nomi margin:0!important
.nop padding:0
.nopi padding:0!important
.nobgi background-image:none
.nobgii background-image:none!important
.pa position:absolute
.pr position:relative
.ha height:auto
.hai height:auto!important
.vat,.vat td,td.vat vertical-align:top
.vam,.vam td,td.vam vertical-align:middle
.vab,.vab td,td.vab vertical-align:bottom
.vati,.vati td,td.vati vertical-align:top!important
.vami,.vami td,td.vami vertical-align:middle!important
.vabi,.vabi td,td.vabi vertical-align:bottom!important
.norepeat,.no_repeat background-repeat:no-repeat
.norepeati,.no_repeati background-repeat:no-repeat!important
.repeatx,.repeat_x background-repeat:repeat-x
.repeatxi,.repeat_xi background-repeat:repeat-x!important
.repeaty,.repeat_y background-repeat:repeat-y
.repeatyi,.repeat_yi background-repeat:repeat-y!important
.fwn font-weight:400
.fwni font-weight:400!important
.fwb font-weight:700
.fwbi font-weight:700!important
.fs10 font-size:10px
.fs11 font-size:11px
.fs12 font-size:12px
.fs13 font-size:13px
.fs14 font-size:14px
.fs15 font-size:15px
.fs16 font-size:16px
.fs17 font-size:17px
.fs18 font-size:18px
.fs19 font-size:19px
.fs20 font-size:20px
.fs21 font-size:21px
.fs22 font-size:22px
.fs23 font-size:23px
.fs24 font-size:24px
.fs25 font-size:25px
.fs26 font-size:26px
.cp cursor:pointer
.cpi cursor:pointer!important
.cd cursor:default
.cdi cursor:default!important

 


Basit bir demo

 

 Github üzerinden indirin

…ve son olarak eklenmesi gerekti─čini d├╝┼č├╝nd├╝─č├╝n├╝z veya akl─▒n─▒za tak─▒lan bir┼čeyler varsa s├Âylemekten ├žekinmeyin ;)

Kolay gelsin 8-)

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.