bildirgec.org - etiketler: button

Siteniz için 10 adet CSS3 düğme dersi

dextarus — Sun, 14 Nov 2010 11:54:00 GMT

Sitenizde kullanabileceğiniz CSS3 le yapılmış düğmeler ve bunların nasıl yapıldığını anlatan dersleri sizlerle paylaşmak istedim. Dersler ingilizce yalnız :( Ama kodlar evrenseldir değil mi?

1- CSS3 ve RGBA la harika düğmeler

Dersi için buraya

2- CSS3 kullanarak kendi Google düğmeniz

Dersi için buraya

3- CSS3 Gradient Düğmeler

Dersi için buraya

4- Kick-Ass CSS3 Düğmesi

Dersi için buraya

5- Saf CSS3 iconları

Dersi için buraya

6- Aşırı süslü CSS3 düğmeleri

Dersi için buraya

7- BonBon: Tatlı CSS3 düğmeleri

Dersi için buraya

8- Gerçekçi Görünen CSS3 Düğmeleri

Dersi için buraya

9- CSS3 Resimsiz Sıvı Düğmeleri

Dersi için buraya

10- Esnek CSS3 düğmeleri

Dersi için buraya

ilgili yazılar

Bu yazı dextarus tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

15 adet Yüksek Kalitede İlham Verici Photoshop (PSD) Dosyaları

dextarus — Fri, 05 Nov 2010 08:17:00 GMT

Photoshop'ta yeni misiniz? Veya yeni bir internet sitesi tasarlıyorsunuz ama ilhama ihtiyacınız var. Aşağıdaki örnekler belki biraz ilham verebilir ;)
1. Ilumina – Glowing Text Styles
by: ArtoriusGothicus

2. Striking Photoshop Text Effects
by: Rafi

3. Metal Text Styles
by: Rafi

4. Fancy Neon Text Effects
by: webdevtuts

5. Six Styles Effects
by: Folksnet

6. Gel Text Effect
by: Premium Pixe

7. Share Buttons
by: brokodil

8. Social Icon
by: Tyzyano

9. Abstract Web Buttons
by: psdGraphics

10. Glass Encased Icons
by: manoluv

11. BluePrint 20 Social Icons
by: Tyzyano

12. Colorful Coming Soon Page
by: amandhingra

13. Modern Web Buttons
by: ArtoriusGothicus

14. Button Template
by: Sed-rah-Stock

15. Web Icons
by: eel886

ilgili yazılar

Bu yazı dextarus tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İnanılmaz CSS3 Uygulamaları

angelsdemos — Tue, 28 Sep 2010 16:43:00 GMT

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css'nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

Ascii ile yapılan başka bir css çizim örneği olan bu çalışmada ise Olimpiyat logosunun aynısı yapılmış. Chrome, Safari, Firefox ve Internet Explorer 9 tarayıcıları tarafından destekleniyor ve isterseniz eklenen küçük uygulama sayesinde logoya yaklaşabiliyorsunuz.

Color Wheel
(Renk Tekerleği)

Farklı bir css çizim örneği olan bu uygulamada 12 farklı renk tonu ile bir yuvarlak hazırlanmış. Ayrıca yapımı ayrıntılı olarak anlatılmış. Böylece siz de kendi renk tekerleğinizi yaratabilirsiniz.

CSS3 Ads
(CSS3 Reklamları)

Flash reklamlara alternatif olarak hazırlanmış olan bu CSS reklamları oldukça etkileyici. Kullanılan efektlerin tümü başarılı şekilde CSS3 ile de yapılmış. Tabii css3'ü tüm tarayıcılar tam olarak desteklemediği için yaygınlaşması biraz zaman alacak.

CSS Dragon
(CSS Ejderha)

Farklı bir css çizim örneği olan css Dragon'da, başarılı bir css çizim örneğidir. Detaylı olarak anlatımı yapılmış.

CSS Monster
(CSS Yaratık)

Reddit Alien

CSS3 Checkboxes

Klasik checkbox'ları düğme şekline getiren bu uygulama ile web sitenizi renklendirebilir veya farklı web uygulamalarında bu hoş uygulamayı kullanabilirsiniz. Aç/Kapa düğmesi şeklinde birçok yerde kullanılabilir.

CSS 3D

Kırmızı-Mavi 3D gözlüklerle oldukça hoş görüntülenebilecek yazılar yazmanızı sağlayan bu css3 uygulaması sayesinde sadece resim ve videolar değil web siteniz de 3 boyutlu olacak.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Olmazsa Olmaz WordPress Eklentileri

55memo55 — Wed, 18 Aug 2010 17:09:00 GMT

Merhaba. Ben r10.net Webmaster Forumundan Akif95

Bu arşivde Wordpress scriptiniz için en gerekli olduğuna inandığımız eklentiler var.
Yani artık her yeni blog kurmanızda eklentileri ayrı ayrı aramanıza gerek yok direk bu arşiv
sayesinde gerekli eklentilere ulaşabileceksiniz.

Arşivle Olan Eklentiler İse;
1)All in SEO = Wordpress'in en çok tercih edilen ücretsiz genel kapsamlı SEO eklentisi
2)Google Sitemap Generator = Kolayca .xml uzantılı sitemap oluşturmanızı sağlar
3)Sexy Bookmarks = Bu eklenti aracılığıyla ziyaretçileriniz site içeriğinizi sosyal ağlarda rahatlıkla paylaşabilecektir
4)Category SEO Meta Tags = Adından da anlaşılabileceği gibi kategorileriniz için meta ayarlarını oluşturabilmeyi sağlar
5)Automatic SEO Links = Bir kelime ve URL girersiniz. Yazı içerisinde o kelime geçtiği zaman o kelime otamatik linklenmiş olur.
Ayrıca her farklı makalede bir kere link verilir böylece link çöplüğü engellenmiş olur.
6)WP-PostViews = Bu eklenti sayesinde sayfalarınızın kaç kere okunduğunu rahatlıkla öğrenebilirsiniz. Sisteminizi yormayacak basit bir sayaç
ve dilerseniz en çok görüntülenen yazı/sayfalarınızı anasayfada yayınlayabilirsiniz.
7)Easy Adsenser = Bu pluginle içeriğinize kolayca Google adsense yada diğer reklam kodlarınızı girebileceksiniz
8)Pretty Comments = Eklenti aktif olduktan itibaren yorumlara link eklenebilir, kalın-italik vs.. yazılabilir. Yorumlar bölümünde kullanım kolaylığı ve şık görünüm sağlar.
9)Wp-Stats = Blogunuzda genel toplamda kaç yorum, kaç yazı, kaç kategori, kaç etiket vs... olduğunu gösteren bir eklenti.
10)Facebook Like Button = Yazılarınızda beğen diye bir buyon çıkar. Eğer ziyaretçileriniz beğene basarlarsa duvarlarında içeriğinizi beğendiklerine dair
bilgi ve link verilir. Sosyal Ağlardan sadece Facebook'u önemseyenler için basit, pratik ve güzel bir eklenti.
11) Wp Super Cache = Blogunuza aşırı ziyaretçi geliyor ve buna bağlı olarak fazla sorgu yapılıp CPU oranınız yükseliyorsa ve hostcunuzla aranız limoniyse bu eklenti
tam size göre :)
12)Google Analytics for WP = Bu eklentiyle de analytics kodunuzu rahatlıkla blogunuza ekleyebileceksiniz
13)related-posts-thumbnails= Bu eklenti de benzer yazılar başlığı altında toplanan eklentilerden. Tek farkı ise resimli versiyonu.
14)Jw Player= Flash dosyalarınızı videolarınızı sitenizde oynatabilmeniz için gerekli eklenti..

HEPSİNİ İNDİR!

ilgili yazılar

Bu yazı 55memo55 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarım Kaynakları #10

siriusbee — Fri, 28 May 2010 09:19:00 GMT

Neredeyse her hafta hazırlamaya gayret ettiğim web tasarım kaynaklarına 10.su ile devam ediyorum. Yazı tipleri, ikon setleri, sosyal medya ikonları, psd dosyaları, photoshop fırçaları, dokuları, actionları ve web şablonları gibi web tasarımcının arşivinde mutlaka olması gereken her türden kaynağı ücretsiz olarak indirebilirsiniz.

Bakalım bu bölümde neler var?

Patriot Anthem Font

Candy Inc. Font

Robotic Sosyal Medya İkon Seti

Social Networking İkon Seti

Design Solutions Website Şablonu (PSD)

Vector Linedots Photoshop Fırça Seti

WSBlogz Buton Seti (PSD Dosyası)

Hepsi elbette bu kadar değil. Kaynakta çok daha fazlası var. Tamamını ücretsiz olarak indirebileceğiniz kaynak>>

Bonus kaynak:

ilgili yazılar

Bu yazı siriusbee tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

delete ve shift delete tuşlarının görevleri

yalnizkurt71[pilli_silinen_hesap] — Fri, 23 Apr 2010 12:05:00 GMT

evet arkadaşlar; delete tuşu ve shift+delete tuşları arasındaki farkı sizlerle paylaşmak istedim.

delete tuşu: delete tuşuna bastığımız zaman dosya direkt olarak çöp kutusuna gider.

shift+delete tuşu: shift tuşuna basılı tutup, delete tuşuna bastığımızda dosya direkt (çöp kutusuna atmadan) olarak silinir.

Bu yazı yalnizkurt71[pilli_silinen_hesap] tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

jQuery buton Uygulamaları

angelsdemos — Tue, 23 Feb 2010 07:43:00 GMT

Realistic Hover Effect With jQuery | Demo

Bu uygulama ile web sitenizdeki butonları hareketli hale getirebilirsiniz. Reflection ve Shadow şeklinde 2 farklı demosu bulunmakta.

Create an Animated Call to Action Button | Demo

Artık sing up butonları faklı olacak. Bu jQuery uygulaması ile butonları kararıp sönen veya farklı renklere şeffaf geçiş yapabilen bir özellik kazandıramanız mümkün.

Jquery Animated Buttons using CSS | Demo

Bu uygulama ile web sitenizde bulunan butonları hareketli hale getirebilirsiniz.

Fancy Radio Buttons With jQuery | Demo

Fancy Radio Buttons, alışveriş siteleri için yapılmış bir jQuery buton uygulamasıdır. Ürünlerinizi paket halinde kullancıların seçmesini sağlar.

Glowbuttons Using jQuery | Demo

Klasik butonların aksine bu butonlar animasyonlu. jQuery ile yapılan bu butonlara farklı efektler vererek ziyaretçilerinizin ilgisini daha fazla çekebilirsiniz.

jQuery UI Buttons | Demo

jQuery UI Buttons, çok amaçlı bir jQuery button yöneticisidir. Web sitenizdeki butonların tümünü bu uygulama ile değiştirebilir ve birbirinden farklı özelliklerini kullanabilirsiniz.

iToggle for jQuery | Demo

iToggle ile web sitenizdeki radio butonları aç-kapa şekline dönüştürebilirsiniz.Radio Button'un görünür olup olmaması veya görsellik tamamen sizin elinizde. Ayrıca sadece on-off şeklinde değil farklı biçimlerde de uygulanabilir.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; jquery.wisdomplug

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

web tasarımcılar için harika tasarımlı ücretsiz ikonlar

theocan — Thu, 11 Feb 2010 09:21:00 GMT

tasarımlarınızda kullanmak için özel tasarımlı, yüksek kalitede ikonları aşağıdaki linkden indirebilirsiniz. tüm ikonlar psd dosyası içerisindedir ve kullanım hakları açıktır.

yükleme sayfasının linki.

ilgili yazılar

Web Tasarım Kaynakları #10 (1)

Bu yazı theocan tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

32+ Button Tasarımı

karaib — Wed, 27 Jan 2010 11:34:00 GMT

Button tasarımı genellikle bir web sitesi için ince bir unsurdur. Ancak genel görünüm ve sitenin kullanılabilirliği açısından önemli etkisi olabilir.
Bu yazıda webden seçme button tasarımları bir araya getirilmiş. Umarım bazılarına ilham kaynağı olur.

epic event

elegant themes

markup4u

nineteen47

design bombs

project 365