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

Webmaster Kaynakları

└—————————————┘

dezignus.com ~> grafik, vektör, psd, background, texture, icon …

grafamania.net ~> grafik, vektör, psd, background, texture, icon …

iconarchive.com ~> binlerce ikonu/ ikon paketini bulabileceğiniz bir site.

wallbase.net ~> masaüstünüz için güzel duvarkağıtları bulabileceğiniz bir site.

pixlr.com/editor ~> online fotoğraf düzenleme editörü.

1stwebdesigner.com ~> webtasarımına yardımcı, webmaster kaynağı.

kuler.adobe.com ~> renk paleti.

adobe.com/devnet.html ~> adobe hakkında her şey.

supportdetails.com ~> sisteminiz hakkında bilgi veren bir site.

pastebin.com ~> kodlarınızı / kod parçalarınızı syntaxını bozmadan paylaşabileceğiniz bir web sitesi. aynı zamanda online not defteri.

ndesign-studio.com ~> tema, grafik, vektör, psd, background, texture, icon …

iconfinder.com ~> ikonlar için arama motoru.

freepik.com ~> vektör ve fotoğraf için arama motoru.

brusheezy.com ~> photoshop fırçaları ve photoshop patternleri bulabileceğiniz bir site.

findicons.com ~> ikonlar için arama motoru.

abduzeedo.com ~> photoshop aparatları ve tutorialler bulabileceğiniz bir site.

dafont.com ~> her çeşit fontu bulabilirsiniz.

bibliocad.com ~> binlerce proje dosyası bulabileceğiniz, mimarların ve mühendislerin başucu sitesi.

vecteezy.com ~> binlerce vektör

vector4free.com ~> ücretsiz vektör dosyaları

dynamicdrive.com ~> dhtml webmaster kaynağı

fontsquirrel.com ~> ücretsiz fontlar

creattica.com ~> logo ve kartvizitler için ilham verici tasarımlar

css-tricks.com ~> css ile ilgili merak ettikleriniz ve kaynağınız

flashandmath.com ~> flash ve matematiğin harmanlandığı action script 3 tutoriallerini bulabileceğiniz bir site.

softicons.com ~> binlerce ikonu/ ikon paketini bulabileceğiniz bir site.

iconspedia.com ~> binlerce ikonu/ ikon paketini bulabileceğiniz bir site.

colourlovers.com ~> renk paletleri.

azfonts.net ~> dafont’a alternatif olabilecek bir site.

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

Vakit Geçirilesiler

└—————————————┘

9gag.com ~> günlük gülme ihtiyacınızı karşılamak için.

snotr.com ~> güncel izlenesi videoları bulabileceğiniz bir site

armorgames.com ~> bağımlılık yaratan flash oyunlar (kingdom rush, last stand – union city vs.)

miniclip.com ~> armorgames tadında bir site

moillusions.com ~> ilizyonik resimlerin olduğu bir site.

stumbleupon.com ~> bu başlığın web sitesi hali

incredibox.fr ~> beatbox yaparmış gibi hissedin.

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

Diğer Faideliler

└—————————————┘

beemp3.com ~> mp3′leri dinle & indir

mp3skull.com ~> mp3′leri dinle & indir

flightradar24.com ~> uçuşları gerçek zamanlı ve görsel olarak uçuş kodlarıyla birlikte görebileceğiniz bir web sitesi.

btracs.com ~> üyelikleri açık torrent siteleri

torrentz.eu ~> dünyanın en büyük torrent sitelerinde arama yapabileceğiniz torrent arama motoru

routerpasswords.com ~> her marka modem/rooter default kullanıcı adı ve şifresini bulabileceğiniz bir site

//yenileri geldikçe eklenecek
http://fizy.com/ müzik arama sitesi

http://grooveshark.com/ müzik arama sitesi

http://www.jango.com/ müzik arama sitesi

http://www.stereomood.com/ müzik arama sitesi

http://8tracks.com/ müzik arama sitesi

http://www.tubalr.com/ müzik arama sitesi

bunlar da bi konuda vardı sağlam alışveriş siteleri

http://www.dealextreme.com/ alışveriş sitesi

http://www.focalprice.com/ alışveriş sitesi

http://www.buyincoins.com/ alışveriş sitesi

http://www.tinydeal.com/ alışveriş sitesi

http://www.chinabuye.com/ alışveriş sitesi

http://www.dinodirect.com/ alışveriş sitesi

http://www.dhgate.com/ alışveriş sitesi

http://www.batangemi.com/ alışveriş sitesi garip şeyler lazımsa buraya bakın

http://www.isminiunuttum.com/ bu da unutulan film müzik oyun her şey için bu bi müridin sitesi arada bakın

http://www.tumkoseyazilari.com/ köşeyazılarını kolayca okuyabilirsiniz

http://prezi.com/ buradan dehşet ötesi slaytlar yapabilirsiniz

http://www.cayfan.biz/community/ albüm filan indirmek için

http://oyunkurucu.freeiz.com/index.php?dir=&sort=name&order=asc torrent film arşivi bi konuda vardı bu da

http://ndesign-studio.com/ burada da ikon tema filan var değişik daha incelemedim siteyi bi konuda vardı

http://turkiyetorrent.com/ torrent bulma sitesi, sürüyle sitede üyeliğin varsa hepsinde tek tek arama burda ara bak üye olduğun sitede varsa indir
beemp3.com ~> mp3′leri dinle & indir

mp3skull.com ~> mp3′leri dinle & indir

www.oyun-pazari.net
www.hemmenindir.org
www.warezturkey.net

Yazmakta olduğum haber sitesi için kategorilerim vardı, Dünya, ekonomi vs.. bunları veri tabanından çektirip üzerine gelince kendisine ait olan DİV ‘i bulup göstermesini istedim, açık olanlarda kapansın. Aşağıdaki örnekle dünya üzerine gelince dünya divi açılıyor diğerine gelince diğeri.

<script src="script/jquery-1.7.1.min.js" type="text/javascript"></script>

<a href="#tab1">Dünya</a> <a href="#tab2">Ekonomi</a>

<div id="tab1" class="t">Dünya İçeriği</div>
<div id="tab2" class="t">ekonomi İçeriği</div>

<script>
	$(document).ready(function(){
		$(".t").hide();
		$(".t:first").show();
		});

	$("a").hover(function(){
		var id= $(this).attr("href");

		$(".t").hide();
		$(id).show();
		});

  </script>

ASP programlama dili ile bir İnternet sayfası tasarlarken, tasarlanan sayfa üzerine günün tarihini ya da o anki saati yazdırmak oldukça basittir: date(), time() ve now(). Bu üç fonksiyon kullanılarak tarih ve saat ile ilgili pek çok bilginin sayfa üzerine yazdırım işlemi gerçekleştirilebilmekte, hatta iki zaman arasındaki farkı hesaplama gibi karmaşık işlemler de kolayca yapılabilmektedir. Her ASP programcısının mutlaka bilmesi gereken bu fonksiyonların detaylarını, kullanım alanlarını ve ilgili örnekleri yazının devamında bulabilirsiniz.

Tarihle İlgili Fonksiyon: date()

<%=date()%> şeklinde kullanılır ve o anki tarihi 30.10.2008 şeklinde ekrana yazdırır. Tarih, doğrudan sunucudan alınır ve sunucunun ayarlarına göre dizilimi değişiklik gösterebilir. Türkiye için gg.aa.yyyy (gün.ay.yıl) şeklinde olan tarih formatı, aa.gg.yyyy şeklinde olabileceği gibi gg/aa/yyyy şeklinde de olabilir.

Bu fonksiyon üzerinde – ve + operatörleri ile pek çok işlem yapılabilmektedir. Örneğin; <%=date()-2%> gibi bir ifâde ile 2 gün önceki tarih, <%=date()+4%> gibi bir ifâde ile de 4 gün sonraki tarih ekrana yazdırılabilir.

Fonksiyon üzerindeki işlemler:

day: <%=day(date)%> Günü yazdırır.
month: <%=month(date)%> Ayı yazdırır.
monthname: <%=monthname(month(date))%> Ay ismini yazdırır.
weekday: <%=weekday(date)%> Kaçıncı gün olduğunu yazdırır.
weekdayname: <%=weekdayname(weekday(date))%> Gün ismi yazdırır.
year: <%=year(date)%> Yılı yazdırır.

Saatle İlgili Fonksiyon: time()

<%=time()%> şeklinde kullanılır ve 12:55:00 şeklinde o anki saati ekrana yazdırır. Tarihte olduğu gibi saat de doğrudan sunucu üzerinden alınır ve fonksiyon için, tarih fonksiyonunda geçerli olan her şey geçerlidir. Türkiye için ss:dd:ss (saat:dakika:saniye) şeklinde yazdırılır.

Fonksiyon üzerindeki işlemler:

hour: <%=hour(time)%> Saati yazdırır.
minute: <%=minute(time)%> Dakikayı yazdırır.
second: <%=second(time)%> Saniyeyi yazdırır.

Tarih ve Saatin Ortak Fonksiyonu: now()

<%=now()%> şeklinde kullanılır ve 30.10.2008 12:55:00 şeklinde hem tarihi hem de saati ekrana yazdırır. Tarih ve saat fonksiyonları için geçerli olan kıstaslar bu fonksiyon için de geçerlidir.

CSS pozisyon elemanları adından da anlaşılacağı üzere, elemanların sayfa içerisindeki pozisyonlarını belirlemeye yarar. Elemanın etrafında ne kadar boşluk olacağı, neyin arkasında ya da neyin kenarında olacağına CSS position özelliği ile sağlayabiliriz.

Elementleri pozisyonlamada top, bottom, left, ve right özelliklerini kullanırız. Ancak bu değişkenler CSS pozisyon özelliklerini başta belirtmeden kullanılamaz.Ayrıca bu özellikler farklı konumlandırma ayarları ile çalışmaktadırlar.. Birazdan vereceğim örneklerle ne demek istediğimi acıkca anlayacağınızı umuyorum.

Statik Konumlandırma

HTML elemanlar ana ayarlarında (default) statik bir konumlandırmaya ayarlanmıştır.Static  konumlandırmada elemanlar sayfanın normal kod akışına göre dizilmektedirler.. Yani ilk önce bir resim kullandıysak ve sonrasında ise bir yazı kullanırsak bunlar kullandığımız sıraya göre HTML de yer alırlar.. İşte pozisyon özelliği ile bunu ortadan kaldırabiliriz.

Fixed Pozisyon

Çoğu web sitesinde karşılaştığımız bir özellik olan sabitleme genellikle reklam alanlarında yada kullanıcların sürekli görmesini istediğimiz bölümlerde kullanılan bir özellik haline gelmiştir.. Sabit konumlamadan kastımız içerisinde kullanacağımız bölümü sayfada aynı bölgede kalmasını sağlamaktan başka birşey değildir. Bu özelliğin adı aslında fixed olarak adlandırılmıştır.. Bir örnek yapalım;
p.yazi_fixed
{
position:fixed;
top:30px;
right:5px;
}
Yukarıda p taginin yazi_fixed sınıfında bulunan alanı, yukarıdan aşağıya 30px ve sağdan 5px uzaklığında hep aynı yerde kalmaktadır. Sayfa aşağıya doğru sürüklense dahi bu eleman position:fixed özelliği sayesinde yerini her daim korumaktadır.

Not: İnternet Explorer’da fixed değerini kullanabilmek için kaynak kodunun başında !DOCTYPE  belirtecinin kullanılması gerekir.

Sabit konumlandırışmış öğeler, yukarıda bahsettiğimiz HTML’in normal akışını değiştirir..  Ve diğer elemanlar ile örtüşebilir. Örtüşmeden kastımız ise belirlediğimiz bölgeye başka bir eleman gelecekse bunun üzerinde kalır.

Relative Pozisyon

Relative özelliği alan bir elaman sayfada bağıl olarak istenilen bölgeye hitap etme özelliğine sahiptir.Aşağıda vereceğim örneği kendi bilgisayarınızda deneyiniz;
h2.pos_sol
{
position:relative;
left:-20px;
}
h2.pos_sag
{
position:relative;
left:20px;
}
Yukarıda sağ ve soldan alacağı boşluk değerleri ile başlıkları sayfanın belirlediğimiz px boyutlarında pozisyonlama değeri verdik.Bu relative özelliğinin bir güzelliği daha var ki hem kullandığımız pozisyon değeri diğer ayarların üstünde olabiliyor hem de bu özelliğe negatif değerler de verebiliyoruz, aşağıdaki örnekte kullanılan kodları kendiniz denerseniz iki başlığın da üst üste bindiğini göreceksiniz;
h2.pos_top
{
position:relative;
top:-50px;
}

Absolute Pozisyon

Absolute Pozisyon Mutlak pozisyon olarak geçen, absolute pozisyonlu elemandan önceki ilk elemanı static yaparak sadece kendine verilen bir özellik katmamızı sağlar.. Absolute sadece belirlenen sınıfa etki ederken relative tüm sayfaya bağıl olarak hareket eder.Aşağıdaki örneği bir h2 sınıfı ve başka bir sınıf daha yerleştirerek deneyiniz;
h2
{
position:absolute;
left:100px;
top:150px;
}
Bu değerleri atadığınız bir öğe, diğer öğelerin etkisi olmadan sayfa başından itibaren kaydırılmaya başlanacaktır. “˜Relative’ gibi yine “˜Absolute’un diğer öğelere etkisi olmayacaktır.Absolute özelliği de fixed özelliğinde olduğu gibi diğer elemanların üzerinde çıkabilir.

Örtüşen Elemanlar

Eğer bir eleman default değerlerinin dışında bir pozisyon değeri almışsa diğer elemanlarla ötüşebilir.

z-index özelliği ile hangi elemanın hangisini önünde ya da arkasında olduğunu biz seçebiliriz. Diyelim bir resim koyduk ve bunu arkaplan resmi gibi üzerinde yazı çıkmasını istiyorsak bu defa örneğimiz aşağıdaki gibi olmalı;
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
Yukarıdaki kodları kullanarak bir resim atar ve daha sonra da herhangi bir yazı yazarsak, bu yazı resmin üzerinde çıkacaktır.