CSS Öğreniyorum

İbrahim Can TR İle CSS Öğreniyorum

CSS Öğrenmek İsteyenler İçin Birkaç İçerik Ekledim Umarım Beğenirsiniz.

LİNK ÖZELLİKLERİ

a : Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.

a:hover : Linkin imleç üzerine getirildiğindeki durumudur.

a:active : Linkin tıklandığı andaki durumudur.

a:visited : Linkin tıklandıktan sonraki durumudur.

————————————————————————

BİÇİMLENDİRME

color: Linkin rengini belirler.

background-color: Linkin zemin rengini belirler.

background-image: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)

text-decoration: Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.

font-weight: Yazının kalınlık veya inceliğini belirler.

border: Linkin etrafına kenarlık ekler.

display: Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

————————————————————————

LİSTE ÖZELLİKLERİ

disk: Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.

circle : Liste biçiminin çember şeklinde olmasını sağlar.

square : Liste biçiminin kare olmasını sağlar.

decimal : Liste biçiminin rakamlardan oluşmasını sağlar.

lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.

upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.

lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.

upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.

none : Listenin simgesiz olmasını sağlar.

inside : Listenin ikinci satırının en soldan başlamasını sağlar.

Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.

list-style-image : Liste biçiminin resim olmasını sağlar.

————————————————————————

KATMAN ÖZELLİKLERİ

position: Katmanın yerinin belirlenmesini sağlar.

absolute: Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.

relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.

static: Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.

top: Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.

left: Katmanın soldan ne kadar içeride olması gerektiğini belirler.

width: Katmanın genişliğinin ne kadar olacağını belirler.

height: Katmanın yüksekliğinin ne kadar olacağını belirler.

overflow: Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.

auto: Otomatik olarak belirlenir.

scroll: Kaydırma çubuğu ekleyerek görünmesini sağlar.

visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.

hidden: Sığmayan yerleri gizler.

visibility: Katmanın görünebilirlik ayarını yapar.

visible : Katmanın görünür olmasını sağlar.

hidden: Katmanı gizler.

z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

————————————————————————

FONT ÖZELLİKLERİ

font-family: Yazı türünü belirler.(Arial , Verdana gibi.)

font-style: Yazının normal veya sağa eğik olmasını sağlar.

font-variant: Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.

font-weight: Yazının kalınlık-inceliğini belirler.

font-size: Yazının büyüklüğünü belirler.

————————————————————————

TEXT ÖZELLİKLERİ

word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.

letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.

text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.

underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.

overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.

line-through : Kelimenin ortasından çizili olmasını sağlar.

blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)

vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.

text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.

capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.

uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.

lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.

none : Kelimelerin orjinal metindeki gibi olmasını sağlar.

text-align: Metnin dikey olarak nasıl hizalanacağını belirler.

left : Metni sola yaslar.

right : Metni sağa yaslar.

center : Metni ortalar.

justify : Metni iki yana yaslar.

text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.

line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)

first-line : Metnin ilk satırının biçimlendirilmesini sağlar.

first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

————————————————————————

İMLEÇ ÖZELLİKLERİ

crosshair: İmlecin artı işareti şeklinde olmasını sağlar.

auto: İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.

default: İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.

hand: İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.

move: İmlecin taşıma işareti şeklinde olmasını sağlar.

ne-resize: İmlecin sağa yatık normal ok olmasını sağlar.

nw-resize: İmlecin sola yatık normal ok olmasını sağlar.

se-resize: İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.

sw-resize: İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.

n-resize: İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.

s-resize: İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.

w-resize: İmlecin sola doğru ince ok şeklinde olmasını sağlar.

e-resize: İmlecin sağa doğru ince ok şeklinde olmasını sağlar.

text: İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.

wait: İmlecin meşgul animasyonuna dönüşmesini sağlar.

help: İmlecin yardım-soru işaretine dönüşmesini sağlar.

————————————————————————

ZEMİN ÖZELLİKLERİ

background-color: Zeminin rengini belirler.

color : Renk adı.

transparent: Zeminin saydam olmasını sağlar.

background-image: Zemine resim yerleştirilmesini sağlar.

url : Zemine yerleştirilen resmin adresi.

background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.

repeat : Resmin bütün zemine yayılmasını sağlar.

repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.

repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.

no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.

background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.

scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.

fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar

background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.

top : Resmi yukarı yerleştirir.

center : Resmi ortalar.

bottom : Resmi aşağı yerleştirir.

left : Resmi sola yerleştirir.

right: Resmi sağa yerleştirir.

…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.

————————————————————————

TABLO ÖZELLİKLERİ

margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.

margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.

margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.

margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.

margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.

_________________________________________________________________

padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.

padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.

_________________________________________________________________

border : Tablonun kenarlarının şekillendirilmesini sağlar.

_________________________________________________________________

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.

border-left : Tablonun sol kenarının şekillendirilmesini sağlar.

border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.

border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

_________________________________________________________________

border-width : Tablonun kenarlarının kalınlığını belirler.

border-top-width : Tablonun üst kenarının kalınlığını belirler.

border-right-width : Tablonun sağ kenarının kalınlığını belirler.

border-bottom-width : Tablonun alt kenarının kalınlığını belirler.

border-left-width : Tablonun sol kenarının kalınlığını belirler.

_________________________________________________________________

border-style : Tablonun kenarlık türünü belirler.

border-top-style : Tablonun üst kenarlık türünü belirler.

border-right-style : Tablonun sağ kenarlık türünü belirler.

border-bottom-style : Tablonun alt kenarlık türünü belirler.

border-left-style : Tablonun sol kenarlık türünü belirler.

_________________________________________________________________

border-color : Tablonun kenarlarının rengini belirler.

border-top-color : Tablonun üst kenarının rengini belirler.

border-right-color : Tablonun sağ kenarının rengini belirler.

border-bottom-color : Tablonun alt kenarının rengini belirler.

border-left-color : Tablonun sol kenarının rengini belirler.

_________________________________________________________________

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

2.

text-decoration : Bu kod linklerinizin üstünün, altının çizili olup olmayacağını belirler.

font-weight : Bu css kodu ise yazılarınızın incelik, kalınlık yapılarını belirlemede kullanılır.

background-image : Linklerinizin zeminine resim eklemesi yapmanızı sağlar.

background-color : Linklerinizin zemin renklerini belirlenmesinde kullanılır.

border : Linklerinizin etrafına kenarlık eklemenizi olanak verir.

color : Link rengi belirler.

display : Linki içeren satırın seçilmesinde kullanılır diyebilirim.

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

CSS kodları HTML kodlarının içine yazılırlar. Türüne göre body veya head bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.

Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklı yorumlar ortaya koyarlar. Bu noktada her iki browser’ın da aynı/benzer yorumlayacağı kodlar yazmak en uygunudur.

LİNK ÖZELLİKLERİ

a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.

a:hover :Linkin imleç üzerine getirildiğindeki durumudur.

a:active :Linkin tıklandığı andaki durumudur.

a:visited :Linkin tıklandıktan sonraki durumudur.

BİÇİMLENDİRME:

color:Linkin rengini belirler.

background-color:Linkin zemin rengini belirler.

background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)

text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.

font-weight:Yazının kalınlık veya inceliğini belirler.

border:Linkin etrafına kenarlık ekler.

display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

LİSTE ÖZELLİKLERİ

disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.

circle : Liste biçiminin çember şeklinde olmasını sağlar.

square : Liste biçiminin kare olmasını sağlar.

decimal : Liste biçiminin rakamlardan oluşmasını sağlar.

lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.

upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.

lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.

upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.

none : Listenin simgesiz olmasını sağlar.

inside : Listenin ikinci satırının en soldan başlamasını sağlar.

Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.

list-style-image : Liste biçiminin resim olmasını sağlar.

KATMAN ÖZELLİKLERİ

position:Katmanın yerinin belirlenmesini sağlar.

absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.

relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.

static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.

top:Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.

left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.

width:Katmanın genişliğinin ne kadar olacağını belirler.

height:Katmanın yüksekliğinin ne kadar olacağını belirler.

overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.

auto:Otomatik olarak belirlenir.

scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.

visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.

hidden:Sığmayan yerleri gizler.

visibility:Katmanın görünebilirlik ayarını yapar.

visible : Katmanın görünür olmasını sağlar.

hidden:Katmanı gizler.

z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

FONT ÖZELLİKLERİ

font-family:Yazı türünü belirler.(Arial , Verdana gibi.)

font-style:Yazının normal veya sağa eğik olmasını sağlar.

font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.

font-weight:Yazının kalınlık-inceliğini belirler.

font-size:Yazının büyüklüğünü belirler.

İyi Günler..

Blogger Reklam Kutusu Oluşturma

Merhabalar, bir blog için en önemli şeylerden bir tanesinde onca uğraştan gelir elde etmek.

Peki bu nasıl olur ?

Sitenizde özgün içerik var ve yeterliyse AdSense'ye başvurabilirsiniz. Bu sayede reklamlardan para kazanabilirsiniz, veya kendiniz özel reklam alabilirsiniz. Bu konu için gerekli olan şeyler birkaç kod ekleyerek sitenize reklam bölümü oluşturmanız gerek. Bunun için yapmanız gerekenler.

-Blogger hesabınıza giriş yapın ve blogunuzun panelinden Tema > HTML'yi Düzenle yolunu takip ederek blogunuzun şablon kodları sayfasını açın. Ardından aşağıdaki CSS kodlarını ]]></b:skin> veya </style> kodunun bir satır üstüne ekleyin ve şablonu kaydedin.

/* Reklam Kutusu CSS - Tasarım: ibrahimcantr.blogspot.com.tr */
.reklam_kutusu {text-align: center;}
.reklam_kutusu  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #eee;}
.reklam_kutusu  img:hover {border:1px solid #ddd}
.reklam_kutusu  img.no-limit {border:0;}

-Blogger panelinden Yerleşim bölümünü açın ve Gadget Ekle > HTML/JavaScript ile bir widget oluşturun ve ardından aşağıdaki kodları ekleyin ve düzenlemeyi kaydedin.

<div class="reklam_kutusu">
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
</div>

İyi Günler.

En iyi forum scripti hangisidir ?

Merhabalar, Şimdiye kadar birçok forumda birçok kez açılan konuyu sizlere cevaplayacağım.

Popüler olan forum scriptleri şunlardır:

phpBB, SMF, MyBB, AEF, Vanilla, vb.

Aralarında en yaygın olan MyBB'dir.

Sebebi ise kurulumu çok basit, Kullanımı çok basit.

Bende sizlere MyBB'yi Öneriyorum şimdiye kadar kurduğum forumların hepsinde MyBB kurdum, Elbette farklı scriptler kurmayı düşündüm ama ya karmaşık buldum ya da çok saçma.

MyBB'de birçok tema, Birçok eklenti bulunmaktadır. Bunun dışında kullanışlı ve sade bir Admin paneli olması ile birlikte rakiplerine fark atıyor.

Sizlere de önerim kesinlikle MyBB'dir.

Linux cPanel kullanıyorsanız Softaculous sayesinde ücretsiz bir şekilde kurabilirsiniz.

İyi Günler...

Araştırma: Arjantin

Merhabalar, performans ödevi olarak araştırmıştım fakat çok aradım... Hoşunuza gidebileceğini düşündüm...

İklim
Arjantin, hemen bütünüyle güney yarıkürenin ılıman iklim kuşağında yer alır. Ülkenin kuzeydoğusunda nemli ve astropik iklim egemendir. Pampa bölgesinde iklim, enlem derecesinde ve dağlarla okyanusa olan yakınlığına göre değişiklik gösterir. Güney bölgeleri genel olarak daha soğuktur. En güneydeki Tierra del Fuego'da mayıs-ağustos ayları sıcaklık ortalaması 2 °C iken, ocak-şubat ayları ortalaması 9 °C'dir. Kuzeydeki Chaco yöresinde ise aynı aylarda sıcaklık ortalaması sırasıyla 18 °C ile 28 °C'dir. En çok yağış alan yöre, Uruguay ve Paraná nehirleri arasındaki Mesopotamia'dır. Tierra del Fuego'nun güney ucunda ve Patangonya Andları'nın büyük bölümünde de bol yağış görülür. Buenos Aires eyaletinin yer aldığı nemli Pampa bölgesinde yıllık yağış, doğuda 990 mm'den Andlar'a yakın yörelerde 510 mm'ye kadar değişir. Gene de Arjantin topraklarının büyük bölümü kıraş ya da yarı-kıraçtır.

Bitki Örtüsü
Arjantin'de orman varlığı azdır. Ülkenin büyük bölümü, çayırlar ve dikenli çalılıklarla kaplıdır. Ülkenin Patagonya'nın kuzeyinde kalan batı yarısı, ağaçsılardan ve az çok dikenli, az yapraklı küçük ağaçsılardan oluşan seyrek bir bitki topluluğuyla (monte adıyla bilinen bodur ve odunsu bitkiler) örtülüdür. Patagonya çakılları arasında az miktarda çalılık ve bazı buğdaygiller tutunmuştur. Doğal halinde yüksek otlardan oluşan uçsuz bucaksız bir çayır ve kötü bir otlak olan Pampa, Avrupa'dan yeni ot türlerinin getirilmesiyle ve üçgül ile yoncanın yaygınlaşmasıyla değiştirilmiştir. Ağaç da dikilmiştir, ama gerçek ormanlar Güney Andlar'daki göller yönetim bölgesinde (arokarya ormanları) ve Macellan Boğazı dolaylarında (kayın ormanları) yer alır. Kuzeyde büyük tropikal orman, iki yerde Arjantin'e sokulur: Misiones'te ve Tucumán Andları'nın doğu yamaçlarında Orta Chaco'da, sert keresteli, kabukları tanen bakımdan zengin türlerin ağır bastığı bir orman (quebrachos) yer alır.

Nüfus ve Ekonomi
Arjantin’e insanların yerleşmesi kuzeybatıdan Bolivya’daki yüksek yaylalardan ve madencilik bölgelerinden gelen İspanyolların And dağ eteğine inmeleriyle gerçekleşti. Bu ilk Arjantin, sözkonusu madencilik bölgelerinin tahıl, koyun ve yük hayvanları (özellikle katır) sağlayan bir uzantısı gibiydi. Atlas Okyanusu cephesiyle uzun süre ilgilenilmedi. Dolayısıyla kuzeybatıda And eteklerinin tarım ve çobanlığa dayalı ekonomisi XVIII. yüzyılın ortasına kadar ağır bastı ve İspanyolların kurdukları kentler melez Arjantin’in temelini oluşturdu.

Bu gelişmede başlıca rolü İspanyolların fethi sırasında Pampa’da başıboş dolaşmaya bırakılan sığırların, ticari anlayışla yetiştirilmeye başlaması oynadı. Avrupa’ya XIII: yüzyıl’da deri, XIX. yüzyılın ilk yarısında kurutulmuş et satılırken, 860’a doğru bu ürünlerin yerini koyun yünü aldı. Bu tarihten sonra Pampa’daki çayırların sahipleri, Buenos Aires’te, zamanla da bütün Arjantin’de liman işlerini elinde tutan yabancı burjuvaziyle yakından ilişkili başlıca ekonomik ve siyasal güç haline geldi. Avrupa kent pazarları, sermayeleri, teknikleri hatta insanlarıyla 1800 – 1900 yıllarında Arjantinlilerin önce ülke topraklarının bütününe yerleşmelerini, sonra da bu toprakların tamamını donatıp işlemelerini sağlandı.

Ülke 1929 Büyük İktisadi Bunalımı’na kadar bütünüyle dışsatım’a (Birleşik Krallık'a) dönük tarım ürünlerinin değerlendirilmesine dayanan büyük bir refah dönemi yaşadı. Pampa’ya hayvancılık yapılan çok büyük çiftlikler (‘estancia) yapıldı ve toprak sahipleri bu çiftliklere yerleştirdikleri yarıcılara önce buğday, keten, mısır ektirdiler, sonra sığırlar için yonca yetiştirilen geniş alanlar ayırdılar. Büyük çiftlikler, İngiliz kasaplarının dondurulmuş et gereksinimlerini karşılamaya başladı. Paraná yakınındaki Rosario Santa Fe Pampa’sı bölgesinde ve kurak Pampa’nın birçok kesiminde büyük toprak sahipleri, topraklarını parsellere ayırıp İtalya’dan hatta Doğu Avrupa’dan gelen çiftçilere kiraladılar ya da ortak ektirdiler. Bu tek tip ürün yetiştirilen tarım alanları, 1930 yıllarına doğru Arjantin’i uluslar arası ticarette başlıca buğday, mısır ve yağ satan bir ülke haline getirdi.

İbrahim Can ÖZDEMİR

İyi Günler.

Blogger Renkli Kategori Widget'i

Son Zamanlarda Popüler Olan Bu Widget'i Sizlerle Paylaşma Gereği Duydum.

Öncelikle Yapmanız Gereken İşlemler Şöyle;

Blogger > Şablon > HTML'yi Düzenle

Şimdi İse Kodlarımızı Ekleyelim.

Ctrl + F Tuşuna Basarak </head> Kodunu Bulalım.

Ve Hemen Üstüne Şu Kodları Ekleyelim:

<style type="text/css">

/* Renkli Kategori CSS */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:0;}
.label-count {white-space:nowrap;display:inline-block;}
#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s}
#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
#sidebar-wrapper .Label li:before {content:"";position:absolute;width:2px;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
#sidebar-wrapper .Label li:hover:before {width:100%;}
#sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s}
#sidebar-wrapper .Label li a:hover {color:#fff;}
#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
#sidebar-wrapper .label-size{background:#45a2db;position:relative;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:all .3s}
#sidebar-wrapper .label-size a{display:inline-block;color:#fff;padding:4px 6px;font-weight:400;transition:all .3s}
#sidebar-wrapper .label-count{display:inline-block;background:#3a91c7;color:#fff;padding:5px 8px;text-align:center;transition:all .3s}
#sidebar-wrapper .label-size a:hover{color:#fff;text-decoration:underline}
#footer-wrapper .label-size{background:#2e2e2e;color:#eee;display:block;float:left;margin:0 1px 1px 0;font-size:11px;transition:initial;}
#footer-wrapper .label-size a{display:inline-block;color:#eee;padding:4px 6px;font-weight:400;transition:all .3s}
#footer-wrapper .label-size a:hover {color:#fff;text-decoration:underline}
#footer-wrapper .label-count{white-space:nowrap;background:#2e2e2e;display:inline-block;color:#eee;padding:5px 8px;text-align:center}
#footer-wrapper .Label li{padding:5px 0;margin:0;text-align:left;border-bottom:1px solid #444;transition:all .3s}
#footer-wrapper .Label li a {color:#eee;transition:all .3s;}
#footer-wrapper .Label li span{background:#2e2e2e;float:right;color:#eee;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;transition:all .3s;}
#footer-wrapper .Label li a:hover,#footer-wrapper .Label li:hover,#footer-wrapper .Label li span:hover {color:#fff;text-decoration:underline}
</style>

Daha Sonra Yerleşim Bölümünden ''Gadget Ekle'' Daha Sonra

Label'i İşaretleyip Ekle Diyoruz. Ve Şablonu Kaydediyoruz.

İyi Günler.