Murat ATASOY

23 Aralık 2012 Pazar

Html Taglarının Özellikleri Erişin - getAttribute

Web sayfanızda bulunan id'li tagların içine yazdığınız özelliklere nasıl erişirsiniz? Title, Alt, Src gibi özellikleri javascript ile nasıl alınır? Hemen örneği verelim;

img border="0" title="Başlık" alt="2. Kategori Resmi" src="kategori2_1.jpg" width="96" height="33"

<script>
function goster(){
 var adres = document.getElementById('res1').getAttribute('src');
 var baslik = document.getElementById('res1').getAttribute('alt');
 var bilgi = document.getElementById('res1').getAttribute('title');
 alert(adres+"\n"+baslik+"\n"+bilgi);
}
</script>
<img id="res1" src="http://www.blogger.com/img/blogger-logo-small.png" alt="Blogger Logosu" title="Bloger Adresi grafanimasyon.blogger.com"/>
<a onclick="goster()">Özelliklere Eriş</a>

Yukardaki resmin içine yazmış olduğunuz title alanını nasıl görebilirsiniz?

Özelliklere Eriş

Yukarıdaki kodu deneyebilirsiniz. id ile isimlendirdiğiniz tagın bilgilerini getAttribute komutu ile alabilirsiniz.document.getElementById('res1').getAttribute('alt') gibi.

12 Aralık 2012 Çarşamba

Web Fontu Css Kodları (Google Web Fonts)

Web sayfanızın fontlarının standart fontlardan farklı olmasını mı istiyorsunuz?
Tahoma verdana kullanmaktan sıkıldınız mı?

http://www.google.com/webfonts

Adresinde yüzlerce font arasından beğendiğinizi kopyala yapıştır yoluyla web sitenize uygulayabilirsiniz.

Örnek verelim şu fontu sayfamda kullanmak istiyorum: http://www.google.com/webfonts/specimen/Sacramento
Fontun altındaki Quick Use butonuna tıklayın,

Açılan sayfada size birkaç çeşit font versiyonu sunabilirler, istediğinizi seçin,
Hemen aşağıdaki Add This Code To Your Website başlığı latındaki css yükleme kodunu sayfanıza kopyalayın. <head></head> Tagları arasına yapıştırın.

Sayfada hangi css de kullanmak istiyorsanız, bu css yükleme kodunun altında bulunan 4. adımdaki css kodunu kopyalayıp (font-family: 'Sacramento', cursive;) kendi cssniz arasına yapıştırın.

body{ font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

gibi.

Kolay gelsin.

27 Kasım 2012 Salı

Bedava Autodesk ve Microsoft Ürünleri

Ücretsiz Microsoft Visual Studio 2012 indirebilirsiniz.
Ücretsiz Autocad 2012 indirebilirsiniz.
Ücretsiz 3DS Max 2012 İndirebilirsiniz.

HEMDE BEDAVA!!! Tabi bir eğitim kurumunda öğrenci veya öğretmenseniz ;)

Eğer üniversitede öğrenci veya öğretmenseniz, edu uzantılı espotanız var ise Microsofttan bedava ürünleri indirebilirsiniz.
https://www.dreamspark.com/Student/Default.aspx
Kayıt olurken edu uzantılı eposta adresinizle kayıt olun.

Eğer bir öğrenci iseniz yine Autodesk ürünlerini bedava kullanabilirsiniz. Sadece kayıt olun ve okul bilgilerinizi girin. Üniversite öğrencisi olmak zorunda değilsiniz!!!
http://students.autodesk.com/