Ne Fark Eder ki -Tanıtım-

Posted on by nefarkederki

Aylık ortalama 2 yazı hedefim var.  Ben; freelance (serbest) web ve grafik tasarımcısı, php yazılım geliştiricisi; Hasan Yasin Türkyılmaz, burada yazmaktayım.

Feedburner, rss ya da e-postanızı yazarak takipçim olabilirsiniz. Ayrıca blogumu/portfolyomu beğendiyseniz facebook grubumu beğenmeniz sayesinde veya twitter hesabımı takip etmeniz ile diğer paylaşımlarımı Face’ten de ve Twitterdan  da takip edebilirsiniz.

Blogumda; karalama sıfatını hak etmeyen yazılarım/şiirlerim, tecrübe ettiğim olaylar, eleştirilerim, incelemelerim, karşılaştığım sorunların çözümleri, yazmaya çalıştığım öyküler, tasarıma dair yazılarım, programlamaya dair yazılarım, gitara dair teknikler ve paylaşımlar, E-kazanç yazılarım, sosyal bilimlerle ilgili yazılarım mevcuttur.

Kendimi tanımladığıma göre, detaylı bilgiler için yukarıdaki ismime tıklayabilirsiniz ve diğer sayfalara bakabilirsiniz, artık sizin deneyimleme vaktiniz.

Teşekkür etmeyi, yorum bırakmayı ya da paylaşmayı unutmayınız. En azından beğenmeniz yeter. Herhangi bir sorun gözünüze çarparsa yorum bırakmanız yeterli yine.

Teşekkürler.

Css Dersleri Bölüm 15 Boyutlandırma

Posted on by nefarkederki

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 yüksekliği
Bu örnekte bir elemente nasıl en fazla yükseklik verileceği anlatılmakta.

Bir elemente yüzdelik olarak maksimum genişliğin verilmesi
Bir elemente nasıl en fazla genişliğin yüzdelik olarak verileceği anlatılıyor.

Bir elementin en az yüksekliğin verilmesi

Bu örnekte bir elemente nasıl en az yüksekliğin verileceği anlatılıyor.

Bir elemente piksel değerli en az genişliğin verilmesi
Bu örnekte bir elemente piksel değerli en az genişliğin nasıl verildiği anlatılmakta.

Tüm Css Boyutlandırma Özellikleri

“CSS”te yer alan sayılar CSS versiyonunu belirtir. Css 1 veya 2 olarak…

Özellik Tanım Değer CSS
height Bir elementin yüksekliğini belirler auto
length
%
inherit		 1
max-height Bir elementin en fazla yüksekliğini belirler none
length
%
inherit		 2
max-width Bir elementin en fazla genişliğini belirler none
length
%
inherit		 2
min-height Bir elementin en az yüksekliğini belirler length
%
inherit		 2
min-width Bir elementin en az genişliğini belirler length
%
inherit		 2
width Bir elementin genişliğini belirler auto
length
%
inherit		 1

CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler

Posted on by nefarkederki

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 ayırırsınız.

Aşağıdaki örnekte yukarıdaki örneği gruplamış olduk:

Örnek

h1,h2,p
{
color:green;
}

Kendiniz de deneyebilirsiniz »

 

İç içe seçiciler

Bir seçicinin içindeki seçiciye stil atamak da mümkündür.

Aşağıdaki örnekte, bir stil tüm elementler için uygulanmıştır, bir stil belirli tüm elementler ile, iç içe yer almış olan bir p elementine daha uygulanmıştır:

Örnek

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}

Kendiniz de deneyebilirsiniz »

CSS Dersleri Bölüm 13 Padding

Posted on by nefarkederki

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;