Php Dersleri - Eğitim Videoları

Kurban Bayramınız Mübarek Olsun

2009-11-28T07:25:00.003+02:00

Tüm İslam aleminin Kurban Bayramını Kutlarız.Saygı ve Sevgi dolu günler ...

Blogger Yenilik:Devamını Oku Standart

2009-09-23T12:33:00.002+03:00

Siz Blogger kullanıcılarının tavsiye ve istekleri doğrultusunda Blogger hizmetlerini geliştirmeye devam ediyor.Bir çok blogda görebileceğiniz "Devamını Oku" özelliği bildiğiniz gibi, kullanılan temalara eklenen bazı kodlar ile sağlanıyordu. Blogger, kullanıcıları tarafından çokça talep edilen bu özelliği sonunda tüm blog kullanıcılarının hizmetine sundu.

Öncelikle bu özelliğin henüz farkında olmayan kullanıcılar varsa hemen Ayarlar kısmında Temel Ayarlar sekmesinde yer alan Genel Ayarlarlarını kontrol etsin. Yayın düzenleyicisi seçin kısmını Güncellenmiş düzenleyici olarak değiştirin.

Bu değişikliğin ardından yeni bir kayıt girmek istediğiniz de yukarıdaki resimde de görebileceğiniz gibi "Atlama Aralığı Ekle" şeklinde bir ek tuş göreceksiniz. Bu tuşu kullanarak yazılarınıza Atlama Aralığı Ekleyebilirsiniz. (Devamını Oku ekleyebilirsiniz)

Eğer Güncellenmiş düzenleyici seçeneği ile yeni kayıt oluşturduğunuzda karşınıza yukarıdaki resim gibi bir panelin gelmesini istemiyorsanız, ve buna karşın devamını oku özelliğini kullnamak istiyorsanız, yazızın görüntülenmemesini istediğiniz kısmının başına html düzenle modunda iken kodunu ekleyebilirsiniz.

Görüntülenmesini istediğiniz bölümden sonra yazının devamını isteyenlerin okuması için kayıt sayfası bağlantı metninizi kendiniz düzenleyebilirsiniz. Yukarıdaki resimde de görüleceği gibi Yerleşim, blog kayıtları seçeneklerini takip edin ve bağlantı mentinizi düzenleyin.

Tüm bunları yaptıktan sonra yazının sol alt köşesinde devamını oku ibaresi çıkacaktır. Biraz geç kalınmış olsa da yeni blogcular için çok önemli bir kolaylık...

Hepinize kolay gelsin...

Kadir Geceniz Mubarek Olsun

2009-09-15T17:53:00.001+03:00

O gece boyunca melekler, Rablerinin izniyle ölü canlara hayat taşımak için bölük bölük inerler; her çeşit barış, huzur, saadet ve güven taşırlar... ta şafak sökünceye dek!.. Bu mübarek Kadir Gecesinde Allah dualarınızı kabul etsin.

WordPress Twitter Teması

2009-09-13T12:39:00.002+03:00

Çok güzel bir worpdress twitter temasını sabah sabah sizlere sunuyorum. Sabah internette dolaşırken gördüm ve çok hoşuma gitti, renkleri, düzeni vs. olsun ..

Şimdi bu temanın özelliklerinden bahsedelim biraz:
* Wp 2.8.x sürümleriyle uyumlu
* 3 kolonlu
* Fixlenmiş genişlik
* Panelden düzenlenebilir videolar bölümü
* Widget kullanılabilir
* Gravatar kullanılabilir
* Adsende kullanılabilir
ve dahası …

30 Ağustos Zafer Bayramı

2009-08-29T23:36:00.001+03:00

30 Ağustos Zafer Bayramı Kutlu Olsun ..

DersPHP.BlogSpoT.CoM

Foreach Döngüsü - Videolu Php Dersi

2009-08-07T15:45:00.000+03:00

Merhabalar.
Bu dersimizde yine bir döngü işleyecez .
Adı Foreach Döngüsü.
İyi seyirler

(Ses kısık olabilir.Sağ asağı köşeden açabilirsiniz)

Cinema 4D isiklandirma dersi

2009-08-06T11:44:00.000+03:00

Ders Adı: Işıklandırma
Video Türü: .avi
Video Süresi: 5.00 dakika
Boyut: 1.78 MB Rar'dan 66.5 MB video çıkacak. (İndirirken 1.78 MB)

İndirmek İçin Tıklayınız.

AÇIKLAMALAR:

Light, Spot Light, İnfinite Light, Area Lihgt, Target Light: Sahneye ışık ekler.
Camera, Target Camera: Sahneye kamera ekler.
Floor: Zemin ekler.
Sky: Hava Ekler
Sun Light: Güneş ışığı ekler.
Environment: Ortamın rengini ayarlayabilir yada sis ekleyebilirsin.
Foreground: Sahnenin önüne resim ekler. Sahneyi çerçeveye almada kullanabilirsin.
Background: Sahnenin arkasına resim ekler.
Selection: Kullanımı en karışık objedir. İşe yaramadığı düşünülebilir. Sahnede birden çok obje varsa bazılarının animasyonlarda kaydedilmemesini sağlar. Seçili objeleri anime ettirir.
Stage: Kameradan kameraya ani geçişler sağlar.

PhotoShop Rotus Yapmak (Cild Güzellestirmek)

2009-08-05T10:41:00.001+03:00

Merhaba. Resimli olarak birkaç Photoshop özelliğini göstermek istiyorum. Örneğin resimlerimize nasıl rötuş yaparız ? Birden fazla yolu var tabi ki ama en basit yollarını göstereceğim sizlere.
Kullanacağım Photoshop sürümü 7.0 dır. (veya daha yeni bir sürümü olabilir)

Öncelikle düzenleme yapmak istediğimiz resmi Photoshop ile beraber açıyoruz. Genel bi renk ayarlaması yapsak iyi olur. Bu ayarlamaları sırasıyla “image” menüsünden “Adjustments” altındaki “Auto level”, “auto color” ve “auto contrast” ile yapıyoruz. Renklerin daha gerçekci olduğunu göreceksiniz. Eğer renklerin hala kötü olduğunu düşünüyorsanız manuel olarak da bu ayarları yapabilirsiniz. Örneğin resmin içinde normalden fazla kırmızı varsa “color balance” ayarından kırmızı rengi kısabilirsiniz.

Renkleri ayarladıktan sonra resim üzerinde çalışmalara başlayabiliriz. İlk önce yüzdeki sivilce veya ufak lekeleri yok etmeye çalışacağız . Kullacağımız fırça “Healing Brush Tool” . Fırça boyutunu ayarladıktan sonra resimdeki temiz bi yerden (daha doğrusu cildin temiz olduğu yerden) örnek alıyoruz. Bu işlemci “alt” tuşuna basılı iken Mouse ile tıklayarak yapıyoruz. Hafızaya temiz kısmı aldıktan sonra ciltteki lekeyi yok etmek için üzerine tıklıyoruz.

Lekelerin yavaş yavaş ortadan kaybolduğunu göreceksiniz. Fırça boyutu fazla büyültmeyin yoksa gerçekçi olmuyor.
Resmimizdeki lekeleri bir güzel temizledik ama daha bitmedi. Bazı renk birleşimlerinin olduğu yerlerde “healing brush” maalesef yetersiz kalıyor ve renkleri düzelteceği yerde iyice birbirine karıştırıyor. Burada yapmamız gereken fırçamızı “Stamp” fırçası ile değiştirmek. Çalışma prensibi healing ile benzerlik gösteriyor. Ancak biraz uğraştırıyor. Yine “alt” tuşuna basılı iken temiz ve aynı renkte olan bir kısmı hafızaya aldırıyoruz. Bu arada fırçanın “Oppacity” ayarını yani etkisini %25-30 arası bir yere getiriyoruz. Daha sonra lekeli kısma yavaş yavaş uyguluyoruz. Leke hafifçe temiz kısma benzemeye başlıyor değil mi?

İşte resmimizin lekelerden arındırılmış hali ,

PhotoShop Sac Rengi Degistirmek

2009-08-04T11:39:00.000+03:00

Sizlere AdobeCS3 veya CS2 Photoshop programıyla saçlara nasıl renk verilir örneklerle öğretmeye çalışacağım

Eğer saçlarınız açık renkse çok daha kolay işiniz..

İşte ilk adım:

Photoshop programını açın. Bilgisayarınızdan resminizi seçin, renk tablosundan yapmak istediğiniz rengi seçin. Ben koyu pembe seçtim.

İkinci adım:

Fırçaya tıkla ve Mode ayarını COLOR'a getir. Opacity ayarını 30'a ayarla.

not:Şayet saçın koyu ise Opacity ayarını 90 veya 100'e ayarla.

üçüncü adım:

Fırçanın boyutunu ayarla.

Dördüncü adım:

Saçının hangi bölgesini renklendirmek istiyorsan üstünden fırçayla rengi geç

Beşinci ve son adım:

Renklendirme işlemi bittikten sonra File'a tıkla Save as bölümünden fotografı bilgisayarına kaydet.

Bu'da koyu saçtaki görüntü.

Dersimiz Bitti.
Yeni Bir Derse Daha Hoşcakalın...

2009 En İyi Temalari 36 Adet Blogger

2009-08-03T06:06:00.001+03:00

1. Putpet

2. Dark Flower

3. Water Color

4. Night Sky

5. Clean Milano

6. Not a Monster
7. Sailing

8. Limbrete

9. Vector Flower

10. İrresistible

Arkadaşlar 36 adet temanın devamını buradan ulaşabilirisiniz.
Sorunlarınızı yorum yazarak söyleyebilirsiniz.
Elimden geldiği kadar yardımcı olacağım
Kolay gelsin...

Php While Döngüsü

2009-08-02T13:43:00.004+03:00

Merhaba arkadaşlar.
Bu dersimizdede bir döngü olan while döngüsünü göreceğiz .
Bir önceki dersimizde başka bir döngü olan For Döngüsünü görmüştük.
Buda başka bir döngü olan while döngüsü.
Hadi Dersimize Geçelim ..

(Ses Kısık olabilir.Sağ aşağı köşeden sesi açabilirsiniz.)

PhotoShop Göz Rengi Değistirme

2009-08-01T18:51:00.004+03:00

Merhaba Arkadaşlar
Bu Dersimizde Size Göz Rengini Değiştirmeyi Gösteceğim
Bunu Bir Resimle AnlatMak İstiyorum.
Buraya yazmak yerine bu daha iyi hemde bilgisayarına kaydedersiniz resmi unuttuğuuz zaman bakarsınız.
İşte Photoshop göz rengi değiştirme ..

PhotoShop Temel Dersler 4

2009-08-01T02:00:00.002+03:00

PHOTOSHOP DERSLERI 4. DERS

Zincir ile işaretlenmiş Layer'lerin Kontrol Penceresi. (2)

İmajımızı PSD Formatında kaydettikten sonra, Layer Penceremizde üst köşede bulunan 'un özelliklerini de biraz daha inceleyelim.
Bu yan ok tuşuna basınca, yandaki resimde görüldüğü gibi Layer'leri Kontrol Penceresi açılır. Bunları yukarıdan aşağıya doğru sırası ile inceleyelim; (1)
New Layer: Yeni bir Layer yaratmamıza yarar.
Dublicate Layer: İşaretleyerek seçtiğimiz (mavi renk olan ve önünde fırça resmi bulunan ) Layer'in bir kopyasını çıkarıp yeni bir layer olarak Layer Penceresine yerleştirir.
Delete Layer: İşaretli Layer'i siler.
New Layer Set: Yeni bir Layer Set oluşturur.
Layer Properties: İşaretli Layer'in Özelliklerini açar.(Layer'e yeni bir ad verebiliriz,adını ve rengini değiştirebiliriz.)
Blending Options: İleride göreceğimiz efektleri düzenlememize yarayan ve çok sık kullanacağımız "Layer Style" Penceresini açar. ("Harmanlama-Karışım Seçenekleri" penceresi de denebilir).

Layer Style" Penceresi

Merge Down: Layer bir altındaki Layer ile birleşip tek bir Layer yapar.
Merge Visible: Layer Penceresinde Göz ikonlarının yanlarındaki boş kutucuklara tıklarsak bu kutucuklarda zincir şekli yer alır. Bunu anlamı; zincir ile işaretlenmiş Layerler beraber hareket etmek zorundadırlar (Constrain).Yani birbirleri ile alakalı olmuşlardır. Buna "Link" oluşturma da denir. Hatırlarsanız, Layerler, yanlarındaki Göz ikonlarını kapattığımızda imajımızdan kayboluyorlardı. Yani "Görünmez" oluyorlardı. zincir ile işaretlenmiş herhangi bir Layerleri görünmez yaparsak (Göz İkonunu kapatarak), "Merge Visible" seçeneği ile sadece görünen Layerleri birleştirip tek bir Layer yapar, görünmeyen Layeri yalnız bırakır.
Flatten Image: Bütün Layerleri birleştirip kapatır. İmajımızı bu şekilde kaydedip kapatırsak, bir daha açtığımızda Layerlerimizi göremeyiz.
Palette Options: Layerlerin içlerindeki küçük pencerelerin (Paletlerin) büyüklük ve küçüklüklerini ayarlamamızı sağlar veya pencereleri yok edip Layer Penceresinde sadece Layer adlarını gösterir.
Eğer Layerleri zincir ile işaretleyip, tekrar 'u tıklarsak bu defa Layer Kontrol Penceresinin yeni özellikleri ortaya çıkar (2).
Şimdi buradaki yenilikleri inceleyelim;
New Set From Linked: zincir ile işaretleyip Link oluşturduğumuz Layerlere yeni bir "Set" yaratır.
Lock All Linked Layer: Link oluşturduğumuz bütün Layerleri müdahalelere karşı kilitler. Kilitli Layerlere işlem yapamayız.
Merge Linked: Sadece zincir ile işaretleyerek Link oluşturduğumuz Layerleri birleştirip tek bir Layer yapar.

Zincir ile Layerleri Link haline getiriyoruz.

Layer Penceresine herhangi bir Layer'e Sağ tuş ile tıklarsak yandaki şekildeki gibi yeni özellikleri açılır. Gerçi bu özellikleri ileride Maskeleme, Type Tool yazı aracı kullanımı ve imaja filitrelerin uygulanmasında daha geniş olarak açıklayacağız. Ancak Layer penceremizi tanımak açısından burada da kısaca gözgezdirmek zorundayız. Yandaki resimde aktif olanlardan yukarıda bahsetmiştik, şimdi sadece aktif olmayan pencereleri açıklarsak;
Enable Layer Mask: Layer'e uyguladığımız maskelemeyi aktif hale getirir.
Rasterize Layer: Photoshop'un Yazı Aracı olan Type Tool ile bir yazı (Text) yazdığımızda bu yazıya direkt olarak filitreleri uygulayamayız. Bunun gibi Photoshop'un Türkçe karakterleri tanımama özelliği olduğundan yazılarımızda Türkçe karakter kullanamıyoruz. Örneğin küçük harf ile " ı " yazamıyoruz. Bu nedenle önce küçük harf ile " i " yazıyoruz. Daha sonra Layeri "Rasterize Layer" ile rasterize ederek, yazımızı "Text - yazı" özelliğinden çıkarıp, " i " harfini üzerindeki "nokta (.)" işaretini Marquee Regtanguar ile işaretleyip seçerek siliyoruz. İşte artık küçük bir " ı " harfimiz oldu.
Copy Layer Style: Layer üzerine evvelce uygulanmış Efektleri kopyalar. (Photoshop'un eski sürümlerindeki "Efektler" adının 6.0 sürümü ile "Layer Style" olarak değiştiğinden evvelce bahsetmiştik.)
Paste Layer Style: Kopyalanmış Efektleri seçilen Layer'e yapıştırır.
Paste Layer Style to Linked: zincir ile link verilmiş olan tüm Layerlere kopyalanmış efektleri yapıştırır. Böylelikle aynı efekti her Layer'e vermek için tek tek uğraşmazsınız.
Clear Layer Style: Layerdeki efekti siler.

4G Geliyor, Hazırlığa Başlayın

2009-07-30T14:17:00.003+03:00

GSM devleri LTE (Long Term Evolution) olarak da adlandırılan 4G'ye geçiş için test çalışmalarını sürdürüyor.

GSM dünyası için yepyeni bir dönüm olan 3G ya da ''Third Generation'' teknolojisine, standartların belirlediği tarihten yaklaşık 10 yıl sonra bugün, Türkiye'de de başlandı.

Finlandiya ve İsveç gibi yüzlerce kilometre fiyort ve binlerce adaya sahip Kuzey Avrupa ülkelerinin, söz konusu yerlere coğrafi koşullar yüzünden kablo döşemekte sıkıntı yaşayıp alternatif iletişim yöntemleri aramasıyla başlayan GSM macerası, bugün yeryüzünde yaklaşık 4 milyar kişinin bu teknolojiyi kullanması ile sürüyor.

GSM teknolojisini bir üst basamağa taşıyan 3G için, International Telecommunication Union (ITU) 1999 yılında bazı standartlar belirledi. Dünyanın önde gelen GSM şirketlerinden Japon NTT DoCoMo tarafından 2001 yılında ilk ticari 3G hizmeti, tüm dünyaya tanıtıldı.

Güney Koreli operatörlerden SK Telecom, 2002'nin Ocak, KTF de aynı yıl Mayıs ayında 3G hizmeti başlattı. Bu tarihte Güney Koreliler, rekabetin getirdiği fiyat indiriminden de yararlanmaya başladı.

Söz konusu hizmet Norveçli Telenor şirketi tarafından Aralık 2001 yılında kıta Avrupasında hizmete sokuldu. ABD'de ise Monet Mobile Networks, hizmeti abonelerine sunduysa da şirket bir süre sonra kapandı. Bu şirketin ardından Verizon, Ekim 2003'de abonelerine 3G hizmeti vermeye başladı.

Güney yarım kürede, Avustralya'da ise m.NET şirketi tarafından Şubat 2002 yılında ''demo'' olarak gösterilen 3G hizmeti, Mart 2003'de Hutchison Telecommunications tarafından ticari olarak pazara sunuldu. Güney Afrika'da, Vodacom tarafından 3G üzerinden Kasım 2004 yılında yapılan görüşmeyle de kıta Afrikası da 3G hizmetiyle tanışmış oldu.

Tüm dünyada Haziran 2009 itibarıyla 120 ülkede 284 operatör 3G hizmeti veriyor. Ancak bu firmalardan 31 tanesi, aynı zamanda LTE (Long Term Evolution) olarak da adlandırılan 4G'ye geçiş için test çalışmalarını sürdürüyor.

Genel olarak mobil iletişim hızı, bulunulan mekana, hava koşullarına, laboratuvar ortamlarına göre değişse de zaman içerisindeki değişim çizelgesi yaklaşık olarak şöyle:

İLETİŞİM TÜRÜHIZ (Kilobit/Megabit)GSM9,6 kbitGPRS100,0 kbitEDGE384,0 kbit3G1,8-14,4 mbit4G50-100,0 mbit

PhotoShop Temel Dersler 3

2009-07-30T04:13:00.001+03:00

"Layer Order" Yaparken Layer Penceremizdeki İşlemler:

Palet de (Renk Seçim Aracı), Üst renkleri (Foreground)seçiyoruz.

İmajımızı PSD Formatında kaydettikten sonra, Layer özelliklerini biraz daha inceleyelim.
Layer Penceresinden tuşuna basarak yada Layer > New > Layer ile yeni bir Layer açalım. (Shft+Ctrl+N).
Layer Properties'de Name kısmına, "Dikdörtgen" yazalım. Layer ımız seçili iken (Mavi Renk) ( Göz ve Fırça açık - görünür olacak), tekrar Tool Box dan Marquee Tool aracına gidip Rectangular Marquee Tool'u seçerek - bu defa Shift tuşuna basılı tutmadan - istediğimiz büyüklükte bir Dikdörtgen çizelim. Eğer çizim sırasında Shift tuşunu basılı tutarsak çizimimizin Kare olacağını bir kez daha hatırlatalım. Dikdörtgenimizi boyamak için tekrar Swatches penceresinden bir renk seçelim. Bu defa Yeşil'i seçtik (RGB Green). Bu defa Renk Değişim Aracında üstteki renk "Foreground" Yeşil oldu. Tekrar Tool Box'dan Paint Bucket Tool'u seçip, imajımızda seçili olan dikdörtgenin içine tıklıyoruz. Layer Penceremizde Üçüncü Layer'imiz olan "Dikdörtgen" isimli Layer ımız da da Yeşil renkte bir Dikdörtgenimiz oldu.
Önceden gördüğümüz gibi imajın içinde Layerleri -Layerlerin içindeki resimleri- sürükleyerek taşımak için Tool Box 'tan Move Tool aracını , seçip sürükleyerek taşıyorduk. Move Tool Aracının özelliklerinden bahsedersek, bu aracı seçtiğimizde, Tool Options Bar'a dikkat edersek, "Auto Select Layer" kutucuğunu görürsünüz. Şayet bu kutucuk işaretli değilse, Move Tool Aracını imajımızın içindeki herhangi bir resmin üzerinde sağ tuş ile tıklarsak o resmin hani Layer de olduğu en üstte olmak üzere altındaki bütün Layerlerin listesini gösterir. Buradan Layer Penceresindeki istediğiz Layer'i seçebiliriz. Ancak bu kutucuk işaretli ise Move Tool Aracını hangi resim üzerine tıklarsak, Layer Penceresinde o resmin Layer'ini otomatik olarak seçer.

Üçüncü "Dikdörtgen" Layer'ımızı yaptık.

Move Tool ile Tool Options Bar'da "Auto Select Layer"'i Seçmek.

Layer Penceresinde Layerlede bulunan göz şekline ise tıklarsanız, "Göz" ikonu kaybolur ve o layere ait resim imajımız da görünmez. Resmi tekrar görmek için "Gözün" kaybolduğu ikonuna tekrar tıklayıp "Göz" ikonunu aktif hale getirmemiz gereklidir. Yani istemediğimiz layerleri imajdan silip, sonradan pişman olmaktansa, "Göz" ikonu ile kapatıp, tekrar açabiliriz
Move Tool" Aracının Kullanımını animasyonlu görünümü

Layer Penceremizin Boyutlarını sağ alt köşesinde bulunan noktasından tutup çekerek -yandaki şekildeki gibi- büyültüp, küçültebiliriz.

YouTube 3 Boyutlu Video Denemeleri Basladi

2009-07-29T17:55:00.007+03:00

YouTube videolarını 3 boyutlu izlemek ister miydiniz? Cevabınız evetse bu test sayfasına göz atın!

Gözlüklerinizi hazırlanıyın; işte YouTube'un üçüncü boyutu

YouTube'da bundan kısa bir süre sonra artık komik hayvan videoları seyretmekle kalmayacaksanız, size doğru koşan ve neredeyse üzerinize düşen komik hayvan videolarını da izleyebileceksiniz. Çünkü YouTube boyut atlamaya hazırlanıyor!

YouTube'un üç boyutlu video projesi, Google'ın yenilikler üretmek için düzenlediği bir uygulamanın eseri. Bildiğinzi gibi tüm Google çalışanları mesai saatlerinin %20'sini yeni fikirler üretmek için harcıyorlar. İşte bu şekilde ortaya çıkan üç boyutlu YouTube projesi şu anda halen test aşamasında. Eğer YouTube ülkemizden erişilebilir olsaydı (!) şu adresten sitedeki üç boyutlu test videosunu kendiniz de izleyebilirdiniz.

Fakat bu üç boyutlu videoların YouTube'da yaygınlaşması için biraz daha vakit geçmesi gerekecek. Google henüz testlerini sürdürdüğü üç boyutlu videoların ne zaman site içerisinde yaygınlaşacağına dair henüz bir bilgi vermedi.

Resimlerle: YouTube işte burada çalışıyor...

Video: Bir bisiklet nasıl kullanılır?

Kaynak:Chip

2009-07-29T13:51:00.001+03:00

Yedek subay sınavına giren adaylar, nereye çıktıklarını öğrenmek için son günlerini internet karşısında geçiriyor. Şimdi bu heyecana ortak olan bir site var.

Heyecan ve kısmen gerilim dolu bu bekleyiş üç güne kadar sürebiliyor. 72 saat boyunca ekran karşısına kilitlenen adayları, sonuçları öğrendiklerinde ulaşım organizasyonu telaşı bekliyor. Açıklandıktan sonra sonuçları öğrenmekte geç kalan adayları kötü bir sürpriz bekliyor: Tükenen otobüs biletleri, fiyatı artan uçak biletleri, kısa zaman içinde birliklerine teslim olmak zorunda olan adayları zorluyor. Yapayzeki Yazılım tarafından geliştirilen askeroldum.com servisi, adayları bu dertten kurtarıyor. ASKR yazıp 7979’a gönderen adaylar, Turkcell Mobil Ödeme ile kolayca cep telefonlarından 9.99 TL ödeyerek servise kayıt oluyorlar. Sınav sonuçlarını onlar adına 7/24 takip eden askeroldum.com operatörleri, açıklandığı anda SMS ile adayları uyarıyor.

Servis hakkında ayrıntılı bilgi http://www.askeroldum.com adresinden edinilebiliyor

Facebook Ayrıntı Gizleme

2009-07-29T13:28:00.003+03:00

Artık Facebook’a eklemek isteyip de hayatınızın her türlü özel detayını görmesini istemediğiniz insanlara sadece istediğiniz kadarını gösterebileceksiniz. Çünkü uzun zamandır beklenen ve istenen detaylı gizlilik ayarları nihayet Facebook’taki yerini alıyor 40.000 Facebook beta test kullanıcısı altı farklı geçiş aracı deneyip görüş bildirecekler. Birkaç hafta içerisinde de yeni gizlilik ayarları test dönemini tamamlayıp herkesin kullanımına açılacak.

Yeni gizlilik ayarları çok ama çok detaylı, her bir kişiye özel ayarlar atamak bile mümkün. Altı sayfa gizlilik seçeneği ve 40 ince ayar ile biraz göz korkutuyor. Ancak işi, aileyi, arkadaşları ve samimiyet derecesine göre bunları kendi içinde ayırabilmek için bu kadar çok ayar gerçekten gerekli. Neyse ki bu detayları ayarlayıp çeşitli gizlilik politikaları ve gruplar oluşturmak mümkün olacak. Peki bunlar neler? Profil detayları, fotoğraf galerileri, duvar yazıları, bağlantılar yani aklınıza ne gelirse var.

Gizlilik İçin Tıkla

Masa Altı Bilgisayar

2009-07-29T00:30:00.001+03:00

Masaüstü kasaların boyutlarından sürekli şikayetçi olmuşuzdur. Bu yüzden dizüstü bilgisayar piyasasına girişimiz hızlı olmuştur. Populer Mechanics adlı modifiye sitesinde tanıtılan bu masanın altında bir bilgisayar kasası yatıyor.

Nasıl yapıldığı sitelerinde açıklayıcı bir şekilde anlatılan bu ürünün soğutma sisteminde 2 litre civarı glikol kullanılmış. Ayrıca neon mavisi rengiyle de hoş bir görünüm yaratmış.

Daha fazlası için tıkla..

En İyi Blog Yazıları Altbilgi Tasarımları (31 Adet)

2009-07-28T02:01:00.001+03:00

Blog sayfalarında yazıların altına yerleştirilmiş sosyal ağ butonları,son yazılar, son haberler, benzer yazılar, yazar tanıtımı vb. gibi eklentilerin en iyi olalanlarından 31 çeşit örnek. Hepsi birbirinden güzel...
1. Mashable

2. Blogsessive

3. TechTreak

4. Instant Shift

5. Web Designer Depot

6. Out Law Design Blog

7. PSDFan

8. HV Designs

9. Designious Time

10. Omninoggin

11. Stylish Blog

12. Productive Dreams

13. Graphic Mania

14. Spoon Graphics

15. Freelance Folder

16. Fuel Creativity

17. Go Media Zine

18. Noupe

19. PSD Tuts

20. UX Booth

21. Web Designer Wall

22. Vectips

23. WP Zoom

24. PSD Vibe

25. Color Burned

26. Kailoon

27. Naldz Graphics

28. Crazy Leaf Design

29. 2experts Design

30. The Tech Lab

31. Fudge Graphics

PhotoShop Temel Dersler 2

2009-07-27T15:35:00.003+03:00

Şimdi imajımıza yeni bir Layer ekleyerek, Layer Penceremizi biraz daha iyi tanımaya çalışalım

Ana Menüden Layer > New > Layer ile yeni bir Layer açalım. (Shft+Ctrl+N).

*Yeni Layer i, ayrıca Layer Penceresinin altında bulunan 'a tıklayarakda açabiliriz.
New Layer Penceresini incelersek,
Name: Yeni Layer'ımıza bir isim verebiliriz.
Group With Previous Layer: Alttaki Layer ile beraber hareket ettirmek istersek burayı işaretliyoruz.
Color: Yeni Layer'ımızı diğerler layer lardan ayırabilmek için bir renk seçebiliriz.
Mode: Altındaki layer ler ile çalışma tarzını buradaki listeden seçebiliriz.
Opacity: Layer ımızı saydamlaştırmak, şeffaflaştırıp, altındaki layer'ın görünmesini sağlamak için % değeridir. 100% değeri Layer ımızın mat, saydamlaşmamış halidir. Bu değeri % cinsinden düşürdükçe saydamlaşarak alttaki Layer ın görüntüsünü açar. İki Layer beraber görünürler.

Layer penceremiz daha yakından tanımak için yandaki resmi inceleyelim:
1-Göz (Indicates layer visibility): Layeri görmemizi sağlar, şayet mause ile gözün üzerine tıklayıp kapatırsak o layer'i imajımızda göremeyiz. Açık olan Layer'i gösterir.
2-Fırça (Indicates painting on layer or layer mask): Hangi Layer de işlem yapılıyorsa orada belirir.Çalıştığımız Layer'i gösterir.
3-Efekt Uygulaması (Add a layer style): Layer ımıza çeşitli efektler uygulamamızı sağlar. Tıkladıktan sonra açılan pencereden bir efect seçersek seçtiğimiz efektin işaretlendiği Layer Style penceresini açar.
4-Maskeleme Aracı (Add a mask): Layer e mask ekler.
5-Yeni set yaratma Aracı (Create new set): Daha sonra inceleyeceğiz.
6- Renkleri ve Tonlarını değiştirme Aracı (Create new fill or adjustment layer): Mecut renklerimizde çok güzel değişiklikler yapmamızı sağlayan özellikleri çalıştırır. Uygulamalarda daha çok inceleyeceğiz.
7-Yeni Layer Yaratma Aracı (Create a new layer): İmajımıza yeni bir layer ekler.
8-Layer'i silme Aracı (Delete layer): İptal etmek istediğimiz için işaretlediğimiz layer i siler.
9-Layer seçenekleri: Buradan yeni Layer yaratabilir, seçilen Layer in kopyasını çıkarabilir, Layer i silebilir, Layer özelliklerini görebilir, Layer Style de Blending Seçeneklerine ulaşabilir, Layer leri birbirleri ile birleştirebilirsiniz.
10-Opacity: Yukarıda anlatınan Matlık değerini ayarlayabilirsiniz.
11-Mode: Yukarıda anlatılmıştır.
12-Layer'deki transparent pixel leri kilitler.
13-Layer'in üzerinde herhangi bir boyama işlemini engeller.
14-Layer sağ-sol, aşağı-yukarı hareketini kilitleyerek engeler.
15-Layer'i bütün müdahalelere karşı kilitler.

Bir kaç küçük uygulama yaparak Layer penceresini biraz daha yakından tanıyalım;
Daha önceden gördüğümüz gibi, şayet kapalı ise, Ana Menüden, Window > Show Layers ile Layer penceresini açalım.
Yeni bir imaj başlamak için Ana Menüden File > New ' seçiyoruz, yada Ctrl+N klavye kısa yolunu kullanarak dökümanımızı açıyoruz. Önceden gördüğümüz New Penceresi karşımıza geliyor. Ayarlarımızı yapalım, Name bölümüne bir isim yazabilirniz veya boş bırakabilirsiniz. Nasılsa kayıt sırasında bir isim vereceksiniz! Biz yine "Photoshop-Layers" yazıyoruz.
Width bölümüne 250 yazıyoruz, Height bölümüne de 250 yazıyoruz pixels ler olduğu gibi kalıyor. Resulation 72 pixels/inch, Mode: RGB Color, Contents de ise White'ı işaretliyoruz. Bu verdiğimiz değerlere göre imajımız, 250 x 250 Pixels ölçüsünde yani Kare şeklinde, 72 pixels/inch çözünürlükte, RGB (Red:Kırmızı, Green:Yeşil, Blue:Mavi'dir. Monitörler için Ana Renkler modu) Renk modunda ve beyaz zeminli olacaktır. OK deyip imajımızı açıyoruz. Çizimlerimizi daha düzgün yapmak için, mesafelerini ayarlamak içinimajımızın etrafına Ruler (Cetvel)'i açmamızda fayda vardır (View > Show Rulers).
Burada bir hatırlatma yapalım, eğer Photoshop'a çok yabancıysanız, bu anlattıklarımız size çok tuhaf gelebilir. Bu nedenle öncelikle Photoshop Programını edinip, makinanıza kurmanız ve bir süre sağını solunu iyice kurcalayıp, aşina olmanız gereklidir.

imajımızı Açıyoruz. (Ruler-Cetvel Görünüyor.) [İmaj Penceresi]

İmajımızı çizmeye başlayalım; Öncelikle Layer Penceresinden tuşuna basarak yada Layer > New > Layer ile yeni bir Layer açalım. (Shft+Ctrl+N). Bu yeni layerimızın üzerine sağ tuş ile tıklayarak açılan pencereden Layer Properties i seçip Name kısmına, "Daire" yazalım. Böylece Yeni Layer ımıza "Daire" adını vermiş olduk.
Daha sonra Tool Box dan Marquee Tool dan Elliptical Marquee Tool u seçerek "Daire" Layer ımızın içine istediğimiz boyutta bir daire çizelim. Düzgün bir daire çizmek için bir elimiz de mause ile daireyi çizerken diğer elimizi de klavyemizde shift tuşuna basılı tutalım (Çizim Bitene Eğer Shift tuşunu basılı tutmazsak çizimimizin elips olacağını, tam daire yapmak için çok uğraşacağımızı hatırlatırız. Şimdi çizdiğimiz bu daireyi boyamak için Swatches penceresinden bir renk seçelim. (Window > Show Swatches) Biz burada Kırmızı'yı seçtik (RGD Red). Renk Değişim Aracında (Palet'te) üstteki renk "Foreground" Kırmızı oldu. Tekrar Tool Box dan bu defa Paint Bucket Tool'u seçerek dairemizi seçtiğimiz kırmızıya boyamak için seçili alanın üzerine bir kere tıklıyoruz. İşte bu kadar. Artık "Daire" isimli Layer ımız da Kırmızı renkte bir Dairemiz var.
Tekrar Layer Penceremize gidip, basarak ikinci bir Layer açalım. Bu Layer ımıza da yukarıda bahsettiğimiz şekilde " Kare" adını verelim. Artık "Kare" adında ikinci bir Layer ımız oldu. "Kare" Layer ımız seçili iken (Mavi Renk) ( Göz ve Fırça açık - görünür olacak), tekrar Tool Box dan Marquee Tool aracına gidip bu defa Rectangular Marquee Tool u seçerek yine Shift tuşunu basılı tutarak istediğimiz büyüklükte bir kare çizelim. Eğer Shift tuşunu basılı tutmazsak çizimimizin dikdörtgen olacağını, tam kare yapmak için çok uğraşacağımızı bir kez daha hatırlatırız. Karemizi boyamak için tekrar Swatches penceresinden bir renk seçelim. Bu defa Lacivert'i seçtik(RGB Blue). Bu defa Renk Değişim Aracında (Palet'te) üstteki renk "Foreground" Lacivert oldu.Tekrar Tool Box'dan Paint Bucket Tool'u seçip, imajımızda seçili olan karemizin içine tıklıyoruz. İkinci Layer'imiz olan "Kare" isimli Layer ımız da da Lacivert renkte bir Karemiz oldu.
Layer'leri daha iyi tanımak ve mantığını anlamak için "Kare" isimli Layer'imizdeki Kareyi Dairemizin üzerine sürükleyerek taşımak için Tool Box 'tan Move Tool aracını seçip , Karenin üzerine basılı tutarak Dairenin üzerine sürükleyerek taşıyoruz. Layer Penceresine dikkat ederek, gördüğünüz gibi İmajımızda, Layer sırasına göre Layer Penceresindeki alttaki "Daire" Layer'ında olan daire altta, üstteki "Kare" Layer'ında olan kare üstte duruyor.
Arzu edersek bunların yerini değiştirmemiz de mümkündür. Yani Daireyi üste, Kareyi alta alabiliriz. Şöyleki; Layer penceresine gidelim, "Daire" Layer'ına tıklayalım, mause'umuz üzerinde iken basılı tutarak üstteki "Kare" Layarının üzerine sürükleyelim (Layer Order), artık Daire, Karenin üzerinde yer aldı. Layer leri yer değiştirmek için bunun tersini de, üssteki layer'i sürükleyerek alttaki layer'in altına taşımak suretiyle de yapabiliriz. Yani Layer ler birbirlerinin altına ve üstüne sürüklemek suretiyle taşınabilirler, böylece içlerinde çizili olan resimlerde birbirlerinin altında ve üstünde olmak üzere yer değiştirmiş olurlar (Layer Order).
Yaptığımız imajımızı PSD Formatında kaydedelim ki tekrara açtığımızda Layer'lerimiz kaybolmamış -kapatılmamış- olsun. Aksi halde bütün Layer ler birleşecek, imajı açtığımızda Layer Penceresinde sadece tek bir "Background" 'da Kırmızı bir daire resmi ve Lacivert bir kare resmi görünecek, Daire ve Kare isimli 2 adet Layerler görünmeyecektir

Bu dersimizinde sonuna geldik.
Yeni bir derste daha görüşmek üzere
Hoşcakalın..

DersPHP Dersleri

2009-07-27T15:25:00.004+03:00

PhotoShop Temel Dersler 1

2009-07-27T14:57:00.002+03:00

Katmanlar Layers

"Layer" leri açmak için Ana Menüden, Window > Show Layers yolunu kullanıyoruz. (Kapatmak için ise Window > Hide Layers yolunu seçiyoruz.).
Katmanlar olarak da ifade edilen Layer'ler Photoshop gibi resim işleme programlarının en önemli unsurlarıdır. İmajımızı hazırlarken yaptımız her desenin, yazının, grafiğin birbirine karışmaması, değiştirmek istediğimizde herbirine ayrı ayrı hükmetmemizi sağlarlar. İmajımızı hazırlarken, imaja ekleyeceğimiz her yeni parça ayrı bir katman (Layer) açılarak yapılmalıdır. Yani meydana getireceğimiz imajımız bir Üstüste Gelmiş Layer - Katmanlar - Bütünüdür.
Bunu şöyle de açıklayabiliriz;nasıl ki bir sinema filmi çekilirken film kamerası şerit halinde ve her hareketi ayrı ayrı karelere çeker de ancak film oynatıldığı zaman perdede hepsi tek bir sahne imiş gibi görünürse Layer ler de aynı böyle bir filmin kareleri gibi ayrı ayrı hazırlanır ama yapılan imaj tek bir resimmiş gibi görünür.
Tabiki bizim imajımızda -Katmanlarda- film kareleri gibi hareketlilik, animasyon yoktur. ))
Bunun nedeni Photoshop'un sadece pixel tabanlı, bitmap resim işleme programı olmasıdır.
Ancak pixel tabanlı imajlara da animasyon uygulamasını Adobe-ImageReady Programını incelerken göreceğiz. (Animasyonlu Banner vb.)
Layer'lerin herbirisi birbirinden bağımsızdır.
Onları istediğimiz gibi yerlerini değiştirebilir, herbirine ayrı ayrı çeşitli Effect'ler (Yeni adıyla "Layer Style" ) uygulayabilir, saydamlaştırıp, altındaki layerin görünmesini sağlayabilir yada imajımızda görünmesini iptal edebiliriz.

Şimdi bu anlattıklarımızı uygulamalı olarak görelim:
Açılan New penceresi ile yeni açılacağımız dökümanımızın hangi özelliklerde olacağını belirliyoruz.
Bu Pencereyi biraz açıklayalım, Name kısmını dökümanınıza (imajınıza) bir ad vermek için kullanabilirsiniz. Image Size Bölümünde, imajımızın genişliğinin (Width), yüksekliğinin (Height) pixel cinsinden ne olacağını yazacağız. Bütün resim işleme programları gibi Photoshopta da ölçü birimi pixel olduğundan bu kısmın pixels olarak kalması çok önemlidir. Resolution penceresi ise imajımızın pixels/inch olarak çözünürlüğünü belirliyoruz. Bu sayfalarda Photoshop ile web sayfalarımızda kullanılacak imajları düzenleyeceğimizi var sayarak ve imajımızı web de yayınlayacağımızı düşünerek monitör çözünürlükleri de 72 pixel olduğundan Resolution bölümünün mutlaka 72 pixels/inch olması gerekiyor. Yani monitör de 1 inc (2,54 cm) lik bir alanda de 72 pixel görünecektir. Mode Kısmı, yine monitörler açısından ekran görüntü renkleri olan RGB Color olarak kalacaktır. Contents Bölümünü imajımızın arkaplan rengini belirleyeceğimiz bölümdür.Yani imajımız hangi renk üzerine oturacaktır? Bu bölümde White, Background,Transparant olarak 3 seçenek görüyoruz. Whiteeçilirse arka plan renginin Beyaz olur, Background: Araçlar Kutusunu açıklarken sözü edilen Renk Seçim aracında (Palet'te) alttaki rengi ifade eder

NEW PENCERESİNİN KULLANIMI

Yan taraftaki resimde görüleceği üzere, Background (Alttaki Renk) Kırmızı, Foreground (Üstteki Renk) Sarı dır. Resimdeki Kırmızı nın olduğu yere hangi rengi verip, "Contents" bölümünde, Background seçeneğini işaretlersek imajımızın arka plan rengi o renk olur. İsterseniz, 'a tıklayarak Background Sarı, Foreground Kırmızı olarak renkleri yer değiştirebilir (Klavyedeki X Tuşu) yada 'a tıklayarak da default ayarlara (Background Beyaz, Foreground Siyah) geçebilirsiniz. (Klavyedeki D Tuşu

Transparet: Seçilirse, imajımızın arka plan rengi olmayacak, imaj penceresi zemini yandaki resimdeki gibi görünecektir.Transparent olan imajlar, yerleşecekleri web sayfalarının arka plan rengi () ne olursa olsun o renk ile uyumlu olacaklardır.

New Penceresindeki ilgili yerleri düzenledikten sonra OK Tuşuna basıp Nihayet Nihayet yeni imajımızı açıyoruz ve Layer lere devam ediyoruz. Şayet Layer sekmesi görünmüyorsa Ana Menüden, Window > Show Layers ile Layerlerimizi aktif hale getiriyoruz. İlk açılışta Layer Penceresi görüntüsü yandaki gibidir.

İlk Dersimizin sonuna geldik diğer derslerde görüşmek üzere ..

Cube-Spline-NURBS Menü Tanıtımı

2009-07-25T14:24:00.001+03:00

Ders Adı: Cube-Spline-NURBS Menü Tanıtımı
Video Türü: .avi
Video Süresi: 14.33 dakika
Boyut: 6.76 MB Rar'ın içinden 197.0 MB video çıkacak. (İndirirken 6.76 MB)

İndirmek İçin Tıklayınız.

Zar Modelleme

2009-07-25T04:53:00.004+03:00

Ders Adı: Zar Modelleme
Video Türü: .avi
Video Süresi: 9.00 dakika
Boyut: 2.97 MB Rar'ın içinden 123.0 MB video çıkacak. (İndirirken 2.97 MB)

İndirmek İçin Tıklayınız.

Bitmap Dolgu Yapmak

2009-07-25T04:48:00.003+03:00

Merhaba Arkadaşlar.
Şimdi yeni dersimizde ne anlatıyor derseniz ;
Bir şeklin içi resim formatında nasıl doldurulur?.. Bunu göreceğiz.

1.Resimde görüldüğü gibi "Color"dan "Bitmap"i seçiyoruz.

2.Sonra Rectangle Tool'u alıyoruz ve bir dörtgen çiziyoruz.
3.Böyle bir şey olması gerek:

Zar Modelleme

2009-07-10T18:14:00.002+03:00

Ders Adı: Zar Modelleme
Video Türü: .avi
Video Süresi: 9.00 dakika
Boyut: 2.97 MB Rar'dan 123.0 MB video çıkacak. (İndirirken 2.97 MB)

İndirmek İçin Tıklayınız.

Editable Menüsü Tanıtımı

2009-07-09T22:43:00.001+03:00

Ders Adı: Editable Menüsü Tanıtımı
Video Türü: .avi
Video Süresi: 6.34 dakika
Boyut: 2.76 MB Rar'dan 91.8 MB video çıkacak. (İndirirken 2.76 MB)

İndirmek İçin Tıklayınız.

Doku ve Materyal Nedir? Nasıl Kullanılır?

2009-07-02T17:19:00.001+03:00

Tüm CINEMA 4D kullanıcılarının geniş yelpazeli bir doku ve materyal arşivi vardır. Bu arşiv sayesinde çalışmalarına istedikleri gerçekçiliği katabilirler... Doku ve materyalin nasıl kullanıldığını

Texture (Doku) Nedir?

Texture, yani doku yaptığınız modellemeyi giydirerek gerçeğe benzetmeye çalışma olayıdır. Texture ile yaptığınız bir çalışmayı renklendirerek gerçeğe birebir benzetebilirsiniz. Çalışmanızın gerçeğe benzemesi kullandığınız textureye bağlıdır. Aşağıda kullanılan resimler size texture konudan yüksek derecede fikir verecektir.

Dokusuz Resim

Dokulu Resim

Material (Materyal) Nedir?

Materyal dokunun hazır şeklidir. Doku ile aynı işlevi görür fakat çalışmaya dokudan daha fazla gerçekçilik katabilir.

DİPNOT: Çok yakında sizlere doku ve materyal arşivi sunulacaktır.

Doku ve Materyali Nasıl Kullanırım?

Cinema 4D Basit Tanıtımı

2009-07-01T15:33:00.001+03:00

Ders Adı: C4D Basit Tanıtımı
Video Türü: .avi
Video Süresi: 2.42 dakika
Boyut: 1.15 MB Rar'dan 42.1 MB video çıkacak. (İndirirken 1.15 MB)

İndirmek İçin Tıklayınız.

Derslerin büyük bir çoğunluğu video olacaktır. Video dersler sizin kotanızın yenmemesi için bilgisayarınıza kaydedip defalarca izleyebilmeniz amacıyla upload sitelerine boyutu düşürülerek çekilecektir. Bu sayede derslerimizi kota sıkıntısı olmadan izleyebileceksiniz.

Video derslerimizin verildiğinde size dersle ilgili bilgilerde verilecektir. Bu sayede indirmeden önce yeterli bilgiye sahip olacaksınız...

Video derslerimizi izleyebilmeniz için bilgisayarınızda BS Player ve/veya Quick Time Player'in yüklü olması gerekebilir. Eğer dersleri açmada problem yaşarsanız lütfen bu programları edininiz...

Cinema 4D Giris Dersi

2009-07-01T15:30:00.003+03:00

Merhabalar...

CINEMA 4D bir 3 boyutlu modelleme programıdır. Diğer 3D Modelleme programlarına nazaran modüller ve render motoru kalitesi olarak daha iyi çalışmakta ve arayüzünün basitliğinden ötürü kullanıcılara kolay öğrenebilme imkanı vermektedir. Bu yüzden tercih olarak diğerlerine göre kullanıcı sayısı hızla artmaktadır.

Öncelikle şunu söylemek gerekebilir. Grafikerliğe daha yeni adım atmış, henüz daha paint ile çalışmalar yapan kişi için birden CINEMA'ya geçmek biraz karmaşa ve sorun yaratabilir. Bu yüzden zorlamamakla beraber en azından PS'nin öğrenilmesi gerektiğini düşünüyorum. PS ile CINEMA 4D arasında doğrudan olarak bir bağıntı yok fakat bir adım atılacaksa ilk önce PS, sonra 3D Modellemeler olarak adım atılmasından yanayım. Buradan "CINEMA 4D'yi sonra öğreniniz?" yargısını belirtmekte yanlış olur tabi. Herşeyi düşünüp, doğrı adımı atıp, CINEMA'yı kullanmaya karar verdiyseniz bu site aracılığı ile dersleri takip edebilirsiniz... Yanlız şunu söylemekte fayda var. Bu sitede anlatılanlar sizin için yeterli gelmeyebilir. Burada devreye girecek olan sizsiniz. Çok pratik yapıp, kendinizi geliştirmeli ve daha çok araştırma yapmalısınız... Gün geçtikçe yoğurduğunuz hamur şekillenecektir.

Gelgelelim CINEMA'yı diğer programlardan ayıran modülleri tanıtmaya. Hem de ilk dersimizi böyle veririz...

CINEMA 4D yi almanız takdirde;

BodyPaint 3D
HAIR
Sketch and Toon
MOCCA 3
MoGraph
Dynamics
Thinking Particles

modülleri programa entegre edilmiş bir vaziyette gelmektedir.

BodyPaint 3D: PS kullanıcılarının zorluk çekmeden kullanabileceği ve en çok kullanılan modüldür. Cisimlerin üzerine resim monte etme vb. PS işlevlerini CINEMA 4D'ye taşımıştır.

Hair: Adından da çok rahat anlaşılabileceği gibi CINEMA 4D'de saç, tüy, çim gibi yapılması zor işlemleri kolaylaştıran modüldür. Kullanımı kolay ve pratiktir.

Sketch and Toon: Çoğunlukla Çizgi Film tarzı videolarda kullanılır. Modeller için gerekli eskiz çalışmaları ya da çalışmaları eskiz gibi göstermeye yarayan bir modüldür.

Mocca 3: Animasyonlar için geliştirilmiş olan kemik yapılandırma sistemidir. Kas sisteminin kusursuza yakın olarak kullanılabilmesi kişiye çok kolaylık sağlamaktadır.

MoGraph: Resim herşeyi anlatmaktadır.

Dynamics: Animasyonlarda fizik efektlerini kullanmaya yarayan modüldür.

Thinking Particles: Duman, ışık, alev vb. partikül efektlerini yapmak için hazırlanmış bir modüldür.

Bu sayede CINEMA'ya kısa bir giriş yaptık... Artık kararınızı verdiyseniz koltuğunuza yaslanın ve derslerimizi takip etmeye devam edin.

Bloggerda Yazı Gizleme Spoiler Yazı Yazmak

2009-06-16T23:29:00.004+03:00

Kitap, film vb. hakkında görüşlerinizi paylaşmak istiyorsunuz. Ancak bu görüşlerinizi okuyacak kişilerin kitabı okumamış veya filmi izlememiş olabileceğini de göz ardı etmek istemiyorsunuz. Ne yaparsınız?

Spoiler Uyarısı ve Spoiler İçeriği Gizleme

Kitap, film vb. hakkındaki görüşlerinizde eğer can alıcı noktalara değinecekseniz "Spoiler" "Spoiler'ın Anası", "Spoiler'ın Danası" gibi spoiler uyarılarını yazınıza ekleyebilirsiniz. Ancak bu gibi uyarılar çoğu zaman Spoiler yazısının hemen altında yer alan yazıyı görmemize engel olmamaktadır. Hele ki tek cümleyle kitabın veya filmin sürprizini bozabilecek bilgilendirmelere ne demeli! Bu gibi durumlarda okuyucunun selameti için en güzel çözüm alttaki örnekte görebileceğiniz gibi yazıya bir ekleme yapmaktır.

Örnek: +/- Tıkla, oku! Tıkla, Gizle!

Tıkladığında görebileceğin yazı burada saklı olacak ve tekrar tıkladığında gizlenecek. İnanmazsan başlığa bir daha tıkla!

+/- Açılır Kapanır Liste

Bu özellik ile spoiler içeriği gizleyebileceğiniz gibi uzun bir listeyi de yer kaplaması adına kısaltabilirsiniz. Yukarıdaki örneğin içine uzun bir liste yerleştiğinizi düşünebilirsiniz. Yazınızı gereksiz şekilde uzatmamasını sağlayacak ve sadece görmek isteyenlere hitap edecektir.

Böyle bir özelliği blogunda kullanmak isteyenlerin yapması gerekenler şunlar;

1. Blogger hesabınıza kullanıcı adınız ve şifreniz ile giriş yapın. Yazılarınızın liste halinde görüntülenmesini istediğiniz blogunuzun Yerleşim kısmına tıklayın.
Açılan sayfada HTML düzenle seçeneğine tıklayın.
Blogunuzun bir yedeğini aldın.

2. Ctrl+F yardımı ile temanızda yer alan alttaki kodu bulun:

]]></b:skin>

Ve bu kodun üstüne alttaki CSS kodunu kopyalayıp yapıştırın.

.commenthidden {display:none}
.commentshown {display:inline}

3. Ctrl+F yardımı ile temanızda yer alan alttaki kodu bulun:

</head>

Ve bu kodun üstüne alttaki kodu kopyalayıp yapıştırın.

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

4. Temanızı görüntüleyin ve herhangi bir sorunla karşılaşmadıysanız. Temanızı kaydedin.

5. Yazı içerisinde bu özelliği kullanabilmek için gerekli kod şöyle;

<a aiotitle="click to expand" href="javascript:togglecomments('Özel İsim Ver')">+/- Tıklanacak Başlık</a><div class="commenthidden" id="Özel İsim Ver"><p>Başlığa tıklanıldığında görüntülenecek yazınız</div>

Bu kodda ne gibi değişiklikler yapılmalı?

Kırmızı ile renklendirilmiş olan "Özel İsim Ver" alanını bu eklentiye kendinize özgü vermek istediğiniz bir isim verin!

Mavi ile renklendirilmiş olan "+/- Tıklanacak Başlık" Kısaltmış olduğunuz içeriğin başlığıdır. İstediğiniz başlığı verebilirsiniz.

Yeşil ile renklendirilmiş olan "Başlığa tıklanıldığında görüntülenecek yazınız" gizlemek istediğiniz yazılarınızı yazabileceğiniz alandır.

6. Bu özelliği devamlı şekilde kullanmak isteyenler için kısa yol önerisi; Kumanda Paneli > Ayarlar > Biçimlendirme yolu izlenir ve mevcut sayfada yer alan Kayıt Şablonu seçeneğinin yanında yer alan kutucuğa 5. maddedeki kod düzenlenerek yapıştırılır.

* Bu özellik aynı zamanda sağ ve/veya sol sütunda da kullanılabilir. Bunun için 5. maddeye kadar herşeyi yaptıktan sonra, 5. maddeyi şu şekilde uygulamanız gerekir;

Sayfa Öğelerine tıklayın. Açılan sayfada Gadget Ekleye tıklayın ve açılan pencerede HTML/JavaScript seçeneğine tıklayın. İçine 5. maddede yazılı olan kodu kendinize özgü düzenleyerek yapıştırın. Ve kaydedin.

Bu yazı Nükhet'in Blogger Blogunuza Yatay Menü Ekleyin başlıklı yazımın yorum alanında sormuş olduğu soruya cevaben yazılmıştır. Kendisine farklı bir konuda yazı yazmama vesile olduğu için teşekkür ediyorum.

Kolay gelsin.

Kaynak : http://takipteyiz.blogspot.com

Kodları Görmek İçin Devamını Okuyunuz

Sitene Xat Chat Ekle

2009-06-15T14:14:00.003+03:00

Sitenize chat eklemek isteyenler için çok güzel bir kod.
Öncelikle kodu veriyim..

<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=28121822&rl=Turkish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />

Sitenizde İstediğüiniz Yere Ekleyebilirsiniz.

Php For Döngüsü

2009-06-12T15:26:00.001+03:00

Merhaba Arkadaşlar .
Bu Videolu dersimizde FOR DÖNGÜSÜ'nü işleyecez.
İsterseniz ben size anlatmayım siz videoyu izleyin
Anlamadığınız yerleri yorum yaparak sorabilirsiniz
İyi Seyirer..

Blogger Eklentilerinizi İster Anasayfada, ister Yazilarinizin Sayfasında, İstersenizde Arsiv Sayfasinda Göstersen

2009-06-10T10:29:00.001+03:00

Muhtemelen bunu daha önce Wordpress bloglarında görmüşsünüzdür. Ancak bu uygulama Blogger blogları için kullanılabilir değildi. Ancak artık bu uygulamayı blogger bloglarınız içinde kullanabilirsiniz.

Genellikle kolonlara (Sidebar) yerleştirilen, blogunuza üçüncü taraf işlevselliği veya başka bir kod eklemenize yarayan eklentilerin sadece ana sayfanızda görüntülenmesini yada sadece yazı sayfalarınızda görüntülenmesini yada sadece arşiv sayfalarınızda görünmesini sağlayabilirsiniz. Bunun için yapmanız gerekenleri örneklerle açıklamaya çalışacağım.

Öncelikle herzaman olduğu gibi Temanızı herhangi bir aksi duruma karşı yedeklemeyi unutmayın.

Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet' e tıklayın. Ve "Ctrl+F" yardımı ile aşağıdaki koda benzer kodu aratın;

<b:widget id='HTML5' locked='false' title='Eklentinize verdiğiniz isim görünecek' type='HTML'>

Kırmızı ile renklendirilmiş olan rakam sizin blogunuzda farklılık gösterebilir. O kısımda 1,2,3,4,5,… gibi bir rakam yazıyor olabilir. Bu kısımda herhangi bir değişiklik yapılmayacaktır sadece istenilen eklentiyi bulmaya yarayacak bir adımdır.

Farklılıkları düşünerek sadece <b:widget id='HTML kısmını aratabilirsiniz. Bu şekilde arama yaptığınızda sayfanızda kaç adet eklenti varsa o kadar sonuçla karşılaşacaksınız.

Bu sonuçlardan istediğiniz eklentiyi seçin. Seçilen eklentini altında yer alan kodların arasına iki farklı satıra kırmızı ile renklendirilmiş olan iki farklı satır yerleştirilecektir. Aşağıda kodları verdim ve değişikliğin yapılacağı kısımları kırmızı ile renklendirdim.

Ya ister sadece kırmızı kodları yerlerine yerleştirin ya da <b:widget id='HTML5' locked='false' title='Eklentinize verdiğiniz isim görünecek' type='HTML'> benzeri eklentinizin altına alttaki kodların en üst satırını silerek yapıştırın. Yöntem tamamen size kalmış. Önemli olan iki satır var onları es geçmemiz yeterli olacaktır. Bunlar;

1. Birinci Satır;
1.1.Sadece Anasayfanızda görüntülenmesi için;
<b:if cond='data:blog.url == data:blog.homepageUrl'>
1.2.Sadece Yazı sayfalarınızda görüntülenmesi için;
<b:if cond='data:blog.pageType == "item"'>
1.3.Sadece Arşiv Sayfalarınızda görüntülenmesi için;
<b:if cond='data:blog.pageType == "archive"'>

ve

2. </b:if> satırı.

Blogger Eklentilerinizin Sadece Anasayfanızda Görüntülemesini istiyorsanız;
Düzenlemek istediğiniz eklentiyi şu hale getirin;

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Blogger Eklentilerinizin Sadece Yazı Sayfalarınızda Görüntülemesini İstiyorsanız;
Düzenlemek istediğiniz eklentiyi şu hale getirin

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Blogger Eklentilerinizin Sadece Arşiv Sayfalarınızda Görüntülemesini İstiyorsanız;
Düzenlemek istediğiniz eklentiyi şu hale getirin

<b:widget id='HTML3' locked='false' title='Eklentinize verdiğiniz isim' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Bu yöntem ile blogunuza eklemiş olduğunuz eklentilerin ister sadece Anasayfanızda, ister sadece Yazı Sayfalarınızda isterseniz de sadece Arşiv Sayfalarınızda görüntülenmesini sağlayabilirsiniz. Olumsuz bir durum olursa, lütfen yorum yaparak bunu belirtin. Kolay gelsin.

100 Farklı Font Çeşidi

2009-06-09T16:39:00.000+03:00

Blogger şablonlarınıza görsellik katacak, başlıklarda veya benzeri yerlerde kullanabileceğiniz 100 farklı font çeşidi.

Zombilaria

Yukon Gold

Vtks good luck for you

Vtks Untitled

Vtks Rock Garage Band

Hurricane SupaDupaSerif

Kaynak:http://hadipaylasblog.blogspot.com

Alpha ve Brightness (Gorunmezlik,Kontrast)

2009-06-08T12:32:00.001+03:00

Merak edilen konulardan biri.

1.Ctrl+F8 yapın.
2.Açılan pencerede "Graphic" seçeneğini seçerek onaylayın.
3.Karşınıza gelen sayfanın tam ortasına bir şekil çizin.
4.Scene 1'e geri dönün.
5.Properties penceresinde "Color" diye bir şey olacak.Oradan "Brightness"ı seçin.
6.Vereceğiniz her yüzdelik değer şeklin karanlığını ayarlayacaktır.En az değer en koyu renge,en yüksek değer en açık renge eşittir.
7.Aynı yerde bir de "Alpha" seçeneği var.Orda da,değeri ne kadar düşürürseniz görüntü o kadar azalır.
8.Ve Bitti.
9.Hayırlı Uğurlu Olsun...

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Blogger Yazılarınıza Kod Ekleme

2009-06-07T15:32:00.004+03:00

Blogger da yazılarımıza kod eklemek için birçok yazılar yazıldı çizildi. Ama her defasında küçük bir kod parçasını yazmak için yine bir kod yazmamız gerekiyor. Ya da gözümüze kestirdiğimiz bir iki siteden bize kodları çevirmesi için yardım istiyoruz.İşte şimdi yapacağımız küçük bir eklenti ile bu sorunların hepsi ortadan kalkıyor. İstediğimiz zaman istediğimiz kodu rahatça yazabilecek hale geleceğiz. Tabii bunun için mazilla Firefox kullanıyor olmamız gerekiyor. Evet kullanıyorum diyorsanız Quick paste code to Blogger eklentisini buradan kurmanız yeterli olacaktır.

1.Html Düzenle bölümde yeni code butonumuz oluşmuş oldu.

2. Kod türünü seçip kodumuzu ekleyip ok diyoruz.

İşlem tamam

Örnek Kod;<script src='örnek kod.js'></script>

Blogger Yazilara Yuz İfadesi Ekleme ( Smiley )

2009-06-06T09:17:00.001+03:00

Eğer bir mozilla firefox kullanıyorsanız blogger da yazdığınız yeni yazılarınızda yahoo yüz ifadelerini kullanabilirsiniz. Bu eklenti sayesinde, ifadeleri hiçbir kod yazmaya gereksinimi kalmadan bir tıklama ile yazılarınıza yerleştirebilirsiniz. Gönderme kısmına eklenen bu özelliği her daim kullanmanız mümkün.

İlk önce yapmamız gereken buradaki Greasemonkey mozilla firefox eklentisini kurmak. Bu eklenti hakkında daha fazla bilgi edinmek için burada ki Hasan Yılmaz'ın eklenti hakkındaki yazısından yararlanabilirsiniz. Eklentiyi kurduktan sonra;
Yerleşim--->Html Düzenle diyerek

]]></b:skin>

kodunu bulup alttaki kodu bu kodun hemen üst satırına ekleyip kaydediyoruz.


img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Daha sonra buradaki javascript dosyasını az önce kurmuş olduğumuz Greasemonkey eklentisine yüklüyoruz. Böylece işlem tamam. Artık yazı oluşturduğumuz sayfada ifadeleri görebiliriz.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Cisme Efekt Verme

2009-06-05T21:56:00.000+03:00

Oval Tool'u alıp bir yuvarlak çizdik.Sonra Filters'dan efekt vermek istedik.Ama ne görelim? İmkan vermiyor... Bu durumda yapılacak küçük bir işlem var.Mesela yuvarlağı "movie clip" olarak bir sembole dönüştürebiliriz.

Flash'taki Filterlar,ancak yazı,buton ve movie cliplerde kullanılabilir.Movie clip,ActionScript'te sözü geçecek öğeyi dönüştürmeye yarar.Mesela bu cisim bir tekerlekse,buna isim verip ActionScript kullanarak wheel._rotation=90; yazarsak tekerlek verilen değere göre döner.Ama movie clip yapmasaydık bu işlem gerçekleşmezdi,çünkü yuvarlağın komut sayfası diye bir şey olmayacaktı.

1.Ctrl+F8 yaparak sembol ekleme penceresinden "Movie clip"i işaretleyip onaylayın.

2.Oval Tool'u alarak tam ortaya bir yuvarlak çizin.
3.Layer Panel'in altındaki Scene 1'e basarak Stage'e geri dönün.

4.Library penceresini açın.Gözükmüyorsa Ctrl+L yapın.
5.Eklediğimiz movie clipi oradan sayfaya sürükleyin.
6.Properties sekmesinin yanındaki Filters'a gelin.
-ActionScript koduyla özellik kazandıracaksak bu movie clip'e,aşağıda görülen adlı satıra sembolün ismini veriyoruz.Mesela "wheel".Bu isimle de kodlara tanıtacağız sembolü.

7.Oradan da önceki dersimizde gördüğümüz efektleri uygulayabiliriz.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Javascript Dosyaları İçin Hosting Siteleri

2009-06-05T16:53:00.005+03:00

Google pages'in yanında Javascript dosyalarını yükleyebileceğiniz ücretsiz host siteleri ve bilgileri.

1) Sigmirror: 5GB Web ve 7Gb Bant genişliği sağlar. (Tavsiyemdir.)

2)Hotlinkfiles: 1GB Web ve 4GB Band genişliği sağlar. (Tavsiyemdir.Ben bunu kullanıyorum)

3) Ripway: Sadece 30Mb Web ve 150Mb Band genişliği sağlar.

4) Boxstr: Bu 5GB Web ve 1GB Bant genişliği sağlar /Doğrudan bağlantı.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Yazıya Efekt Vermek

2009-06-05T02:41:00.006+03:00

Gölge,buhu,renk ayarı vs. nasıl mı yapılır?
Hemen bu konuya göz atın bence..

Evet Hadi Başlayalım Artık:

1.Text Tool ile bir yazı yazın.
2.Yazı seçiliyken Properties penceresinin olduğu yerden Filters sekmesine gelin.

Buraya Tıkla Resmi Büyüt

3.Orada bir artı işareti var.Tıklayınca bir liste açılacak.Listedekileri sırayla tanıyalım.

-Presets->Save as...
Uygulanan özellikleri kaydetmeye yarar.İstediğimizde başka bir yazının üstünde aynı şeyleri otomatik olarak kullanabiliriz.

-Remove all
Uygulanan her şeyi siler.

-Enable all
Uygulanan her şeyin işlemesini sağlar.

-Disable all
Uygulanan her şeyin işlevliğini kapatır.

-Drop Shadow
Gölge vermeye yarar.Burada Blur X/Y,gölgeyi verilen değere göre buhulaştırır; dağıtır.Strength sertliği ayarlar.Quality kalite içindir.Angle gölgenin açısını ayarlar.Distance gölgenin durduğu yeri ayarlar.Knockout yazıyı arkaplâna gömer,sadece gölgeyi bırakır.Inner shadow gölgeyi yazının içinde gösterir.Hide object yazıyı saklar.

-Blur
Buhulaştırır.

-Glow
Yazının etrafına belirlenen renge göre kalınlık ekler.

-Bevel
3D efekt verir.

-Gradient Glow
Belirlenen renge göre yazıdan bir tane daha çıkartır.

-Gradient Bevel
Gradient Glow'da çıkarılan kopyaya 3D efekt verir.

-Adjust Color
Yazının rengiyle oynar.

4.Artının yanında çıkan (-) işareti,uygulamayı kaldırmaya yarar.Beğenmediğiniz uygulamayı buradan kaldırabilirsiniz.
5.Ayarlamaları yaptıktan sonra Selection Tool'u alıp boş bir alana tıklayın.
6.Properties'te çıkan Settings butonuna tıklayın.
7.Açılan kategoriden JPEG Image'i işaretleyin.
8.Formats sekmesinin yanında JPEG sekmesi açılacak.Orada resmin kalitesini ayarlayan bir çubuk var.Sonuna kadar çekin.
9.Tekrar Formats sekmesine gelerek kaydedilecek yeri seçin.
10.Publish,ardından OK diyin.
11.Resmi açıp bakın

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Blogger 5 Çeşit Açılır Menü Yapımı

2009-06-03T15:43:00.012+03:00

Bloglarda kullanabileceğiniz bir menü çeşidini burdaki yazımda sizlere vermiştim. Ancak bu yazımda toplu 5 çeşit hoş menü çeşitlerini sizlerle paylaşacağım.Tabii blogger da bu tür menüler kullanmak için blog etiketlerinizin belirli başlıklar altında sabit olması gerekiyor. Yoksa bir yazı ile yeni bir etiket oluşturduğunuzda bunu menüye sonradan eklemeniz kaçınılmaz olacak. Eğer yok benim etiketlerim belli başlı zaten, o etiketler altında yazıyorum diyorsanız, menü seçeneği etiketler için bulut ve benzerleri için daha güzel olacaktır.

Altta verdiğim menü çeşitlerinde kodları 3 renge ayırdım. Kodları eklerken lütfen şablon yedeğinizi alınız. Ayrıca ekte verdiğim dosyaları kodlar arasında ismi ile verilen yerlere eklemeyi unutmayınız.

Yerleşim--->HTML Düzenle---> diyoruz. Aşağıda verilen kodlar; kod1- kod2- kod3 olmak üzere 3 parçaya ayrılmıştır. Kod1 kısmını html bölümünde ctrl+f ile

]]></b:skin>

kodunu aratıp bu kodun hemen üzerine yapıştırıyoruz. Kod2 kısmını

]]></b:skin>

kodunun hemen altına yada

</head>

kodunun hemen üzerine yapıştırıyoruz. Daha sonra bir önizleme yaptıktan sonra eğer bir sorun yoksa kaydediyoruz. Sayfa Öğelerinden--->Gadget Ekle----> Html JavaScript diyerek verilen kod3 kısmında gerekli yerleri doldurduktan sonra yapıştırıp kaydediyoruz. Kolay gelsin.

Bullet List Accordion Menu

Mause'nin click olayı ile açılan menü. Resim dosyallarını ve js dosyalarını indirin.(Sağ tıkla- Farklı Kaydet)

ddaccordion.js

---------------------------KOD1------------------------------------

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

------------------------KOD2---------------------------------------------------



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

</script>


<script type="text/javascript">


ddaccordion.init({
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})


</script>


------------------------KOD3-----------------------------------------------

<div class="arrowlistmenu">

<h3 class="menuheader expandable">CSS Library</h3>
<ul class="categoryitems">
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Horizontal CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Vertical CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Image CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Form CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Links & Buttons</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Other</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Browse All</a></li>
</ul>

<h3 class="menuheader expandable">CSS Drive</h3>
<ul class="categoryitems">
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Gallery</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Menu Gallery</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Web Design News</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Examples</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Compressor</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Forums</a></li>
</ul>

<h3 class="menuheader expandable">JavaScript Kit</h3>
<ul class="categoryitems">
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ" >Free JavaScripts</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">JavaScript tutorials</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">JavaScript Reference</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">DOM Reference</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">DHTML & CSS</a></li>
</ul>

<h3 class="menuheader" style="cursor: default">FeedBack</h3>
<div>
Regular contents here. Header does not expand or contact.
</div>

</div>

Glossy Accordion Menu
Click olayı ile çalışan farklı bir menü;
Gerekenler; (Sağ tıkla- Farklı Kaydet)
plus --> minus--> ddaccordion.js

-----------------KOD1------------------------

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

-----------KOD2------------------------------------
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

</script>


<script type="text/javascript">


ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})


</script>



---------------------KOD3--------------------------------

<div class="glossymenu">
<a class="menuitem" href="http://BLOGUM.blogspot.com">DersPHP.BlogSpoT.CoM</a>
<a class="menuitem submenuheader" href="#" >CSS Examples</a>
<div class="submenu">
<ul>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Horizontal CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Vertical CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Image CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Form CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">DIVs and containers</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Links & Buttons</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Other</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Browse All</a></li>
</ul>
</div>
<a class="menuitem" href="http://BLOGUM.blogspot.com">JavaScript Reference</a>
<a class="menuitem" href="http://BLOGUM.blogspot.com">DOM Reference</a>
<a class="menuitem submenuheader" href="http://BLOGUM.blogspot.com">CSS Drive</a>
<div class="submenu">
<ul>
<li><a href="http://BLOGUM.blogspot.com">CSS Gallery</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Menu Gallery</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Web Design News</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Examples</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Compressor</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">CSS Forums</a></li>
</ul>
<img src="http://i27.tinypic.com/sy7295.gif" style="margin: 10px 5px" />
</div>
<a class="menuitem" href="http://BLOGUM.blogspot.com" style="border-bottom-width: 0">Coding Forums</a>
</div>
DersPHP

Apple style Accordion Menu

Click olayı yoktur. Mause'yi üzerine götürmeniz yeterli, kendiliğinden açılıyor.
Gerekenler;

silvergradient: silvergradientover: ddaccordion.js

Urban Gray Accordion Menu

Click olayı yoktur. Mause'yi üzerine götürmeniz yeterli, kendiliğinden açılıyor.
Gerekenler;

arrowstop: ddaccordion.js

-------------kod1-----------------------
.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}



---------------Kod2---------------------------
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

</script>

<script type="text/javascript">

ddaccordion.init({
headerclass: "headerbar", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})

</script>



-------------Kod3--------------------------------
<div class="urbangreymenu">

<h3 class="headerbar"><a href="#">CSS Library</a></h3>
<ul class="submenu">
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Horizontal CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Vertical CSS Menus</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Image CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Form CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">DIVs and containers</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>
</ul>

<h3 class="headerbar"><a href="#">JavaScript Kit</a></h3>
<ul class="submenu">
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ" >Free JavaScripts</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">JavaScript tutorials</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">JavaScript Reference</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">DHTML & CSS</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Web Design</a></li>
<li><a href="http://BLOGUM.blogspot.com/search/label/ETİKET İSMİ">Free Java Applets</a></li>
</ul>

</div>

Arrow Side Menu

Click olayı ile çalışan farklı bir menü;
Gerekenler;
arrovgreen;

ddaccordion.js

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Blogger Açılır Menü Yapımı

2009-06-03T15:37:00.003+03:00

1. Şablonumuzun yedeğini alıyoruz.
2.Yerleşim--->HTML Düzenle---> Widget Şablonlarını Genişlet
3.Ctrl+f ile alttaki kodu aratıyoruz

</head>

kodunun hemen üst satırına aşağıdaki kod1'i kopyalayıp yapıştırıyoruz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

</script>


<script type="text/javascript">


ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})


</script>

yukarıda renkli gösterilen yere ddaccordion.js dosyasını herhangi bir host sitesine upload edip url adresini yapıştırıyoruz.

4. Aşağıdaki kodu bulup

]]></b:skin>

hemen üst satırına alttaki kodu yapıştırıyoruz.

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(http://i44.tinypic.com/2v7vrya.jpg) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://i43.tinypic.com/iz0xzc.jpg);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

4. Yerleşim--> gadget ekle--->HTML/JavaScript’ ekle deyip alttaki kodu ekliyoruz.

<div class="glossymenu">
<a class="menuitem" href="http://dersphp.blogspot.com/">DersPHP</a>
<a class="menuitem submenuheader" href="http://dersphp.blogspot.com/">Tab Menü <div class="submenu">     <ul>     <li><a href="http://dersphp.blogspot.com/2009/05/3-cesit-tab-menu-yapm.html">3 Çeşit Tab Menü</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek1</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek2</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek3</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek3</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek3</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek3</a></li>     <li><a href="http://dersphp.blogspot.com/">örnek3</a></li>     </ul> </div>
<a class="menuitem" href="http://dersphp.blogspot.com/">örnek11</a>
<a class="menuitem" href="http://dersphp.blogspot.com/">örnek</a>
<a class="menuitem submenuheader" href="">örnek</a>
<div class="submenu">
<ul>
<li><a href="http://dersphp.blogspot.com/">Ders</a></li>
<li><a href="http://dersphp.blogspot.com/">Ders PHP Blog</a></li>
<li><a href="http://dersphp.blogspot.com/">Ders PHP</a></li>
<li><a href="http://dersphp.blogspot.com/">DersPHP</a></li>
<li><a href="http://dersphp.blogspot.com/">DersPHP</a></li>
<li><a href="http://dersphp.blogspot.com/">CSS</a></li>
</ul>
<img style="margin: 10px 5px;" src="http://i27.tinypic.com/sy7295.gif"/>
</div>
<a style="border-bottom-width: 0pt;" class="menuitem" href="http://dersphp.blogspot.com/">DersPHP</a>
</a></div>

gerekli yerleri kendi isteğinize göre değiştirebilirsiniz. buttonları isteğinize göre çoğaltıp azaltabilirsiniz. açılır olması için yukarıda ki renkli kısmı çoğaltınız. isteyen arkadaşlar menü rengini isteğinine göre renkli olarak gösterilen (.jpg ) yerden değiştirebilirler.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Yazılarınızı Derecelendirin (Puan Verin)

2009-06-03T02:38:00.002+03:00

Blogger daki yazılarımızın okuyucularımız tarafından ne kadar beğenildiği blog yazarı olarak hepimiz merak ediyoruz. Eee bizde her yazıyı beğenen arkasına bakıp pekte yorum yapmıyor. İş böyle olunca yazılarımız hakkında sağlıklı bir izlenim oluşturmamızda zor oluyor dolayısıyla. Bu nokta yapmamız gereken outbrain adlı siteye önce üye olup daha sonra rating widgetini tek adımda blogumaza yerleştirmek oluyor. Ayrıca Türkçe desteğide bulunmaktadır.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Fake Resim Yapma

2009-06-02T17:05:00.001+03:00

Teknik bilgisi olmayan insanları kandırmanın en basit yollarından birisini öğreneceğiz.

1.Ctrl+R diyerek Stage'e bir resim atın.
2.Resmi seçip Modify>Bitmap>Trace Bitmap deyin.
3.Bir pencere açılacak.Burdaki değerleri değiştirmenize gerek yok.Ama resimden resme fark gösterebilir.
4.Resmi seçip Ctrl+G diyerek grup hâline getirin.
5.Onaylayın ve resmin hâlini görün .

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Sağ Alt Köşeye Site Logosu Ekleme

2009-06-02T11:45:00.002+03:00

Tarayıcınızın sağ alt köşesine kendi logonuzu yerleştirerek hem hoş bir görüntü, hemde ziyaretçilerinizin ana sayfanıza dönmesine kolay bir yol sağlamış olursunuz. Statik olduğu için pencerenin yukarı-aşağı oynaması halinde sabit kalır. İsterseniz belirli bir süre sonra kapanmasınıda sağlayabilirsiniz.
Yapmanız gerekenler;
1. staticlogo.js dosyasını indirerek içinde verilen aşağıdaki kodu bulup kendi logo adresinizi ve blog adresinizi ekleyin. Daha sonra da bu dosyayı bir host sitesine yükleyin.

setting: {orientation:4, visibleduration:20000, fadeduration:[1000, 500]}, //orientation=1|2|3|4, duration=millisec, fadedurations=millisecs
offsets: {x:10, y:10},//Köşe Ayarları
logoHTML: '<a href="http://dersphp.blogspot.com/" title="DersPHP - Web Hakkındaki Her Türlü Bilginin Tek Paylaşım Platformu"><img src="logo.gif" style="width:50px; height:47px; border:0" /></a>', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"

2.staticlogo.js dosyasının url adresini, alttaki kodda ismi ile verilen yere ekleyin.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="staticlogo.js">
</script>

3. Yerleşim--->Gadget Ekle--->Html JavaScript ekle dedikten sonra üstteki kodu aynen yapıştırın ve kaydedin.

4.Dersimiz burda bitmiştir.
Kolay Gelsin.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Blogger Popüler Yazılar

2009-06-01T16:43:00.001+03:00

Blogunuzda en gözde yazılarınzı tek başlıkta gösterebilirsiniz.
1.Yerleşim
2.gadget ekle diyoruz
3.İçerik takibi Al diyoruz.
4.kodu yapıştırıyoruz.

http://pipes.yahoo.com/pipes/pipe.run?_id=1cf38ae68efbe859c4ba1ee239cec099&_render=rss&num=50&url=http%3A%2F%2FDersPHP.blogspot.com/

5. Renkli kısma blog ismini yazıyoruz.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Favori Videolarınizin Hepsini Tek Kategoride Gösterin

2009-06-01T16:41:00.001+03:00

Blogger kullanıcıları olarak beğendiğimiz videoların hepsini göstermek mümkün olmuyor. Göstersek bile çok yer kapladığı malum... Ancak bir katagori altında en beğenilen videoları istenildiği kadar göstermek mümkün. Tabii bilen bilmeyen herkes için eklemesi de çok kolay.
Yapılması gereken;

Yerleşim--->Gadget Ekle--->Html JavaScript ekle diyoruz ve alttaki kodu yapıştırıyoruz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Popüler Videolar</title>
<style type="text/css">
  #videoDiv {
    margin-right: 3px;
  }
  #videoInfo {
    margin-left: 3px;
  }
</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load("swfobject", "2.1");
</script>
<script type="text/javascript">
  /*
   * Change out the video that is playing
   */

  // Update a particular HTML element with a new value
  function updateHTML(elmId, value) {
    document.getElementById(elmId).innerHTML = value;
  }

  // Loads the selected video into the player.
  function loadVideo() {
    var selectBox = document.getElementById("videoSelection");
    var videoID = selectBox.options[selectBox.selectedIndex].value

    if(ytplayer) {
      ytplayer.loadVideoById(videoID);
    }
  }

  // This function is called when an error is thrown by the player
  function onPlayerError(errorCode) {
    alert("An error occured of type:" + errorCode);
  }

  // This function is automatically called by the player once it loads
  function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("ytPlayer");
    ytplayer.addEventListener("onError", "onPlayerError");
  }

  // The "main method" of this sample. Called when someone clicks "Run".
  function loadPlayer() {
    // The video to load
    var videoID = "GSLU1nRX7qY"
    // Lets Flash from another domain call JavaScript
    var params = { allowScriptAccess: "always" };
    // The element id of the Flash embed
    var atts = { id: "ytPlayer" };
    // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
    swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
                       "&enablejsapi=1&playerapiid=player1",
                       "videoDiv", "480", "295", "8", null, null, params, atts);
  }
  function _run() {
    loadPlayer();
  }
  google.setOnLoadCallback(_run);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<table>
<tr>
<td><div id="videoDiv">Loading...</div></td>
<td valign="top">
  <div id="videoControls">
    <p>Katagori:</p>
    <select id="videoSelection" onchange="loadVideo();">
      <option value="GSLU1nRX7qY" selected>Hadise/Düm Tek</option>
      <option value="yDHBHpRrFR8">Kardeş Türküler/Çeşmi Siyahım</option>
      <option value="jcDqbVXmihM">Şiir/Hadi Git</option>
    </select>
  </div>
</td></tr>
</table>
</body>
</html>

Burada renkli verilen kısımlardan

"videoDiv", "480", "295", "8", null, null, params, atts);

video boyutlarını ve buradan

<option value="GSLU1nRX7qY" selected>Hadise/Düm Tek</option>
   <option value="yDHBHpRrFR8">Kardeş Türküler/Çeşmi Siyahım</option>
   <option value="jcDqbVXmihM">Şiir/Hadi Git</option>

seçilen videoları ekliyoruz. Dikkat edilmesi gereken kırmızı renkli verilen video ID lerini yotube'den alttaki resimde gösterildiği gibi alıyoruz.

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Etiketlerin Sayısını Kaldırmak

2009-06-01T16:31:00.002+03:00

Etiket widgetinin yanında o etikete sahip yazıların sayısı görünür. Bazen bu can sıkabiliyor. İşte buna küçük çözüm. Yapmamız gereken
-->Yerleşim---> html düzenle---> Widget Şablonunu Genişlet dedikten sonra aşağıdaki kodda yazılan kırmızı kısmı " (<data:label.count/>) "siliyoruz.
Hepsi u kadar kolay gelsin..

<b:widget id='Label1' locked='false' title='Etiketler' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
  <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
  <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Tüm Yazıları tek Başlıkta Göstermek

2009-06-01T16:26:00.001+03:00

Merhaba Arkadaşlar

Bildiğiniz gibi blog kullanıcıları olarak sıkıntılarımızdan biri blogu ziyaret eden kişinin ilgilendiği konuya ulaşması oluyor. Her ziyaretçi aradığı konun hemen elinin altında olmasını ister. Tüm yazılarınızı bir başlık altında gösterip ziyaretçinin ilgisini her zaman çekmek en iyi olsa gerek. İşte bu noktada güzel bir eklentiyi sizle paylaşmak benim adıma güzel :) tabii eğer bloğumda fazla yer kaplamaz diyorsanız. Çünkü eğer yazınız çok ise blogunuzda fazla yer kaplayacaktır. Ancak bunun içinde çözüm üretmek mümkün. Sekmeli Tab menüler içine veya benzeri alternatifleri kullanmak en iyi çözüm olacaktır. Eklenti en fazla 1000 yazıya kadar geçerlidir. Eee yazınız daha fazla ise okumayı bırakın ya da bununla yetinin :)

Yerleşim--->Sayfa Öğeleri--->Gadge Ekle--> HTML/JavaScript dedikten sonra aşağıdaki kodu ekliyoruz.

<script language="JavaScript" src="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2Fdersphp.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=1000&desc=0&date=n&targ=y" type="text/javascript"></script>


<a href="http://itde.vccs.edu/rss2js/feed2js.php?src=http%3A%2F%2Fdersphp.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Fstart-index%3D1%26max-results%3D999&chan=n&num=0&desc=0&date=n&targ=n&html=y">View RSS feed</a>

Üstte renkli gösterilen yere kendi blog ismini yazmanız yeterli olacak. İsteyen arkadaşlar gadget eklemek yerine kodu sayfa html sayfasının istediği yerine de koyabilir.

Hepinize iyi bloglamalar
Kolay gelsin
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Blogger 3 Cesit Tab Menu Yapımı (Blogspot)

2009-05-26T18:14:00.004+03:00

Blogger'da yukarıdaki ve aşağıda resimlerde verilen menüleri yapmak içindoğru konudasınız.Yapmak isteyen arkadaşlar için işe başlayalım hemen.

Tabi önce şablonumuzun yedeğini alıyoruz. Sonra
1.Yerleşim--->HTML Düzenle---> Widget Şablonlarını Genişlet
2.Ctrl+f ile

</head>

kodunu buluyoruz. bu kodun hemen üst satırına aşağıdaki kod1'i kopyalayıp yapıştırıyoruz.

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

</script>

3. tabcontent.css tabcontent.js (Sağ Click/Farklı Kaydet)dosyalarını bildiğimiz herhangi bir host sitesine yüklüyoruz.Yüklediğimiz dosyaların Url adreslerini kod1 de isimleri ile gösterilen yere yapıştırıyoruz.
4.Aşağıda verilen kodlardan istediğinizi seçerek bloğunuzun istediğiniz köşesine koyabilirsiniz. Sidebar'a koyacaksanız alttaki kodun hemen alt satırına ekleyin.

<div id='sidebar-wrapper'>

Resim 1 için ; genişliğini dilediğiniz gibi ayalayabilirsiniz. Boyu içeriğine göre kendiliğinden değişmektedir.

<ul id="countrytabs" class="shadetabs"> <li><a href="#" rel="country1" class="selected">Tab 1</a></li> <li><a href="#" rel="country2">Tab 2</a></li> <li><a href="#" rel="country3">Tab 3</a></li> <li><a href="#" rel="country4">Tab 4</a></li> <li><a href="http://dersphp.blogspot.com/">DersPHP</a></li> </ul> <div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px"> <div id="country1" class="tabcontent"> Tab content 1 here<br />Tab content 1 here<br /> </div> <div id="country2" class="tabcontent"> Tab content 2 here<br />Tab content 2 here<br /> </div> <div id="country3" class="tabcontent"> Tab content 3 here<br />Tab content 3 here<br /> </div> <div id="country4" class="tabcontent"> Tab content 4 here<br />Tab content 4 here<br /> </div> </div> <script type="text/javascript"> var countries=new ddtabcontent("countrytabs") countries.setpersist(true) countries.setselectedClassTarget("link") //"link" or "linkparent" countries.init() </script>

Resim 2 için ; Boyutlarını ayarlayabilirsiniz ancak içeriğine dikkat etmelisiniz. İçeriğe göre boyutu değişmez/enabled..

<div id="flowernote" style="display:none; position:absolute; right: 30px; width:150px; height:150px; background-color:red; color:white"> Arbitrary DIV 1 </div> <div id="flowernote2" style="display:none; position:absolute; right: 200px; width:80px; height:80px; background-color:black; color:white"> Arbitrary DIV 2 </div> <div id="flowernote3" style="display:none; position:absolute; right: 30px; width:140px; height:140px; background-color:navy; color:white"> Arbitrary DIV 3 </div> <div style="border:1px solid gray; width:350px; height: 250px; background-color: #EAEAEA; padding: 5px"> <div id="tcontent1" class="tabcontent"> Tab content 1 here<br />Tab content 1 here<br /> </div> <div id="tcontent2" class="tabcontent"> Tab content 2 here<br />Tab content 2 here<br /> </div> <div id="tcontent3" class="tabcontent"> Tab content 3 here<br />Tab content 3 here<br /> </div> <div id="tcontent4" class="tabcontent"> Tab content 4 here<br />Tab content 4 here<br /> </div> </div> <div id="flowertabs" class="modernbricksmenu2"> <ul> <li><a href="#" rel="tcontent1" >Tab 1</a></li> <li><a href="#" rel="tcontent2" >Tab 2</a></li> <li><a href="#" rel="tcontent3">Tab 3</a></li> <li><a href="#" rel="tcontent4">Tab 4</a></li> <li><a href="http://www.dersphp.blogspot.com">DersPHP</a></li> </ul> </div> <br style="clear: left" /> <script type="text/javascript"> var myflowers=new ddtabcontent("flowertabs") myflowers.setpersist(true) myflowers.setselectedClassTarget("link") //"link" or "linkparent" myflowers.init() </script>

Resim 3 için ; Bu da resim 2 deki gibidir ancak tab değişimi otomotiktir.

<div id="pettabs" class="indentmenu"> <ul> <li><a href="#" rel="dog1">Tab 1</a></li> <li><a href="#" rel="dog2">Tab 2</a></li> <li><a href="#" rel="dog3">Tab 3</a></li> <li><a href="#" rel="dog4">Tab 4</a></li> <li><a href="http://www.dersphp.blogspot.com">DersPHP</a></li> </ul> <br style="clear: left" /> </div> <div style="border:1px solid gray; width:550px; height: 150px; padding: 5px; margin-bottom:1em"> <div id="dog1" class="tabcontent"> Tab content 1 here<br />Tab content 1 here<br /> <p><b><a href="javascript: mypets.expandit('myfavorite')">Click here to select tab with id="myfavorite"</a></b></p> </div> <div id="dog2" class="tabcontent"> Tab content 2 here<br />Tab content 2 here<br /> </div> <div id="dog3" class="tabcontent"> Tab content 3 here<br />Tab content 3 here<br /> </div> <div id="dog4" class="tabcontent"> Tab content 4 here<br />Tab content 4 here<br /> </div> </div> <script type="text/javascript"> var mypets=new ddtabcontent("pettabs") mypets.setpersist(true) mypets.setselectedClassTarget("link") mypets.init(2000) </script>

Not: Verilen tab menülerin boyutlarını kodların
right: 30px; width:150px bölümünden ayarlayabilirsiniz.Buttonların url adreslerini ben .css dosyası içine ekledim. İsteyen arkadaşlar bloguna uygun butonlarla değiştirebilirler

DersPHP - Blogger İpucları ve Yardımı - Bloggerda 3 Çesit Menü Yapmak

Blogger Slide Show Hazırla

2009-05-25T17:14:00.001+03:00

Blogger da çoğu arkadaşımızın hoşuna giden ve bulmakta zorluk çektiği slideshow'u hazırlamak artık çok kolay. Şimdi varmı bilmiyorum ama google'a sorduğumda pek içimi açan bir cevap alamamıştım. Slideshow hakkında önce maddeler halinde biraz bilgi vereyim.

Boyutunu istediğiniz gibi ayarlayabilirsiniz. (Siz ona değil o size ayak uydursun )
Show'u ister otomotik isterseniz manual olarak ayarlayabilirsiniz.
Otomotik ayarlarsanız gösterim süresini ayarlayabilirsiniz.
Çervesinden buttonuna kadar istediğiniz yerini değişebilirsiniz. vs. vs...

Yukarıda verilenleri elimden geldiği kadar sizlere açıklayacağım.
Hala okumaya devam ediyorsanız bundan sonrasına biraz daha dikkat ediniz. Klasik uyarımızı hemen yapalım. Lütfen şablonunuzun yedeğini alınız...
1.

Dosyalarını indirin. (Sağ click/Farklı kaydet) Hotlinkfiles google page veya varsa kendi bildiğiniz iyi bir host adresi ona upload edin.
2. Aşağıda verilen kodu Yerleşim---->HTML'yi Düzenle--->Widget Şablonlarını Genişlet diyerek ctrl+f ile aratıp bulun.

</head>

Bulduğumuz kodun hemen üst satırına aşağıdaki kod1'i ekleyin.

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script> <link rel="stylesheet" type="text/css" href="featuredcontentglider.css" /> <script type="text/javascript" src="featuredcontentglider.js"> </script> <script type="text/javascript"> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] }) </script>

Kod1 deki koyu renkli yerlere upload ettiğimiz dosyaların url'sini adlarına göre yerleştirin.
3.Şimdi işin zor kısmına geldik. Aslında zor dememin sebebi bu işle pek uğraşmamış ama azimli arkadaşlar için biraz karışık olması. Nedir? bu karışık olan şey..
Zor olan tarafı slideshow'u bloğumuzun neresine ekleyeceğimiz olması. Aslında deneme yanılma yolu ile bulabiliriz. ancak dikkat etmemiz gereken birkaç husus var. Bunları kısaca yine maddeler halinde açıklayayım.

1. Bazı temalarda olduğu gibi post (yazlarımızın olduğu bölüm) bölümünün hemen üzerinde olmasını istiyorsak.(Benim yaptığım örnekteki gibi)

<div id="main-wrapper">

tanımlamasının hemen altında kod2'nin olması gerekir. temamızın enine tam oturması için en ve boy oranını yine temamıza göre ayarlamamız gerekiyor tabi... Bunu aşağıda vereceğim.

2.Sidebar(Yan menü) kısmının en üstüne ekleyecek olursak

<div id="sidebar-wrapper">

tanımlamasın hemen altından başlayacağız. Farklı bir yer için ise widgetlerin arasına koymayı unutmamak lazım.Gelelim bu üste verdiğimiz yerlere ekleyeceğimiz koda2 ye;

<div id="canadaprovinces" class="glidecontentwrapper"> <div class="glidecontent"> <img src="http://i11.tinypic.com/8efzmmf.jpg" style="float: left; padding: 5px" /> British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland. </div> <div class="glidecontent"> <img src="http://i15.tinypic.com/72vilba.jpg" style="float: right; padding: 5px"/> Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry. </div> <div class="glidecontent"> <img src="http://i17.tinypic.com/8bg0lkx.jpg" style="float: left; padding: 5px"/> Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts. </div> </div> <div id="p-select" class="glidecontenttoggler"> <a href="#" class="prev">Prev</a> <a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a> <a href="#" class="next">Next</a> </div>

Düzenleme Yapacağınız Bölümler

//--------------kod1 de değiştirebileceğiniz bölüm-----------
<script type="text/javascript">

featuredcontentglider.init({
gliderid: "canadaprovinces",
contentclass: "glidecontent",
togglerid: "p-select",
remotecontent: "",
selected: 0,
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Animasyon Süresi (Milisaniye)
direction: "downup", //yön için seçenekler: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Otomotik içerik döndürme (true/false)?
autorotateconfig: [3000, 2] //Otomotik etkin dödürme, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>
//-------------------------Kod2 de değiştirebileceğiniz bölüm----------
<div id="canadaprovinces" class="glidecontentwrapper">

<div class="glidecontent">
Glide content 1 here
</div>

<div class="glidecontent">
Glide content 2 here
</div>

<div class="glidecontent">
Glide content 3 here
</div>

</div>

<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>

Yukarıda upload ettiğiniz featuredcontentglider.css dosyası içerisinden ise slideshow'un en boy oranını (width: 450px; , height: 30px; gibi) style v.b özelliklerini değiştirebilirsiniz. Button için ise aşağıdaki kodu kullanınız.

//</head> kodunun hemen üst satırına alttaki kodu yapıştırın....

//------------button için------//

<link href='/cssbuttonstoggler.css' rel='stylesheet' type='text/css'/>

daha sonra cssbuttonstoggler.css kendi adına ekleyiniz.

yukarıda eklediğimiz kod2 bölümünden;

<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>

kodunu çıkarıp yerine;

<div class='cssbuttonstoggler' id='p-select'>
<a class='toc' href='#'><span>1</span></a>
<a class='toc' href='#'><span>2</span></a>
<a class='toc' href='#'><span>3</span></a>
<a class='prev' href='#'><span>Back</span></a>
<a class='next' href='#'><span>Foward</span></a>
</div>

kodunu ekleyiniz. kolay gelsin...

Blogger Türkçe Facebook Teması

2009-05-21T21:23:00.001+03:00

Facebook'un kullandığı tema blogger'a uyarlandı. Üstelikde TÜRKÇE. Temada; Facebooktaki kutular sekmesini, kategoriler olarak kullanıyoruz. İstersek avatar resmimizi de değiştirebiliriz.Ayrıca şablon 2 kolondan oluşuyor. Sade ve kullanışlı bir tema arayanlar için bire bir ..

Facebook Blogger Temasını:
ÖNİZLE | İNDİR

DersPHP - Blogger Teması

Buton Yapma

2009-05-20T14:40:00.002+03:00

Normalde köprü amaçlı kullanılan butonlar nasıl yapılır onu öğreneceğiz.İleriki derslerde Action Script kullanarak köprüye dönüştüreceğiz bunları.

1.Ctrl+F8 diyin.Burdan yeni bir sembol ekleyebiliyoruz.Siz,ortadaki "button" yazanı işaretleyip onaylayın.

2.Karşınıza böyle bir ekran gelecek:

+Burada görüldüğü gibi yeni bir timeline ile karşılaştık.Sorun değil,hemen çözelim onu.
-Up
Butonun normal hâli.
-Over
Fare,butonun üstüne gelince oluşacak görüntü.
-Down
Butona tıklandığında oluşacak görüntü.
-Hit
Bu da Down tarzında bir şey.
3.Herbir frame'de butonun rengi farklı olsun.
4.Scene 1 butonuna tıklayarak stage'e geri dönün.
-Layer Panel'in altında olacak bu buton.
5.Library'yi açın.
6.Butonu Library'den sayfanın üstüne sürükleyin.
7.Ctrl+Enter diyerek kontrol edin.

Dersimizin Sonuna Geldik.
Hoşcakalın...

PhpDersleri - Flash Dersler

Mask Layer 2

2009-05-18T18:05:00.001+03:00

Bu sefer delik yerine yazı hareket edecek.

1."Properties" penceresinden arkaplan rengini siyah olarak ayarlayın.
2.Layerın ismini "delik" olarak değiştirin.
3.Oval Tool'u alarak sayfanın tam ortasına bir yuvarlak çizin.
4.Yeni bir layer ekleyin.İsmini "yazı" olarak değiştirin.
5.Text Tool'u alarak sayfaya "ÖRNEK" yazın.Bunu,yuvarlağın tam başına yerleştirin.Ama yuvarlağın üstüne gelmesin.
6.İki layerı da 50.frame'de F6'layın."yazı" adlı framede bulunan yazımızı 50.frame'de yuvarlağın sonuna götürelim.
7."yazı" adlı layerımızda 1 ve 50.frameler arasına Motion Tween uygulayın.
8.Aynı layera sağ tıklayıp "Mask" diyin.
9.Ctrl+Enter diyip izleyin.
10.Dersimiz Bitti.Yeni Bir Derste Görüşmek Üzere...

Mask Layer

2009-04-26T16:34:00.002+03:00

James Bond'un introsunda bir deliğin ekranın bir kenarından diğer kenarına giderken içinde birden James Bond'un belirip ateş etmesi sahnesini hepimiz biliriz umarım.
İşte ona benzer bir şey yapacağız.

Lafı fazla uzatmadan hemen yapımına geçelim isterseniz.

1.Layerımızın ismini "yazı" olarak değiştirin.
2.Boş bir alana tıklayıp Properties penceresindeki Background'u siyah yapın.
3.Sayfanın ortasına belli olacak bir renkle "ÖRNEK" yazın.
4.Başka bir layer ekleyin.İsmini "mask" olarak değiştirin.
5.Bu layera bir yuvarlak çizin.
6.Yuvarlağı,yazının en başına koyun.Yazıları kapatmasın.
7.50.frame'e gelerek F6 yapalım.İki layerın da 50.frame'de bitmesine dikkat edin.
8.50.frame'deyken yuvarlağı yazının sonuna koyun.Yazıyı kapatmasın.
9."mask" adlı layerımızda 1 ve 50.frameler arasına Motion Tween uygulayın.
10."mask" adlı layerımıza sağ tıklayıp "Mask" deyin.
11.Şöyle bir görüntü oluşacak:

12.Ctrl+Enter diyoruz ve izliyoruz.

Önemli Not:
Bu çalışma GIF olarak doğru bir şekilde işlemeyebilir.Bunun sebebi;boyutun fazla olması,256 renk dizininin animasyonda kullanılan renkleri karşılamaması ve mask uygulamamızdır...

Bu dersimizde bitti.
yeni bir derste görüşmek üzere hoşcakalın..

Switch Kontrolleri (Switch-Case) [Videolu Ders]

2009-04-19T19:36:00.002+03:00

Merhaba arkadaşlar
Bir önceki videolu dersimizde if kontrollerini görmüştük.
Bu dersimizdede switch kontrollerini görecez.
Lafı uzatmadan hemen videoyaya geçelim isterseniz.

Motion Guide Dersi

2009-04-18T17:26:00.004+03:00

Motion Guide genelde bir yaprağın uçması,bir cismin dümdüz ya da kavisli gitmesi gibi işlemlerde kullanılır.
Şimdi sizlere çizilen basit bir yaprağı göstermek istiyorum size.İsterseniz siz başka bir şey de çizebilirsiniz.

1.Şekli çizip,60.frame'e gelip F6 deyin..
2.Burada cismin pozisyonunu değiştirin.
3.Ortada kalan framelere Motion Tween uygulayın.
-Bu şeklin uçarcasına bir hâl almasını istiyorsanız Rotate'i CW olarak ayarlayın.

4.Resimde gösterilen butona tıklayıp layerımıza Motion Guide ekleyin.

5.Bu layerdayken,Pencil Tool'u alıp ortaya karmaşık ve uzun bir hat çizin.
6.60.frame gelip F5 deyin.Keyframe eklemiyoruz.
7.Şeklin olduğu layera gelip şeklin tam ortasının bu çizginin uçlarına oturmasını sağlayın.

8.Ctrl+Enter diyerek izleyebilirsiniz.

Bu dersimizde burda bitti.
Hoşcakalın...

Google'dan futbolseverlerin seveceği bir yenilik

2009-04-13T23:37:00.003+03:00

Merhaba arkadaşlar
Gecen gün internette öyle dolaşırken birşey buldum.
Google'a takımınızın ismini yazdığınız zaman takımın en son maçı ve geecek maçını gösteriyor.

Örneğin;
Google'a Fenerbahce yazdım ve işte çıkan sonuç:

Not:Resmi büyültmek için tıklayın.

Dökülen Yazı Yapmak

2009-04-13T23:11:00.003+03:00

Merhaba arkadaşlar
Şimdiki dersimizde yukardan aşağıya dökülen yazı yapacağız.
Lafı fazla uzatmadan dersimize geçelim isterseniz.

1.Layer Panel'den layerımızın ismini "Ö" olarak değiştirelim.
2.Resimde gösterilen butona tıklayarak yeni bir layer ekleyin.Bunu da "R" olarak adlandırın.

3.Aynı şekilde başka bir layer ekleyip adını "N",bir tane daha ekleyip "E",son bir kez daha ekleyip "K" koyun.
4.Layerlarımıza harflerimizi yerleştirin(sırasıyla Ö,R,N,E,K).
5.Hepsini sayfanın sol üst köşesinde üst üste yerleştirin.
6.Layer Panel'de,en üst kısımda bir göz ve bir kilit vardır.Göz,ilgili layerda uygulandığında o layerdaki olayı görmememize yarar.Kilit ise o layerda değişiklik yapılmasını engeller."Ö" dışındaki bütün layerlara ait olan gözü aktifleştirin(bunun için noktaları tıklayın).

7."Ö" harfini sayfanın orta yerinde diğer harflere de yer kalacak şekilde yerleştirin.
8.50.frame'e gelip F6 yapın.
9.1 ve 50.frameler arasına Motion Tween uygulayın.Properties penceresini açın ve "Rotate" kısmını "CW" olarak ayarlayın.Bu,harfin dönmesini sağlayacak(Properties kapayılsa Ctrl+F3 yaparak açın).

10."R"ye gelin.1.frame'in ortasındaki noktadan tutarak 10.frame'e doğru olan bir frame'e sürükleyin.Arada kalan frameler beyaz olacak.Bu da,harfin oraya kadar gözükmemesini sağlayacak.
11.Daha sonra,sırayla diğer harfle de "Ö" harfine uyguladıklarımızı uygulayın.Şöyle bir görüntü olması gerek:

ve en son Ctrl+Enter deyip animasyonu izleyin

Bu dersimizde bitti.
Yeni bir dersimizde görüşmek üzere hoşcakalın.

Ders PHP - Flash Eğitimi, Dersleri, Resimli

İf Kontrolleri videolu php eğitim dersi

2009-04-12T17:10:00.003+03:00

Merhaba arkadaşlar
Bu eğitim dersindede if kontrollerini görecez.

Bu Derste Ne Var?
if - elseif - else komutları var.

Not:Ses kısık olabilir,
sağ alt taraftan açınız.

Basit Bir Gif Resmi Yapımı 2

2009-04-11T16:36:00.003+03:00

Merhaba Arkadaşlar
Sizlerle Daha önceden Basit Bir Gif Resmi Yapma konusunda küçük bir gif yapmıştık.
Şimdi daha değişik bir şey yapalım.Buda oldukça basit .
Hadi dersimize geçelim.

1.İlk önce,sayfanın boyutunu ayarlayın.
-
2.Layer Panel'den layerın ismini "resimler" olarak değiştirin.
3.Ctrl+R diyerek Import->Import to Stage işlemini kısayoldan gerçekleşirin.Bu işlem,sayfaya bir resim atmaya yarar.
4.Bir resim alın.
5.Bu resmi,100x100 boyutlarında küçültün ve sayfanın tam ortasına yerleştirin.
-2.Layer Panel'den layerın ismini "toparlak" olarak değiştirin.
3.Daha sonra,Oval Tool'u alarak ortaya bir yuvarlak çizin.
4.40.frame'e gelin ve F6'ya basarak bir Keyframe ekleyin.
5.Paint Bucket Tool'u seçerek 40.frame'deki toparlağın içini farklı bir renge boyayın.
-Koordinatların ve boyutların aynı olduğuna dikkat edin.

6.30.frame'e gelip F6 deyin.
7.Bu resmi 30.frame'de silin.Ctrl+R yaparak başka bir resim ekleyin.
8.Boyutları ayarlayın.
9.60.frame'e gelip F6 deyin.
10.Bu resmi 60.frame'de silin.Ctrl+R yaparak başka bir resim ekleyin.
11.90.frame'e gelip F6 deyin.
12.Bu resmi de 90.frame'de silin.Ctrl+R yaparak başka bir resim ekleyin.
13.120.frame'e gelip F6 deyin ve projeyi bitirin.
14.8.

-Type'tan sadece GIF seçeneğini işaretliyoruz.Aynı yerde dosyayı nereye kaydedeceğimizi de seçelim.
-Yanda GIF adında bir sekme açılacak.Oraya tıklıyoruz.
-Resimde göründüğü gibi ayarları yapıyoruz.
-Publish ve ardından OK deyip nereye kaydettiysek oraya gidiyor ve GIF resmimizi açıyoruz.

Sonuç;

Bu dersimizde bitti.
Bidahaki dersimizde görüşmek üzere

Dizi Değişkenlerinde Count Kodu Videolu Anlatım

2009-04-10T18:47:00.002+03:00

Merhaba arkadaşlar.
Şimdi size Php videolu anlatım derslerimizden bir yenisini gösterecem.

Bu derste ne var?
Dizi değişkenleri "Count" kodu bulunmakta

Yani ne işe yarar bu Caunt?
Saymaya yarar.
Dersi izleyerek öğrenebilirsiniz onun için videoyu koyuyum hemen
Buyrun;

Php Dersi Videolu Anlatım
Alıntı yapılırken kaynak gösterilmelidir.

Basit Bir Gif Resmi Yapımı

2009-04-09T21:07:00.006+03:00

Merhaba arkadaşlar. Şimdi bu dersimizde basit bir gif resmi yapmayı öğrenecez. Hadi başlayalım isterseniz.

1.İlk önce sayfanın boyutunu ayarlayın.
-
2.Layer Panel'den layerın ismini "toparlak" olarak değiştirin.
3.Daha sonra,Oval Tool'u alarak ortaya bir yuvarlak çizin.
4.40.frame'e gelin ve F6'ya basarak bir Keyframe ekleyin.
5.Paint Bucket Tool'u seçerek 40.frame'deki toparlağın içini farklı bir renge boyayın.
-Koordinatların ve boyutların aynı olduğuna dikkat edin.

6.1 ve 40.frameler arasına Shape Tween uygulayın.
-Proje buraya kadar tamamlanmıştır.Şimdi,GIF olarak kaydetmeye geçiyoruz.Birkaç püf noktası var.
7.Selection Tool ile boş bir alana tıklıyoruz.Properties penceresinde Settings adlı,sayfa boyutlarını ayarlamak için kullandığımız butonun altında bir buton gözükecek.Ona tıklıyoruz.
8.

-Type'tan sadece GIF seçeneğini işaretliyoruz.Aynı yerde dosyayı nereye kaydedeceğimizi de seçelim.
-Yanda GIF adında bir sekme açılacak.Oraya tıklıyoruz.
-Resimde göründüğü gibi ayarları yapıyoruz.
-Publish ve ardından OK deyip nereye kaydettiysek oraya gidiyor ve GIF resmimizi açıyoruz.

Eğer resmin 1.frame'deki rengine geri dönmesini istiyorsak;

1.80.frame gelip F6 diyoruz.
2.Yuvarlağın rengini Paint Bucket Tool ile 1.framedeki rengine dönüştürüyoruz.
3.40 ve 80.frameler arasına Shape Tween uyguluyoruz.
4.8.adımdakileri uyguluyoruz.

Dersimiz burda bitiyor.
Birdahaki dersimizde görüşmek üzere..
Hoşcakalın

Php Formlarda İşlemler Video İzle

2009-04-08T22:17:00.002+03:00

Merhaba arkadaşlar.
Bu derstede formlarda işlemleri görebilirsiniz.

Neler Anlatılacak?
Formlara girilen veriler çekilecek
Nasıl?
$_GET , $_POST , ve request.

Not:Ses kısık olabilir.
Sağ alt köşeden açabilirsiniz.

Ders PHP - Php Eğitim Videoları

Shape ve Motion Tween Dersi

2009-04-07T17:21:00.003+03:00

Shape Tween
Nerede Kullanılır?
Shape Tween,bir öğeyi bozmak,şeklini/rengini değiştirmek için kullanılabilir.

+Bir çizgi çizin.
-Layer Panel'deki layerımıza çift tıklayıp ismini "çizgi" olarak değiştirin.
+20.frame'e tıklayarak F6'ya basın.
+Burada,Free Transform Tool'u seçerek çizginin konumunu değiştirin.
+1 ve 20.frameler arasında kalan yere sağ tıklayın.
+"Create Shape Tween" deyin.Ortası sarıya çalan bir yeşil renge dönüşecektir.Eğer bu olayı iptal etmek istiyorsanız aynı yere tekrar sağ tıklayıp "Remove Tween" diyebilirsiniz.
+Ctrl+Enter yapın ve izleyin.Çizgimiz,önceki animasyonumuza göre daha yumuşak ve daha orantılı dönüyor.

Motion Tween
Nerede Kullanılır?
Motion Tween,bir öğenin yerini değiştirmek,o öğeyi döndürmek amacıyla kullanılabilir.

+Önceki çalışmamızdaki Shape Tween'i kaldırmalısınız.Oradaki 5.adımı izleyerek Shape'i kaldırın.
+20.frame'deki çizgiyi 1.framedekinin aynısı yapın.
+Bu çizgiyi,stage'in başka bir bölgesine götürün.
+Timeline'da,1 ve 20.framelerin arasında kalan boşluğa sağ tıklayın.
+"Create Motion Tween" deyin.Ortası mavi ile mor arası bir renge dönüşecektir.Eğer bu olayı iptal etmek istiyorsanız aynı yere tekrar sağ tıklayıp "Remove Tween" diyebilirsiniz.
+Ctrl+Enter yapın ve izleyin.Eğer doğru yaptıysanız çizginin konumu yavaş yavaş değişecektir.

Google Translate

2009-04-06T16:21:00.004+03:00

Merhaba;
Sizlere şimdi google'ın yapmış olduğu translate ne onu anlatacam.

Tabi biliyorda olabilirsiniz ama bilmeyenler için gerçekten harika bir uygulama diyebiliriz.

Şimdi Nedir Bu Translate?
Aslında bir çeviri programıda diyebiliriz.
İstediğiniz dili istediğiniz dile çevirebilirsiniz.
Ama tabi sonuçta hataları olabiliyor bunuda bilmemizde fayda var fakat ne kadarda hata verse bence iyi birşey.
Sonuçta bir insan değil çeviren o yüzden hata verebilir vede bir insanmış gibi mükemmel sonuçlar beklememeliyiz.

Translate Neymiş Bakmak İçin Tıkla

Bir Örnek:
Az önce denedim çevireceğim kelime:
php eğitimi ve dersleri videolu
Yanıt:
php training and lessons with video

İşte böle bişey translate...

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Php Dizi Değişkeni Video

2009-04-05T14:37:00.003+03:00

Merhaba arkadaşlar.
Bu video dersimizdede dizi değişkenleri anlatılıyor.
Bizim önceki dersimizdede vardı ama bu tabi video olduğu için daha anlaşılır olabilir sizin için.
Zaten biliyorum dersenizde bir pratik olabilir sizin için.
Neyse fazla uzatmayımda dersimizi izleyin.
Not:Ses kısık olabilir sağ alt köşeden açabilirsiniz.

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Flash - TimeLine Kullanımı

2009-04-04T15:09:00.004+03:00

Merhaba arkadaşlar.
Bu dersimizde sizlere timeline kullanımını anlatacam.

Resme Tıklayarak Büyültebilirsiniz.

Şimdi Sırasıyla aşağıdaki işlemleri yapıyoruz.
+Öncelikle Flash'ı Açalım.
+LineTool aracını secerek stage alanına bir tane çizgi çizelim.
-Layer Panel'deki layerımızın üstüne çift tıklayalım ve ismini 'çizgi' olarak değiştirelim.
+TimeLine'da 3.Frame'e(*) tıklayalım.Sonra F6'ya basarak keyframe(**) ekleyelim.
-Arzu ederseniz daha uzun aralıklar bırakabilirsiniz.
+Free Transform Tool'u seçelim.
+3.Frame'deyken çizginin duruşunu değiştirelim.Free Transform Tool ile çizgiye tıklayalım ve köşe noktalarının birine imleci sürerek öğeyi döndürmeye yarayan şekle dönüşmesini sağlayalım.
+6.Frame'e tıklayalım.Sonra yine F6'ya basarak keyframe(**) ekleyelim.
+Çizginin şeklini tekrar değiştirelim.(Yukarıda anlatmıştım.)
+Ve son olarakda CTRL + Enter diyelim ve olayı izleyelim.

*:Timeline'daki herbir kutucuk.
**:Öğeler üzerinde oynama yapabilmemiz için timeline'a eklediğimiz "istasyon".

Bu dersimizde bitti.
Yeni bir dersimizde görüşünceye kadar hoşcakalın.
Saygılar..

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Flash - Araçlar

2009-04-03T22:50:00.009+03:00

1-Selection Tool
Bir öğeyi seçmeye ve taşımaya yarar.Aynı zamanda elle yaptığımız kare, dikdörtgen, üçgen vb. gibi bir şekilse deform etmeye yarar.

2-Subselection Tool
Buda öğeyi tamamen deforme etmeye yarayan araçtır.Bu araçla bir öğeye tıklandığı zaman küçük noktalar belirir ve o noktaları oynadığımız zaman öğenin şeklinin değiştiğini görebilirsiniz

3-Free Transform Tool
Buda öğenin açısını ve boyutunu değiştirmek için kullanılır.

4-Lasso Tool
Öğede seçilen bir bölümün alınmasına yarar.

5-Pen Tool
Bu araç ise öğenin herhangi bir yerinden açılı boşluklar oluşturur.

6-Text Tool
Text yani metin yazmaya yarar.

7-Line Tool
Buda Line yani düz çizgi çizer.

8-Oval Tool/Rectangle Tool
Bu araçda oval veya dört kenarlı bir şekil çizmek için kullanılır.Oval Tool veya Rectangle Tool'a dönüştürmek için üzerine tıklandığında "O" ya da "R" harfine basmakı gerekir.Bazı versiyonlarda köşedeki ufak ok işaretine basmanız gereklidir.

9-Pencil Tool
Buda rasgele çizgiler çizmek için kullanılır.

10-Brush Tool
Daha fazla seçenekli çizgileri bu araçta bulabilirsiniz.Pencil Tool'a benzer.

11-Ink Bottle Tool
Çizilen çizgilerin renkllendirilmesine yarar.

12-Paint Bucket Tool
Şeklin içini boyar.

13-Eyedropper Tool
Bu araçda eğer bir çizgiye tıklanırsa,o çizginin rengi Stroke Color'a; başka bir renge tıklanırsa o rengi Fill Color'a gönderir.

14-Eraser Tool
Herhangi bir görsel öğenin kısımlarını silmek için kullanılır.

15-Hand Tool
Sayfa pozisyonunu ayarlar.

16-Zoom Tool
Zoom yani Yaklaştırma/Uzaklaştırma için kullanılır.

17-Stroke Color
Çizgi rengini belirler.

18-Fill Color
Çizgilerin dışında kalan yerlerin rengini belirler.

Bu dersimizde bitti.
Bir sonraki derste görüşmek üzere hoşcakalın.
Saygılar.

dersphp.blogspot.com
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Flash - ÖnGörünüm

2009-04-03T17:02:00.009+03:00

Merhaba arkadaşlar
Sizlere şimdi ilk flash dersimizi anlatacam.
İlk anlatacağım şey bu programın görünüşü.Burdaki terimler önemli dikkatlice inceleyin.
Aşağıya resmi koyup onun altına açıklamasını yapacam.
Not:Resme tıklayarak büyültebilirsiniz.

1-Timeline
Anlamı zaman çizelgesi demek.Yani animasyonun her saniyesinin yerleştirildiği nokta
2-Layer Panel
Yani Katmanların bulunduğu panel.Katmanlar ne demek?Katmanlar istenilen cisimlerin farklı bir timeline(Zaman çizelgesi) üzerine yerleştirilmesine yarar.Sıra olarak alttaki katman uygulamada diğer katmanlardan sonra gelir.
3-Tools
Tools = Araçlar.Proje için kullanılacak temel araçların olduğu yer.
4-Properties/Filters/Parameters vs...
Cisimlerin özellikleri burda gözükür.
5-Stage
Herşeyin olduğu yer.Yani projemizi buraya yapıyoruz.
6-Library/Color/Swatches
Bazı versiyonlarda yoktur ama önemli değil.Buranın asıl amacı kısayol olması için yapılmıştır ama mesela CTRL + L yaparakda Library'yide açabilirsiniz..
7-Araç Çubuğu
Adı üstünde araç çubuğu.Programın yönetim yeride denilebilir.

İlk dersimiz Bu kadar.
Bir sonraki dersimizde tüm araçların ne işe yaradığını anlatacam.
Saygılar
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Standart Değişken [Get-Include] Video

2009-04-03T01:11:00.002+03:00

Standart kullanım şekli ve oluşturmayı anlatan bir video.
Derslerimizdede bahsetmiştik zaten bu konuyu birde video ile iyice öğrenirsiniz. artık.

DersPHP - Webmaster'ların yeni mekanı

Php Değişken Belirtme Videosu

2009-04-02T22:27:00.002+03:00

Konuyu anlamayanlar veya pratik yapmak isteyenler videoyu izlemelerini tavsiye ediyorum.
Ses kapalı olabilir sağ alt taraftan açın.

DersPHP

Echo(Print) Yazdırma komutu videosu

2009-04-02T20:29:00.004+03:00

Merhaba Arkadaşlar.
2. Eğitim videomuzuda sizlerle paylaşıyorum.
Konu olarak print bir diğer adı echo ile yazdırma komutları.
Bunu derslerimizde anlattım ama anlamayan veya pekiştirmek isteyen olursa videoyuda izleyebilirsiniz.
Not:Ses çıkmazsa sağ aşağıdan sesi açın.
Saygılar.

Videoyu izlemek için sayfanın devamını okuyun.
Ders PHP

Php İçin Appserver Kurulum Videosu

2009-04-01T15:35:00.007+03:00

Php'de localhost oluşturmak için gerekli olan Appserver kurulumu.
Türkçe anlatımdır.
Saygılar.
Not:Biraz geç açılabilir.
Ses çıkmıyorsa sağ alt taraftan sesi açabilirsiniz.

İzlemek İçin Sayfanın Devamını okuyun.

Asp Nedir ?

2009-04-01T14:02:00.003+03:00

ASP, Microsoft tarafından web site yapımı için geliştirilmiş bir web yazılım dilidir.

Biraz daha açalım konuyu.

Web sitesi ASP ile yapılmaz. HTML dediğimiz belli kalıpları olan bir kodlama ile yapılır. Bilgisayarınızda Office ile birlikte gelen Microsoft FrontPage varsa açın, bişiler yazın, tablo oluşturun, yazıları kalınlaştırın, daha sonra Microsoft FrontPage in hemen sol alt taraftaki HTML sekmesine tıklayın karşınıza, garip kodlar çıkacaktır. İşte web sitesi böyle yapılıyor. Çok basit oldu ama öyle. Farklı kaydet diyin masa üstüne bi isim vererek kaydedin. Masa üstünde kaydettiğiniz dosyayı çift tıklayın açın. Karşınızda ilk web siteniz. 2. yol bir not defteri açın, bişiler yazın farklı kaydet komutuna tuklayın, mesala index.htm diyerek masaüstüne kaydedin. Masa üstünde index.htm me çift tıklayın. Siteniz karşınızda.

Olayın önemli noktası tasarım. Tabloların yerleşimi resimleri sayfa içinde doğru yerleştirme vs. Bu zaman içinde oluşur.

HTML ile kolayca sayfanızı yaptınız. Ama bu yeterli değil. İçine anket, ziyaretçi defteri, üyelik sistemi, arama, mesajlaşma sistemi, makale servisi vs. vs. vs. eklemek isterseniz, işte o zaman başka bişi gerekli olucak.

HTML de yaptığınız sayfa ziyaretçiye olduğu gibi gösterilir. Ancak ASP de önce dosyanın kayıtlı olduğu bilgisayar dosyayı işler ziyaretçiye yorumlanmış sonuçları gösterir. Mesala ziyaretçi ankete oy kullandı ASP dosyası çalıştı, ekrana yeni sonuç gösterilir.

Kısaca ASP dinamik web sitesi yapmak için kullanılır ve sınır yoktur.

HTML siteleri bilgisayarınızda kolayca çalıştırıp ne yaptığınıza bakabilirsiniz. Ancak ASP dosyalarını çalıştırmak için IIS denen ve ara sistem diyebileceğimiz bir sisteme ihtiyacınız vardır. XP ve Vista için ayrı ayrı kurulum işlemi bulunan ve kurması bazen kafa karaştıran bu işlemi sonraki derslerimizde bulabilirsiniz.

ASP ilk dersimizde bitti.
Bir sonraki ASP dersimizde ASP hakkında daha detaylı bilgiler verecem.
Bu sadece girişdi.
Görüşmek üzere.
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Tittle'ı Seo'ya Uygun Yapmak

2009-03-31T20:14:00.006+03:00

Merhaba arkadaşlar.
Aşağıdaki anlattıklarımı yaparsanız sitenizin google'da daha üst sıralarda olmasını sağlayabilirsiniz.

Nasıl Oluyor?
Neden derseniz öncelikle nedenini açıklayım sonra nasıl yapacağınızı.
Blogger'da tittle blog başlık - konu başlık şeklindedir.
Biz ne yapacaz?
tittle konu başlık - blog başlık şeklinde olacak.

Küçük bir örnek verirsek ;
Blog başlık = Php Dersleri - Eğitim Videoları
Konu başlık = Tittle'ı Seo'ya Uygun Yapmak

Google'da nasıl gözükür ?
Php Dersleri - Eğitim Videoları -Tittle'ı Se....
Biz Düzeltince Nasıl Olacak?
Tittle'ı Seo'ya Uygun Yapmak - Php Dersle...
(Neden "..." koydum:Çümkü belli bi harften sonra gözükmez. )

Umarım anlatabilmişimdir.
Şimdide nasıl yapıldığına geçelim.

Nasıl Yapılır?
Öncelikle sırasıyla Yerleşim - Html'yi Düzenle geliyoruz.
CRTL + F ile arıyoruz (Kendinizde bulabilirsiniz)
Aşağıdaki kodu buluyoruz.

<title><data:blog.pageTitle/></title>

Bu kodu bulduktan sonra aşağıdaki kod ile değiştiriyoruz.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Php ile basit bir örnek

2009-03-31T17:14:00.004+03:00

Arkadaşlar içimden geldi php ile küçük bir deneme yapalım hadi.
Aslında size şimdiye kadar gösterdiğim bilgilerle bunu çok rahat yaparısnız.
Çok ama çok ufak bir şey yapacaz.
Biliyorum merak ettiniz söyleyim.
1'den 100'e kadar sırayla yazdıracaz.

Aslında kod çok basit.
Bence önce kendiniz yapmaya çalışın.
Eğer php öğrenmeyi istiyorsanız sizin için pratik yapmakda çok önemli olacaktır.

Şimdi yazmaya başlayalım bakalım.
Kodun içinde yorum satırıyla size kısaca bilgileri verecem.
Neyin neden olduğunu daha iyi anlayın diye.
Hadi başlayalım bakalım.


<?php
for ($x=1;$x<=100;$x++): // for ile x'i tanımladık // x'e 1 dedik ve 100'e küçük eşittir dedik.$x++ ile artacağını belirttik print $x.'dersphp.blogspot.com'; //ekrana yazdırdık.print yerine echo yazsanızda olur. endfor: //for döngüsünü kapattık. ?>

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Adsense Genel Bilgiler

2009-03-31T16:29:00.002+03:00

Şimdi sizlere biraz adsense hakkındaki genel bilgileri paylaşalım isterseniz.
Adsense Hakkında Genel Bilgiler - İpuçları

1. Reklamlarınızı sayfanın Uygun Yere Gosterin.

Reklamları sayfanın yukari taraflarda ve icreigin yakin yerlede, ziyaretçileriniz için daha kolay okunur olmasını sağlayacak ve tıklanma potansiyelini artıracaktır.

2. Farklı Adsense reklam bicimleri kullanin.

Web sayfalarınıza uygun olanı bulmak için farklı reklam biçimleri kullanmayı deneyin. AdSense yayıncılarının seçmeleri için birçok reklam biçimi sunuyoruz. Her biçimin örneğini Reklam Biçimleri sayfada görebilirsiniz.

3. Reklam renk kombinasyonlarını özelleştirin.

* Reklam üniteleriniz için özel renk kombinasyonları kullanmayı deneyin. Böylece reklamlarınızın metin, arkaplan ve çerçeve renklerinin web sitenizle uyumlu olduğundan emin olabilirsiniz. Kendi renk paletleriniz oluşturmak için geniş renk yelpazemizi kullanabilir veya 20 öntanımlı kombinasyondan birini seçebilirsiniz. Renk paletlerini kullanırken şunları yapmanızı öneririz:
o Reklamın arkaplan rengini sayfanızın arkaplan rengiyle aynı veya benzer yapın.
o Reklamın çerçeve rengini sayfanızda kullandığınız bir renk olarak seçin.
o Reklamın başlığının rengini sayfa metninizin rengine yakın yapın.
o Reklam adresinin rengini sayfanızdaki linklere yakın yapın.
* Ayrıca aynı anda 4 farklı renk paletini kullanmayı seçebilirsiniz.
* Reklam renklerinizi ve renk paletlerinizi düzenleme hakkında daha fazla bilgi alın.

4. Google botunun site içeriğinize erişmesine izin verin.

AdSense potansiyelinizi artırmak için site içeriğinizin içerik tarayıcımız tarafından ulaşılabilir olması önemlidir. Sitenizdeki bazı mekanizmalar tarayabileceğiniz ve reklam oluşturmada kullanabileceğimiz içerik miktarını kısıtlayabilir:

* Robots

Bir robots.txt dosyanız varsa, dosyayı silin veya dosyanın başına aşağıdaki iki satırı ekleyin:

User-agent: Mediapartners-Google*
Disallow:

Bu değişiklik botumuzun site içeriğinizi tarayabilmesini sağlar, böylece size içeriğinizle ilgili AdWords reklamlarını sunabiliriz.

* Çerçeveler

Sayfanız çerçevelerden oluşuyorsa, içerikle ilgili reklamların sunulabilmesi için AdSense reklam kodunu içeriğin yer aldığı çerçeve yerleştirin. Reklam kodunu boş bir çerçeveye veya sadece grafik veya dinamik içerik içeren bir çerçeveye yerleştirmek, içeriği taramamızı ve hedeflenmiş reklamlar sunmamızı engelleyecektir.

Ayrıca, çerçeveli sayfalar için reklam kodu oluştururken Reklam düzen kodu sayfasında Çerçeveli sayfa kutusunun işaretli olduğundan emin olun.

* Giriş/Onaylama gereksinimleri

AdSense reklam kodunu erişim için bir hesap veya şifre gerektirmeyen web sayfalarına yerleştirin. Google tarayıcıları kullanıcı adı ve şifre isteyen sayfaları indekslemek için optimize edilmemiştir, bu nedenle bu sayfalara içerikle ilgili reklamlar sunulamaz.

5. Sitenizde görünmesini istemediğiniz reklamları filtreleyin.

* AdSense size hesabınızın Ayarlar bölümünden bir URL filtre listesi oluşturma imkanı sunar. Filtre listenize eklediğiniz adreslerden gelen reklamlar web sitenizde görünmeyecektir. Bu, sayfalarınıza rakiplerinizin ve diğer istenmeyen reklamların sunulmasından kurtulmanın hızlı ve kolay bir yoludur. Filtre listenize eklediğiniz adreslerden gelen reklamlar web sitenizde görünmez, fakat siteleri filtrelemenin sayfalarınızda görünecek reklam sayısını düşürerek potansiyel kazancınızı azaltacağını unutmayın.
* URL filtre listesi oluşturma hakkında detaylı açıklamak için lütfen buraya tıklayın.
* Lütfen adresini görmek için hiçbir reklama tıklamayın. Bu, sistemimize hileli tıklama olarak kaydedilebilir.

6. AdSense reklamlarını metinle dolu sayfalara yerleştirin.

AdSense reklam kodunu sitenizdeki genel olarak metin içeren sayfalara yerleştirin. Bir sayfanın içeriğini belirlemek için sadece metinlerden yararlanırız. Bu yüzden, Google™ın hedefleme teknolojisi sıkça güncellenen sayfalara reklam hedeflemek için optimize edilmiş olsa da, resim ağırlıklı veya Macromedia Flash gibi dinamik medya içeren sayfalara içerikle ilgili reklamlar sunamayabiliriz.

7. Basit ve temiz sayfalar oluşturun.

Ziyaretçiler genelde bir dakikadan az bir sürede sayfayı gözden geçirirler. Ziyaretçilerinizin aradıklarını kolayca bulabileceklerinden ve ilgisiz şeylere boğulmayacaklarından emin olun. Okunabilirlik, temiz navigasyon ve yüklenme hızı iyi tasarlanmış bir web sitesi demektir.

Font renklerinizin arkaplan renginiz üzerinde kolayca okunabildiğinden emin olun. Gözleri yormayan bir font boyutu seçin, ve sitenizin kolay anlaşılabilmesi için nokta imleri veya yatay çizgiler gibi simgeler kullanın. Ek bilgi için aşağıdaki Google arama terimlerini kullanabilirsiniz:

Web sitesi tasarım ipuçları
Etkin web site navigasyonu
Web tasarımı okunabilirliği

8. Performans takibi için kanallı kullanın.

Kanallar sayfalarınızın performansını takip edebilmeniz için mükemmel bir yoldur. Sayfalarınızı AdSense için optimize etmeden önce ve sonra, büyük afişlerinizin kulelerinize karşı nasıl gittiğini görmek veya bir alan adını diğeriyle karşılaştırmak için onları kanallara ayırın. Renk seçimlerinizin tıklama oranınızı nasıl etkilediğini bile görebilirsiniz.

Herhangi bir sorunuz, yorumunuz veya öneriniz varsa bizimle iletişim kurun.

Html Tagları

2009-03-30T15:51:00.007+03:00

<html>Html baslatmak için</html>
<body>Başlık Bilgileri(Tarayıcı penceresinde görünmez)</body>
<tittle>Başlık</tittle>
<head>Tarayıcı penceresinde gösterilecek alan</head>
<b>Bold(Koyu) Yazı</b>
<i>İtalik(Yatay) Yazı</i>
<u>Underline(Altı Çizili) Yazı</u>
<font color="#FF0000">Yazıya Renk Vermkek*</font>
<font size="2">Yazıya Boyut  Kazandırmak**</font>
<font face="Arial">Yazıya Font Vermkek</font>
<p>Paragraf</p>
<h1>Başlık 1***</h1>
<br />Bir alt satıra geçer****
<hr />Horizonal Rule(Yatay Çizgi)****
<pre>Ne yazarsak tarayıcıda o gözükür</pre>
<center>Center(Ortalanmış Yazı) </center>
<small>Small(Küçük)Yazı</small>
<big>Big(Büyük) Yazı</big>
<a href="Link">Link Tanımı </a>
<table>Tablo</table>
<fieldset>Kutu içine almak</fieldset>

* Ben oraya #FF0000 kodunu yazdım onu değiştirebilirsiniz.
** Ben oraya 2 boyutunda yazdım onu değiştirebilirsiniz.
*** <h1> ile <h6> arasındadır. <h1> en büyük,<h6> en küçüktür.
**** <hr> ve <br> gibi kodların sonuna </hr> ve </br> şeklinde bittiğini belirtmeye gerek yok.

Arkadaşlar aklıma gelenler bunlar.
Unuttuğum yanlış yazdığım varsa uyarın lütfen yanlış bilgi aktarmayalım.
Sormak istediğiniz varsada ben hep burdayım istediğinizi sorabilirsiniz.Elimden geldiği kadar yardım ederim.
DersPHP - Web Programlama

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Html'e Giriş

2009-03-30T11:59:00.007+03:00

HTML dosyası nedir?

HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir.
Bir HTML dosyası bir text dosyası olmakla beraber markup tags (işaretlenmiş etiketler) içerir
Markup tag'ler web tarayıcınıza sayfanın nasıl gösterileceğini gösterir.
HTML dosyasının uzantısı htm veya html olmak zorundadır.
HTML dosyası basit bir text editör ile oluşturulabilir.

Bir deneme yapalım.

Eğer Windows kullanıyorsanız Not Defterini açın.
Eğer MAC kullanıyorsanız SimpleText programını açın.
Eğer OSX kullanıyorsanız, TextEdit'i açın

Ben windows kullandığım için not defterini kullandım.

Aşağıdaki kodu metin içerisine yazalım.

<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Bu benim html çalışmam :)..dersphp.blogspot.com <b>Bu yazı koyu yazılır</b>
</body>
</html>

Örnekte neler yaptık?

HTML dökümanınızdaki ilk tag (etiket) <html>'dir. Bu etiket tarayıcınıza bir HTML dosyasının koşturulacağını söyler. HTML dökümanınızdaki son tag (etiket) </html>'dir. Bu da tarayıcınıza HTML dosyasının sonunun geldiğini(bitiğini) söyler.

<head> ve </head> etiketleri arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.

<title> ve </title> etiketleri arasında kalan kısım dökümanınızın başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde görüntülenir.Mesela bizim başlığımız "Php Dersleri - Eğitim Videoları".

<body> ve </body> etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısımı içerir.

<b> ve </b> etiketleri arasında kalan kısım ise Bold (koyu) biçimde gösterilir.

Ufak bir not:

HTML dosyalarınızı kolay bir şekilde WYSIWYG (What You See İs What You Get), FrontPage veya Dreamweaver ile de hazırlayabilirsiniz.Fakat yeni başladıysanız tavsiyem elinizin alışması için kendiniz yazın.

Bir sonraki derste html'de hangi tag ne işe yarar onu anlatacam.
Saygılar...

DersPHP - Web Programlama
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Css List

2009-03-29T17:58:00.004+03:00

Evet arkadaşlar şimdi css'de 2. dersimizi işleyeceğiz.
Bu dersimizde Css List İşleyeceğiz.
Örnekler Koyacam Yine Umarım İyi Bir Şekilde Anlarsınız.

CSS LIST ÖZELLİKLERİ

List-style-type :
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 imgesiz olmasını sağlar.
list-style-position :
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.

Aşağıdaki Örnekleri İncelemenizi Tavsiye Ediyorum.

Örnekler
Type

1-
UL {list-style-type : none;}
__________________
2-
UL {list-style-type : disc;}
__________________
3-
UL {list-style-image : url(images/ball2.gif);}
__________________
4-
OL {list-style-type : lower-roman;}
__________________
5-
OL {list-style-type :upper-alpha;}
__________________
Position

1-
UL {list-style-position : outside;}
__________________
2-
UL {list-style-position : inside;}
__________________
Display

1-
UL { display : inline;}
__________________
2-
UL { display : block;}
__________________
3-
UL {display : list-item;}
__________________
4-
UL {display : none;}
__________________

Baya bir örnek paylaştım sizlerle.
Heralde yeterli olur diye düşünüyorum.
Bir dahaki derste görüşmek üzere hoşcakalın.
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Css Link

2009-03-29T17:40:00.007+03:00

Merhaba;
Düşündümde Birazda Css bilgisi verelim sizlere.
Yakında web alanında tüm bilgileri bizde bulacaksınız amacımız o.
Şimdi php,css,html,asp,javascript derken nette öğrenecek bilgi kalmayacak.(Tabi yaratıcılık size kalmış.)
Neyse Css'de ilk önce öğreneceğimiz link.
Dersimize geçelim.

CSS 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.

NOT : Yukarıda kullanılabilecek birkaç parametre örnek verilmiştir.Ancak "font" , "text" , table" vs. için kullanılabilen pek çok parametre "a" için de kullanılabilir.Gerisi biraz da insanın yaratıcılığına kalıyor tabiki.

Aşağıdaki Örnekleri İnceleyerek Kendinizi Geliştirebilirsiniz..

Örnekler

1-
Code:
a:hover {
color:#3399cc;
background-color :#3399cc;
text-decoration :none;}
_____________________
2-
Code:
a:hover {
background-color : #3399cc;
text-decoration :underline;}
_____________________
3-
Code:
a:hover {
background-color :#00cc00;
text-decoration :underline;}
_____________________
4-
Code:
a:hover {
background-color :#00cc00;
color:BLACK;
border:double black;
text-decoration :none;}
_____________________
5-
Code:
a:hover {
background-color : #00cc00;
display : block;
color : black;
text-decoration :none;}
_____________________
6-
Code:
a:hover {
background-color : #00cc00;
float : right;}
_____________________
7-
Code:
a:hover { background-color :#ffff99;
text-transform : uppercase;
font-weight : bold;}
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Hayat Felsefem

2009-03-29T17:03:00.003+03:00

Aslında hayat felsefemi aşağıda kısa olarak anlatmak istiyoruz size.

Buyrun;

Benim 1 param var,senin 1 paran var.
Ben paramı sana verdim, sende paranı bana verdin.
Ne oldu?
İkimizinde hala 1 parası var.

Benim 1 bilgim var,senin 1 bilgin var.
Ben bilgimi sana verdim, sende bilgini bana verdin.
Ne oldu?
İkimizdede 2 Bilgi Oldu

İşte Buda benim hayat felsefem.Size böyle kısa bir biçimde anlattım.
dersphp.blogspot.com

Açılır - Kapanır Navbar Yapmak

2009-03-29T14:06:00.002+03:00

İlk önce Yerleşim'e tıklıyoruz sonra Gadget Ekle Diyoruz.
HTML/JavaScript ekle diyoruz ve aşağıdaki kodu yapıştırıyoruz.
Not:İstediğiniz yere koyabilirsiniz farketmez.


<span style="cursor:pointer;" onclick="ShowHideNav();">
Göster / Gizle - Navbar
<a style="visibility:hidden;" href="blog adresiniz"></a>
</span>

Hepsi bu kadar.

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Benzer Yazılar

2009-03-29T13:58:00.004+03:00

İlk önce sırasıyla ;

Yerleşim
HTML'yi Düzenle
Widget Şablonlarını Genişlet

sonra " CTRL + F " tuşuna basıp arıyoruz.

    <data:post.body/>
bunun hemen yanına (Dikkat edin </p> tagını geçmeyin.) aşağıdaki kodu ekliyoruz.

<b:if cond='data:blog.pageType == "item"'>
       <div class='similiar'>
           <!-- *****************http://dersphp.blogspot.com*****Mar,2009****************** -->
           <!-- *****************Related Articles by Labels - Take Two****************** -->

           <!--
            Modified by JackBook.Com to make it easier to use.
           1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
           2. The current article will also be listed, now it's no more.
           -->

           <div class='widget-content'>
           <h3>Benzer Yazılar</h3>
           <div id='data2007'/><br/><br/>
 
               <script type='text/javascript'>

               var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
               var maxNumberOfPostsPerLabel = 4;
               var maxNumberOfLabels = 10;

               maxNumberOfPostsPerLabel = 100;
               maxNumberOfLabels = 3;


               function listEntries10(json) {
                 var ul = document.createElement('ul');
                 var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                                json.feed.entry.length : maxNumberOfPostsPerLabel;
                 for (var i = 0; i &lt; maxPosts; i++) {
                   var entry = json.feed.entry[i];
                   var alturl;

                   for (var k = 0; k &lt; entry.link.length; k++) {
                     if (entry.link[k].rel == 'alternate') {
                       alturl = entry.link[k].href;
                       break;
                     }
                   }
                   var li = document.createElement('li');
                   var a = document.createElement('a');
                   a.href = alturl;

                   if(a.href!=location.href) {
                       var txt = document.createTextNode(entry.title.$t);
                       a.appendChild(txt);
                       li.appendChild(a);
                       ul.appendChild(li);
                   }
                 }
                 for (var l = 0; l &lt; json.feed.link.length; l++) {
                   if (json.feed.link[l].rel == 'alternate') {
                     var raw = json.feed.link[l].href;
                     var label = raw.substr(homeUrl3.length+13);
                     var k;
                     for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                     var txt = document.createTextNode(label);
                     var h = document.createElement('b');
                     h.appendChild(txt);
                     var div1 = document.createElement('div');
                      div1.appendChild(h);
                     div1.appendChild(ul);
                     document.getElementById('data2007').appendChild(div1);
                   }
                 }
               }
               function search10(query, label) {

               var script = document.createElement('script');
               script.setAttribute('src', query + 'feeds/posts/default/-/'
                + label +
               '?alt=json-in-script&amp;callback=listEntries10');
               script.setAttribute('type', 'text/javascript');
               document.documentElement.firstChild.appendChild(script);
               }

               var labelArray = new Array();
               var numLabel = 0;

               <b:loop values='data:posts' var='post'>
                 <b:loop values='data:post.labels' var='label'>
                   textLabel = &quot;<data:label.name/>&quot;;
             
                   var test = 0;
                   for (var i = 0; i &lt; labelArray.length; i++)
                   if (labelArray[i] == textLabel) test = 1;
                   if (test == 0) {
                      labelArray.push(textLabel);
                      var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                             labelArray.length : maxNumberOfLabels;
                      if (numLabel &lt; maxLabels) {
                         search10(homeUrl3, textLabel);
                         numLabel++;
                      }
                   }
                 </b:loop>
               </b:loop>
               </script>
           </div>

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Navbar Gizlemek

2009-03-29T13:53:00.001+03:00

<head> Tagından sonra aşağıdaki kodu yapıştırın.

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
 nav.style.visibility="visible";
 nav.style.display="block";
}
else
{
 nav.style.visibility="hidden";
 nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
  visibility: hidden;
  display: none;
}
</style>

Hepsi bu kadar.
Kolay gelsin.
Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.

Dosyaya Ek Yapma

2009-03-29T13:49:00.002+03:00

Php ile Dosyaya ek yapma dosya yazma gibidir.Değişen sadece fopen() komutu ile kullandığımız komut harftir.Ek yapacağımız zaman a komutunu kullanırız.
Ek yapma işlemleri genelde formlardan gelen bilgileri bir dosyada toplamak için kullanılır veya bir sayaç, ziyaretçi defteri yapıyorsunuz.Burada metin dosyamıza ek yapmamız gerekecek.Bir örnek verelim.

$dosya= @fopen("dosya.txt","a") or die ("Dosyayı açamadım");
if(fputs($dosya, "$degisken1,$degisken2, $degisken3\n")){
print "Dosyaya kayıt yapıldı.";
}
else {
print "Sistemde bir hatadan dolayı kayıt gerçekleşemedi.";
}

Burada görüldüğü gibi dosya yazdırmada kullandığımız kodun aynısı.Sadece dosyayı okurken w yerine a kullandık.Geçtiğimiz konularda da açıkladığımız gibi fputs komutu ile fwrite komutları aynı işlevleri yerine getirirler.
Bu konuda daha fazla örnek vermeyi anlamsız olacağını düşünüyoruz.Dosya işlemlerini daha çok PHP'de yeni olan kişiler kullanır.Bu dosyalama işlemlerinin ne derece güvenilirli olduğu tartışılır.Size önerim eğer dosya işlemleri basit geliyorsa, yapacağınız scriptleri önce metin dosyalarına uygun yapmanız.Sonra bunları bir SQL sitiline çevirmeniz gerekmektedir.Ama tercih yine sizindir.
Yeni bir derste görüşmek üzere hoşcakalın.

Kaynak: dersphp.blogspot.com
Alıntı Yaparken Kaynak Belirtirmelisiniz.