Osman ERDOĞAN » CSS http://www.osmanerdogan.com Kişisel Web Sitesi ve Web Günlüğü Mon, 02 Jan 2012 09:01:27 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 jQuery ile reddit, youtube tarzı beğenme özelliği http://www.osmanerdogan.com/2011/05/24/jquery-ile-reddit-youtube-tarzi-begenme-ozelligi/ http://www.osmanerdogan.com/2011/05/24/jquery-ile-reddit-youtube-tarzi-begenme-ozelligi/#comments Tue, 24 May 2011 15:38:47 +0000 Osman ERDOĞAN http://www.osmanerdogan.com/?p=594 Başlık sanırım açıklayıcı oldu gibi ama gene de anlamayanlar(?) için anlatayım :D

Yukarı, aşağı oklar ile beğendim / beğenmedim tarzı oylama özelliği ekleyebiliyoruz sitemize, tabiki  bunun için PHP ve Mysql şartımız var :)

Technabled üzerinde gezerken rastladığım bu özelliği paylaşmak istedim herkesin işine yarar elbet birgün.

Nasıl kullanacağınıza dair dökümana buradan,

Dosyalarını indirmek için buradan,

Demo için sizi buradan alayım…

Yazının bulunduğu sayfa içinde buradan alayım sizi.

[button link="http://www.box.net/shared/bodl0rei6x" color="lightblue" newwindow="yes"] İndir[/button]  [button link="http://abhisek.iblogger.org/labs/pulse/" color="silver" newwindow="yes"] Demo[/button]

]]> http://www.osmanerdogan.com/2011/05/24/jquery-ile-reddit-youtube-tarzi-begenme-ozelligi/feed/ 4 Div içindeki resimleri otomatik boyutlandırma (image auto resize) http://www.osmanerdogan.com/2008/10/03/div-icindeki-resimleri-otomatik-boyutlandirma-image-auto-resize/ http://www.osmanerdogan.com/2008/10/03/div-icindeki-resimleri-otomatik-boyutlandirma-image-auto-resize/#comments Fri, 03 Oct 2008 15:31:18 +0000 Osman ERDOĞAN http://www.osmanerdogan.com/?p=214 Normalde fikir olarak PHP içinde preg_match ile yapmayı düşünmüştüm mesaj içindeki resimlerin boyutlandırmasını fakat arayış içerisindeken (google da ara ara bişey çıkmıyor), css stili ile yapılabileceğini buldum ki çok mantıklı yapılabiliyor (bu özelliği biliyorum ama o an insanın aklına gelmiyorki yok preg_match yok php vs vs...)

Neyse öncelikle varsayım olarak bir div tagimiz var diyelim adı da "mesajici" olsun:

PLAIN TEXT
HTML:
  2. #mesajici img {max-width:450px; max-height:460px; }
  3. </style>
  4. <div id="mesajici">
  5. <img src="resim/resim1.jpg">
  6. <img src="resim/resim2.jpg">
  7. <img src="resim/resim3.jpg">
  8. </div>

Buradaki style bölümünde css kodlarımızı yazıyoruz ve max-width: maximum genişlik; max-height: maximum yükseklik anlamındadır.

Tekrar söylüyorum ben div id olarak mesajici verdim sizin scriptlerinizde sitelerinizde ne olur bilemem ona göre düzenleyebilirsiniz.

Kolay gelsin.

]]> http://www.osmanerdogan.com/2008/10/03/div-icindeki-resimleri-otomatik-boyutlandirma-image-auto-resize/feed/ 8 CSS deki nesneler ve tüm özellikleri http://www.osmanerdogan.com/2008/08/14/css-deki-nesneler-ve-tum-ozellikleri/ http://www.osmanerdogan.com/2008/08/14/css-deki-nesneler-ve-tum-ozellikleri/#comments Thu, 14 Aug 2008 22:21:40 +0000 Osman ERDOĞAN http://www.osmanerdogan.com/?p=195 CSS uzun uzun uzayıp gidiyor sürekli gelişiyor sürekli kullanılıyor.

Herkese referans olabilecek geniş bir kaynak her nesne tek tek açıklanmış.

Html Dog'da bulunan CSS Properties bölümünden ulaşabilirsiniz.

Aklınıza takılan bir bölüm olursa iletirsiniz, yardımcı olmaya çalışırım.

]]> http://www.osmanerdogan.com/2008/08/14/css-deki-nesneler-ve-tum-ozellikleri/feed/ 0