TemplateMonster’dan Profesyonel Şablonlar ve Temalar Kazanmak İster misin?

TemplateMonster'dan Profesyonel Şablonlar ve Temalar Kazanmak İster misin?

Erbilen.net‘te Temalar ve Şablonlar hakkında çok sayıda makale ve video bulabilirsiniz, ancak sadece bu makaleye yorum yazıp üç adet TemplateMonster Temalarımız’dan ve Şablon‘larımızdan dilediğinizi şeçerek kazanma fırsatı yakalayabilirsiniz. TemplateMonster Temaları ve Şablonları herkes için sadece bir adet davetiye geçerli olacaktır.

Nasıl Kazanabilirim?

Bir TemplateMonster teması veya şablonu kazanamanız için yapmanız gereken sadece bu makaleyi yorumlamanız. Güvenilir bir şirketten bedava tema kazanmak istemez misiniz?

Yorumlarınız için özel kriterler: uzun veya kısa yorumlar olabilir, ama şu soruya cevap vermelisiniz.

Hangi TemplateMoster Temasını veya Şablonunu kazanmak ve neden kazanmak istiyorsunuz?


Örnek cevap olarak bu kadar kolay yorumlayabilirsiniz:Kendime ait kurumsal bir sitem var benim için harika olacağını düşünüyorum bu sebep’ten dolayı WordPress Tema # 44949 kazanmak istiyorum.

Lütfen Dikkat: Ödül olarak TemplateMoster tarafından sunulan ve 20.000’den fazla temalar veya şablonlar arasından dilediğinizi seçebilirsiniz.

Neden bir TemplateMonster Teması yada Şablonu Gerekebilir ?

Bir kişisel blog, bir iş veya bir portföy web sitesi kurmak istiyorsanız ve projeniz için doğru tasarım arıyorsanız bu konu ortaya çıkabilir. Eğer zaten bir siteniz varsa güncellemek için bu iyi bir şanstır. Farklı nedenlerden dolayıda bir TemplateMonster teması veya şablonu gerekebilir. Bu yüzden ücretsiz bir TemplateMonster Teması veya Şablonuna sahip olabilirsiniz sizcede harika değil mi?
Kazanma şansı herkese açıktır, fakat bir kaç şeyi hatırlatmak gerekir:
• Sadece bir kez yorum yapabilirsiniz.
• Hediye 10 temmuz tarihinde sona eriyor.
• Kazanan 3 şanslı kişi rastgele seçilmiş olacaktır ve e-posta yoluyla itibata geçilecektir. Yani kazanırsanız size ulaşmamızın tek yolu iletişim için vereceğiniz e-posta adresidir, bu yüzden doğru posta adresi verdiğinizden lütfen emin olun.

Bol Şans!
http://www.templatemonster.com/tr Okumaya devam et “TemplateMonster’dan Profesyonel Şablonlar ve Temalar Kazanmak İster misin?”

IE7’de Overflow Hidden Sorunu

Bu sorunla bir çok kez karşılaştım.. Hep bir şekilde çözdüm ancak sorunun tam olarak neden kaynaklandığını ve nasıl çözdüğümü bir türlü bulamıyordum.. Neyse ki bu gece buna bir son verdim ve adam akıllı sorunu anladım, çözdüm ve mutluyum winked Şimdi bu sorun nasıl oluşuyor önce ondan bahseseyim..

Sorun nasıl oluşuyor?

Normal şartlarda kapsayıcı nesneye overflow: hidden verdiğinizde belirlediğimiz genişlik ve yükseklikten taşan her şeyi gizlemesi gerekir.. Bir yere kadar bu şekilde gizleniyor.. Ancak kapsayıcı nesne içindeki nesnelerden herhangi bir tanesine position tanımı yapılırsa.. İşte o zaman işin rengi değişiyor! O zaman taşınca gizlemesi gereken ie, gizlemekten vazgeçiyor.. Bu sorun IE7 ve muhtemelen alt sürümleri için geçerli.. IE8‘de böyle bir sorun yok. Okumaya devam et “IE7’de Overflow Hidden Sorunu”

IE7’de Display Inline-Block Hatası

Eğer ie7 uyumlu tasarımlar döktüyseniz bazen blok seviyesinden elemanları float yerine display özelliğini inline-block yaparak yan yana getirmek istemişsinizdir.. Ancak fark edeceğiniz üzere ne yazık ki doğrudan display: inline-block; ie7’de işlevini yerine getirmiyor.. Ancak bu sorunu aşmanın kolay bir yolu var.. Kısaca eğer inline-block uygulayacaksanız ie7 uyumlu hali şöyledir;

ul.tab li {
    display: inline-block;
    *display: inline;
    zoom: 1
}

Ve işte hepsi bu kadar, artık ie7 uyumlu hale geldi. Okumaya devam et “IE7’de Display Inline-Block Hatası”

CSS Tespit

Css-Tricks’de gördüm her ne kadar 2010’un konusuda olsa, gayet mantıklı geldi 🙂 Bazen bazı elemanları tespit etmemiz gerekebilir.. Örneğin değeri olmayan elemanları, nitelikleri boş olan elemanları, şuanda kaldırılmış olan ama bizim hala kullandığımız elemanları gibi.. İşte bu gibi durumlarda bu css kodlarını kullanabilirsiniz.. Böylece tespitiniz daha kolay olur 🙂

/* Boş Elemanlar */
div:empty, span:empty, li:empty, p:empty, td:empty, th:empty
{ padding: 20px; border: 5px dotted yellow !important; }

/* Boş Nitelikli Elemanlar */
*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]
{ border: 5px solid yellow !important; }

/* Kaldırılmış Elemanlar */
applet, basefont, center, dir, font, isindex, menu, s, strike, u
{ border: 5px dotted red !important; }

/* Kaldırılmış Nitelikli Elemanlar */
*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],
*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],
*[align], *[valign],
*[hspace], *[vspace],
*[height], *[width],
ul[type], ol[type], li[type]
{ border: 5px solid red !important; }

/* Kullanımı Önerilmeyen Elemanlar */
input[type="button"], big, tt
{ border: 5px dotted #33FF00 !important; }

/* Kullanımı Önerilmeyen Nitelikli Elemanlar */
*[border], a[target], table[cellpadding], table[cellspacing], *[name]
{ border: 5px solid #33FF00 !important; }

Ve tabi birde eric reyizin hazırlamış olduğu versiyonu mevcut, dileyenler bunuda kullanabilirler;

div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}

Okumaya devam et “CSS Tespit”

CSS: Font Özellikleri

Bu dersimizde CSS’de tüm font özelliklerini ele alacağız.. Fontlar için bir çok tanmlı özellik bulunmakta, bu dersimizde göreceğimiz özellikler şunlardır;

font-family
font-size
font-style
font-variant
font-weight
font
@font-face

Okumaya devam et “CSS: Font Özellikleri”