Top

Hasan Yasin TÜRKYILMAZ Dijital pazarlama uzmanı, growth hacker, dijital stratejist, eğitmen

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

Internet Explorer 9, hem temiz ve sade arayüzü ile en sevdiğiniz web sitelerinin içeriklerini ön plana çıkarıyor, hem de gelişmiş güvenlik özellikleri sayesinde web’de kişisel bilgilerinizin gizliliğini ve bilgisayarınızın güvenliğini koruyor. Windows 7 için özel olarak geliştirilmiş olan IE9’un bir diğer avantajı da, tek tıkla...

Brusheezy bildiğiniz üzere çoğunlukla ücretsiz Photoshop fırçası ve kaplaması paylaşan bir web sitesi. Şimdi, Brusheezy'nin kurucuları ücretsiz, yüksek çözünürlüklü video paylaşımı yapmaya da karar verdiler ve Videezy'yi kurdular. Brusheezy, çalışmalarımda çok işime yarıyor olduğundan bu duyuruyu yapmayı kendime bir borç bildim. Link aşağıdadır. Buraya tıklayarak ulaşabilirsiniz!...

Ibiza’daki ‘Cocoon Heroes Ibiza at Amnesia’, her yıl uluslararası seyircileri çeken en başarılı parti serisidir. 11 Haziran 2012’den 1 Ekim 2012’ye kadar Cocoon, Sven Väth ile ev sahipliği yaparak Ricardo Villalobos, Loco Dice, Richie Hawtin, Dubfire, Chris Liebing, Carl Craig ve daha fazlası için başı çekecek. Cocoon Heroes yaz partisi kutlaması adına, Cocoon Ibiza, dünya çapındaki tüm fotoğrafçıları ve tasarımcılarısağlanan Cocoon Heroes logosundan esinlenerek oluşturacakları fotoğraf veya tasarım çalışmalarını bir yarışma için göndermeye davet ediyor. Kazanan bir kişinin eseri, Ibiza’daki veya Almanya’daki Cocoon Ibiza’nın katılımcılarına dağıtılacak 250 poster üzerinde yer alacak. Ayrıca, kazanan eser Cocoon.net ve Cocoon haber bülteninde gösterilecek.

 Cocoon Tarafından Seçilenler

Kazanan bir kişinin fotoğraf çalışması veya sanat eseri, Ibiza’daki Cocoon Ibiza Residencies’de veya Avrupa’daki Cocoon Heroes Residency Event’de sergilenecek olan 250 poster üzerinde yer alacak. Buna ek olarak, kazanan şunları elde edecek:

  • Eserinin veya fotoğrafının Cocoon.net, Cocoon haber bülteni ve Cocoon Ibiza sosyal medya kanallarında gösterilmesiyle tanınmışlık şansını
  • 10 Eylül – 14 Eylül 2012 tarihleri arasında Ibiza’daki Ocean Drive Ibiza Design Hotel‘de 5 gece 4 gün konaklamayı
  • DJ’lerle tanışılan Cocoon Sanatçılar Yemeğı’ne bir davetiyeyi ve kazanan tasarımın kutlandığı resepsiyona katılımı
  • Cocoon Heroes Ibiza’ya VIP olarak katılmayı
  • Cocoon Heroes fotoğraf çekimlerine katılma hakkını
  • Cocoon Heroes Formentera etkinliğine VIP olarak katılmayı
  • €400

 Oylamada Sizin Seçtikleriniz

En yüksek oyu alan sanatçı şunları elde edecek:

  • Eseri Cocoon Ibiza’nın ile Sven Väth’ın Facebook sayfasında ve Cocoon resmi haber bülteninde yer alacak
  • Cocoon Recordings’in seçkin ürün paketini alacak
  • Cocoon Heroes Ibiza etkinliği için Amnesia Gecekulübü’ne iki ikişilik VIP katılımını
  • €200

Display özelliği, bir elementin nasıl gözükeceğini ve Visibility özelliği de bir elementin görünür ya da gizli olmasını sağlar.

Bir elementi gizlemek – display:none veya visibility:hidden

Bir elementi gizlemek display’e none veya visibility’ye hidden değeri vermekle gerçekleşir. Yalnız bunlar farklı sonuçlarla karşılaşmamıza neden olur:

visibility:hidden elementi gizler,fakat hala önceden belirlenmiş olan alanı kaplamaya devam eder. Element yok olur ama hacim kaplar hala yani şablonda yeri hazırdır.

Örneğin

h1.hidden {visibility:hidden;}

Siz de deneyin »

display:none elementi gizler, işgal ettiği yer de gizlenir. Element yok olur ve element hiç var olmamış gibi yer almaz şablonda:

Örneğin

h1.hidden {display:none;}

Siz de deneyin »

 


CSS Display Elementinin – Block ve Inline Değerleri

Block elementlerinin tam genişlik ve yüksekliği kaplaması sağlar ve  önce ve sonrasına satır atar.

Block element örnekleri:

  • <h1>
  • <p>
  • <div>

Inline yani satır içi elementler de sadece genişliği kaplar  ve satır atmaya zorlamaz.

Microsoft'un sosyal ağı, So.CL, çalışma yönünden bazen ağır çalışıyor gibi. Ama birşeyleri takip etmek ve bu konu üzerinde tartışmak çok rahat ve basit. Üstelik en önemli özelliği facebook'ta ya da G+'ta olduğu gibi paylaşmak değil sadece, aynı zamanda yüksek oranda web'i ve SO.CL'i araştırma yeteneğine...

Css Boyutlandırması size elementin yüksekliğini ve genişliğini kontrol etmenize olanak tanır. Sizin denemeniz için örnekler Elementin Yüksekliği Bu örnek yüksekliğin ayarlanışını göstermektedir. Yüzdelik kullanarak bir imajın yüksekliğini ayarlama Bu örnek yüksekliğin yüzdelikle ayarlanışını göstermektedir. Pixel kullanarak bir elementin genişliğini ayarlama Bu örnek element için piksel kullanımı ile genişlik ayarlamasını göstermekte. Bir elementin maksimum...

Not: Bu içerik ve içerikler dizisi, Css’in doğru kaynaklardan öğrenilmesi ve Türkçe kaynak sıkınıtısının giderilmesi adına w3schools’tan çevirilmiştir. Online yani çevrimiçi editör de w3schools’a aittir. Herhangi bir sorunuz için aşağıya yazabilirsiniz! Grup Seçiciler Stil dosyasında aynı stile sahip elementler mevcut olabilir. h1 { color:green; } h2 { color:green; } p { color:green; } Kodu kısaltmak için,seçicileri gruplayabilirsiniz. Herbir seçiciyi virgül ile...

Not: Bu içerik ve içerikler dizisi, Css’in doğru kaynaklardan öğrenilmesi ve Türkçe kaynak sıkınıtısının giderilmesi adına w3schools’tan çevirilmiştir. Online yani çevrimiçi editör de w3schools’a aittir. Herhangi bir sorunuz için aşağıya yazabilirsiniz!

Padding

Element ve elementin içeriği arasındaki boşlukları ifade eder padding.


Padding

Bir elementin içeriğinin etrafının temizlenmesini sağlar. Elementin arkaplan renginden etkilenir.

Farklı özellikler kullanarak, alt, üst, sağ sol farklı olarak ayarlanabilir. Tüm özelliklerin yazımı yerine kısayazım özelliği ile de belirlenebilir tüm çevre.

Mümkün olan değerler

Değer Tanım
length Sabit bir iç boşluk (in pixels, pt, em, etc.)
% Elementin yüzdesel boşlukları

 


Padding – Tekil kenarlar

CSS’te, farklı kenarlara farklı iç boşluklar verilebilir:

Örneğin

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Kendiniz de deneyebilirsiniz»

 


Padding – Kısayazım özelliği

Kodu kısaltmak için,tek bir özellikte tüm değerler verilebilir. Bu kısayazım özelliğidir.

“padding” İç bşoluklar için kısayazım özelliği taşıyan özelliktir:

Örneğin

padding:25px 50px;

Kendiniz deneyin »

Padding  özelliği birden dörde kadar değer alabilir.

  • padding:25px 50px 75px 100px;
    • üst boşluk 25px
    • sağ boşluk 50px
    • alt boşluk 75px
    • sol boşluk 100px
  • padding:25px 50px 75px;
    • üst boşluk 25px
    • sağ ve sol boşluk 50px
    • alt boşluk 75px
  • padding:25px 50px;
    • üst ve alt boşluk 25px
    • sağ ve sol boşluk 50px
  • padding:25px;

Diyelim ki bir dizi yazdınız; <?php $bir_dizi =array("tekel, çiftel, dörtel,onel,eleman"); //işte şimdi numaramız geliyor //amaç dizi içindeki bir elemanı aramak //Php.net'te çok güzel bir örnek var buna dair. Samanlıkta iğne aramak diye verilmiş örnek de. if (in_array("eleman", $bir_dizi)) {     echo "Bir dizide eleman var."; } ?> Bu kadar basit. Yine de açıklayayım. ' in_array' türkçe karşılığı 'dizi_içinde' diyebiliriz. Dizi...