Sanaldev.net » Web tasarım

Tasarımcıların büyük sıkıntısıdır tasarıma uygun güzel bir fotoğraf bulmak ve bu fotografı uygulamak. Hızla sayıları artan fotoğraf siteleri var burda insanlar çektikleri özel fotoğrafları satmakta ve bu sayede gelir eldetmektedirler. birçok ücretli foto sitelerine karşılık resimler ücretli sitelere göre fazla kaliteli ve görsel açıdan güzel olmasada ücretsiz… :)

Ücretsiz fotoğraflar İndirebileceğiniz web siteleri

sexy açılır menü :)

admin — Sun, 06 Jun 2010 09:00:22 +0000

Yukardaki resimde de gördüğünüz gibi açılır çok harika bir menü, bu menüyü daha önce birçok yerde kullandım bu seferde sanaldevde paylaşayım dedim gerçekten işgörür bir menü olduğu söylenebilir. Menü tarayıcılada sorunsuz çalışıyor. tasarımı ve renkleryle rahatça oymanılabilir konumda olan menünün demosunu görmek için buradan nasıl yapıldığına dair fikir edinmek için buradan alabiliriz….

Üç beş Tane bedeva xhtml template

admin — Tue, 18 May 2010 23:17:08 +0000

Uzun zamandır paylaşımda bulanamıyorum işlerim dolayısıyla biraz yoğunum buğunde öyle dolaşırken güzel templater gözüme çarptı ve beğendiklerimi ekledim. Önizlemeye bakarak gerçekten beni haklı bulacaksınız. :) nicee paylaşımlara…

1. DigitalWeb

Önizleme — İndir(download)

2.Clean Pro

Önizleme— İndir(Download)

3.Particle

Önizleme — İndir(Download)

Ücretsiz Psd website tasarımı

admin — Fri, 23 Apr 2010 21:46:20 +0000

Bugun güncel olarak gezdiğim bloglarda dolaşırken Güzel bir paylaşım gördüm zaten hastasıyımdır böyle paylaşımların tam olarak saymadım ama 50 ye yakın psd ve ücretsiz olarak paylaşıma sunulmuş önizlemesine bakıyorsunuz beğenirseniz linkke bakıp ekliyorsunuz :) Buraya tıklayarak bütün psd tasarımlara ulaşabiliriniz… Bende 4 tane beğendiklerimi ekledim. amasiz hepsine bakın bence…

Ücretsiz Psd website tasarımları

Css 3 ile ilgili örnek kodlar

admin — Sat, 10 Apr 2010 08:44:16 +0000

Css 3 son günlerde internet dünyasında duyulmaya başladı gerçi uzun zamandır var ama kullanmak biraz cesaret istiyor. İşte internet tarayıcılar ccs3 kodlarını desteklermi korkusu var. Gerçi şu anda explorer sürümleri hariç bütün internet tarayıcıları css 3 kodlarını desteklemekte ama halen günümüzde explorer kullananların sayısı çok fazla microsoft bu konuda biraz hassas olsa çok iyi olacak ama halen bu konuda böyle davranıyor bir türlü anlamış değilim. Neyse şimdi Css 3 ile bazı örneklerimiz var yazılara veya divlere gölge vermek, sonra gradients yazı veya kutular oluşturmak sonra kenarları yuvarlak kutular oluşturmak gibi…

Yazıya ve Div lere gölge vermek

CSS kodlarımız

.shadow1 {
	background-color: #eee;
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.7);
	color: black;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}
.shadow2 {
	background-color: #333;
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	box-shadow: 0px 2px 6px rgba(255,255,153,0.7);
	-webkit-box-shadow: 0px 2px 6px rgba(255,255,153,0.7);
	-moz-box-shadow: 0px 2px 6px rgba(255,255,153,0.7);
	color: white;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}

HTML KODLARIMIZ

<p>&nbsp;<span class="shadow1">Shadowspan> &nbsp; <span class="shadow2">Glowspan>p>

GRADİENTS YAZI KUTULAR YAPMAK

CSS KODLARIMIZ

.gradient1 {
	background-color: #fed;
	background: -webkit-gradient(
            linear,
            center top, center bottom,
            color-stop(0%, #fffffa),
            color-stop(100%, #900)
          );
	background: -moz-linear-gradient(
            top, #fffffa, #900 100%
          );
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: white;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}
.gradient2 {
	background-color: #333;
	background: -webkit-gradient(
            linear,
            right top, left bottom,
            color-stop(0%, #336),
            color-stop(50%, #6cc),
            color-stop(100%, #ffc)
          );
	background: -moz-linear-gradient(
            right top, #336, #6cc 50%, #ffc 100%
          );
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: black;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}

HTML KODLARIMIZ

<p>&nbsp;<span class="gradient1">Gradientspan> &nbsp;
<span class="gradient2">Gradientspan>p>

KENARLARI YUVARLAK KUTUCUKLAR YAPMAK,

CSS KODLARIMIZ

.round1 {
	background-color: #f99;
	border: solid 1px black;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: black;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}
.round2 {
	background-color: #333;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-top-left-radius: 59px 20px;
	-webkit-border-bottom-left-radius: 59px 20px;
	-moz-border-radius-topleft: 59px 20px;
	-moz-border-radius-bottomleft: 59px 20px;
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: white;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}
.round3 {
	border: dashed 2px #093;
	-webkit-border-top-left-radius: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-bottom-right-radius: 17px;
	-moz-border-radius-bottomright: 17px;
	background-color: #ff9;
	padding: 10px;
	padding-left: 18px;
	padding-right: 18px;
	color: black;
	font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 10pt;
}

HTML KODLARIMIZ

<p>&nbsp;<span class="round1">Round Cornersspan> &nbsp; <span class="round2">
Round Cornersspan> &nbsp; <span class="round3">Round Cornersspan>p>

Bedeva Magento Temalar (themes)

admin — Tue, 23 Mar 2010 20:16:43 +0000

Magento ile aram yoktur fazla ama çok iyi bir sistem olduğu kesin. Joomla wp gibi burda bir hazır sistem ama e-ticaret sistemidir. İlk duyduğumda bir iş görüşmesine gitmiştim. Php ile bu sistemlere modül yazmamı istediler :) bende dedim bilader bilmem modül falan yazmadım hiç ama yazarım dedim. işte.. modül yazmaya hiç fırsat olmadı çünkü işe almadılar. En iyisi yazdım diceksin giceksin işe :) Neyse yaa… Yazamadım bilmiyorum ama güzel temelar buldum sanki…

Sanaldev.net » Web tasarım

Web için kullanacabileceğiniz ücretsiz photoshop dosyaları

Kullanışlı Açılır Menüler

1. jQuery ve CSS ile Yapılan Seksi Bir Açılır Menü

2. HTML5, CSS3, ve jQuery Kullanarak Nasıl Bir Açılır Menü Yaparız

3. CSS & jQuery ile Yapılmış Harika Açılır Menüler

4. Kayan jQuery Açılır Menü

5. Kibar Bir Açılır Menü

6. Basit Bir Açılır Menü Eklentisi

7. jQuery ve CSS Açılır Menü Örneği

8. Şık Bir Açılır Menü Yapımı

9. Değişik Açılır Menü Örnekleri

10. Düzenlemesi Kolay Bir jQuery Açılır Menü

11. RSS Aboneliği İçin Şık Bir CSS Açılır Menü

12. jQuery Animasyonlu Açılır Menü

13. Superfish

14. CSS ve jQuery ile Yapılmış Açılır Menü

15. Basit ve Sade jQuery Açılır Menüler

16. Harika jQuery Menüler

17. McDropdown jQuery Eklentisi

18. jdMenu Hiyerarşik Menü Eklentisi

19. Dim Gray Açılır Menü

20. jQuery ve CSS Kullanılarak Yapılmış Bir Açılır Menü Yapın

21. WordPress’de CSS3 ve jQuery Kullanarak Açılır Menü Yapmak

22. jQuery ile Harika Bir Menü Yapın

23. Droppy

24. Multi-Level Bir Açılır Menü Yapımı

25. jQuery Multi-Level CSS Menü

Ücretsiz Fotograf bankaları

Ücretsiz fotoğraflar İndirebileceğiniz web siteleri

sexy açılır menü :)

Üç beş Tane bedeva xhtml template

Önizleme — İndir(download)

2.Clean Pro

Önizleme— İndir(Download)

3.Particle

Önizleme — İndir(Download)

Ücretsiz Psd website tasarımı

Ücretsiz Psd website tasarımları

1.Pets Store

2.Real Estate

3.Web Development and Advertising

4.Shape

Css 3 ile ilgili örnek kodlar

Yazıya ve Div lere gölge vermek

GRADİENTS YAZI KUTULAR YAPMAK

KENARLARI YUVARLAK KUTUCUKLAR YAPMAK,

Bedeva Magento Temalar (themes)

Foot Prints – demo

Magento Classic – demo

Modern

EversonStore – demo

Cloth Store – demo

Telescope – demo

Electronic Store – demo

Absolute – demo

Blue Skin

Eco Handbag – demo

Grayscale

Kalocsa – demo

Sigyn SM – demo

Glam – demo

Teal – demo

Linen – demo

Hardwood – demo

Inspire Blue

Refresh

mCommerce – iPhone Optimized