www.kamuflaj.org » css http://www.kamuflaj.org Bilginin Kaynağı / mehmet büküm Sun, 14 Feb 2010 20:37:30 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Türkçe Bedava Css Kitabı http://www.kamuflaj.org/tasarim/css/turkce-bedava-css-kitabi/ http://www.kamuflaj.org/tasarim/css/turkce-bedava-css-kitabi/#comments Sat, 01 Mar 2008 14:14:47 +0000 Mehmet Büküm http://www.kamuflaj.org/tasarim/css/turkce-bedava-css-kitabi/ css_kitabi.png Blogunu zevkle izlediğim Fatih Hayrioğlu çok harika bir css kitabı hazırlamış. Herhalde para vermeden piyasada bulabileceğiniz en harika kitap olsa gerek. Ayrıca kitabı bedava dağıttığı için kendisine teşekkür ederim. kitabı burdan indirebilirsiniz. ayrıca kitapta anlatılan derslerin kaynak kodlarını da burdan indirebilirsiniz.

]]> http://www.kamuflaj.org/tasarim/css/turkce-bedava-css-kitabi/feed/ 0 phatfusion image menu http://www.kamuflaj.org/tasarim/css/phatfusion-image-menu/ http://www.kamuflaj.org/tasarim/css/phatfusion-image-menu/#comments Sun, 02 Dec 2007 20:15:23 +0000 Mehmet Büküm http://www.kamuflaj.org/tasarim/css/phatfusion-image-menu/ phatfusion

Phatfusion image menu harika bir çeşit menü. Yazı yerine resimleri menünün öğeleri olarak kullanabilirsiniz. menüyü önizlemek için buraya ayrıca menüyü indirmek için buraya tıklamanız yeterli

]]> http://www.kamuflaj.org/tasarim/css/phatfusion-image-menu/feed/ 0 free css templates http://www.kamuflaj.org/tasarim/css/free-css-templates/ http://www.kamuflaj.org/tasarim/css/free-css-templates/#comments Wed, 21 Nov 2007 21:16:48 +0000 Mehmet Büküm http://www.kamuflaj.org/tasarim/css/free-css-templates/

Bu web sitesinde açık kaynak kodlu bedava dağıtılan çok sayıda css template var. içlerinden birini beğenmemek mümkün değil. Bunların birçoğu popüler ve bazıları wordpress‘e uyarlanmış durumda.

]]> http://www.kamuflaj.org/tasarim/css/free-css-templates/feed/ 1 Dragable RSS boxes – AJAX Script http://www.kamuflaj.org/tasarim/css/dragable-rss-boxes-ajax-script/ http://www.kamuflaj.org/tasarim/css/dragable-rss-boxes-ajax-script/#comments Fri, 09 Nov 2007 20:18:39 +0000 Mehmet Büküm http://www.kamuflaj.org/tasarim/css/dragable-rss-boxes-ajax-script/ Başlığı “Taşınabilir rss kutuları” olarak Türkçe’ye çevirebiliriz. Şimdi diyeceksiniz ki ulan artist madem Türkçe’ye çeviriyorsun neden başlığı ingilizce veriyorsun ? Cevap: Google’ dan daha fazla ziyeretçi çekmek için :) . içeriği ingilizce olan siteler daha iyi iş yapıyor malesef. Neyse biz konumuza gelelim. Bu örnek proje tek bir sayfada dilediğiniz kadar taşınabilir rss kutusunu yaratmanızı sağlıyor. Hem de kaç konu çeksin? kaç dakkada bir güncellensin diye extra seçenekler mevcut. Vallahi bu gavurlara hayranım. Sırf bu örnek için ne kadar emek sarfedilmiştir acaba? Neyse projeyi burdan önizleyebilir ve buradan indirebilirsiniz. kolay gelsin.

]]> http://www.kamuflaj.org/tasarim/css/dragable-rss-boxes-ajax-script/feed/ 0 flickr tipi fotoğraf notları http://www.kamuflaj.org/tasarim/css/flickr-tipi-fotograf-notlari/ http://www.kamuflaj.org/tasarim/css/flickr-tipi-fotograf-notlari/#comments Fri, 09 Nov 2007 20:06:10 +0000 Mehmet Büküm http://www.kamuflaj.org/tasarim/css/flickr-tipi-fotograf-notlari/ flickr ve facebook‘ a takılıyorsanız mutlaka ilginizi çeken bir şey olmalı. Bir fotoğrafın üzerine istediğiniz bir noktaya bir not yazabiliyorsunuz. mouse ile o noktaya gelince o not gözükür hale geliyor. Siz de isterseniz fotoğraflarınıza notlar ekleyebilirsiniz. Buradan örnek bir fotoğrafı önizleme yapabilir , buradan javascript dosyasını indirebilir , buradan da css dosyasını indirebilirsiniz. Eğer web programlama ile azıcık alakanız varsa bu örnekler size fikir verecektir.

]]> http://www.kamuflaj.org/tasarim/css/flickr-tipi-fotograf-notlari/feed/ 0 css ve javascript http://www.kamuflaj.org/tasarim/css/css-ve-javascript/ http://www.kamuflaj.org/tasarim/css/css-ve-javascript/#comments Tue, 23 Oct 2007 15:14:08 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=61 bir vakit merak ettiğim bir olay vardı. Bir web sitesinde bir sayfadaki herhangi bir elemenın stil özelliğine javascript ile nasıl müdahale edebilirm? ilk düşündüğüm javascript fonksiyonları içine css tagları koymaktı ancak bu pek mümkün değilmiş. Meğer javascript zaten en az css kadar stil özelliklerine hükmediyormuş. bunun ilk örneğini zoque.net’te gördüm diğerini de Kamil Büküm (amca oğlu) fonksiyonlarla anlatmıştı. şimdi asıl meseleye gelelim. adamlar css tagları yerine fonksiyonlarda kullanabileceğimiz javascript taglarının bir listesini yapmışlar. herkeste bulunmalı benceufak bir örnek vermek gerekirse o da zaten aşağıda var

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<script language=”javascript” type=”text/javascript”>
function degistir(eleman,renk){
document.getElementById(eleman).style.backgroundColor=renk;
}
</script>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-9″ />
<title>Untitled Document</title>
</head>
<body>
<div id=”katman” onmouseover=”degistir(‘katman’,'#ff0000′);”>Katmanın üzerine fareyle gelince arka plan değişecek</div>
</body>
</html>

]]> http://www.kamuflaj.org/tasarim/css/css-ve-javascript/feed/ 0 browser testleri http://www.kamuflaj.org/yazilarim/browser-testleri/ http://www.kamuflaj.org/yazilarim/browser-testleri/#comments Tue, 02 Oct 2007 14:03:23 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=26
Herhalde her tasarımcı için en gıcık şey web sitesinin tüm browser’larda birbirinden farklı gözükmesidir. Bu durum css’nin belli bir standartının olmamasındadır. Tarayıcılar css kodlarını farklı şekillerde yorumladıkları için görüntü de ister istemez biraz farklı oluyor. Vereceğim sitede kendi web sitenizin tüm tarayıcılarda nasıl göründüğünü görebilirsiniz.
Siteye girip üst bölüme sitenizin adresini yazıp onaylıyorsunuz. Hemen acele etmeyin bir süre bekleyin. Sonra search bölümüne geçip site adresinizi yazın. Sol bölümde kaç dakikadır sitenizi eklediğiniz  yazılacaktır. Kaç tarayıcı seçtiyseniz o kadar beklemeniz gerekecektir. 20 tarayıcı 30 dk kadarcık :)

]]> http://www.kamuflaj.org/yazilarim/browser-testleri/feed/ 0 css dock menu http://www.kamuflaj.org/tasarim/css/css-dock-menu/ http://www.kamuflaj.org/tasarim/css/css-dock-menu/#comments Thu, 27 Sep 2007 21:22:33 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=21

bir ecnebinin sitesinde css ile yapılmış harika bir menü gördüm ve hayran kaldım. isterseniz burdan indirin veya isterseniz canlı önizleme için burayı tıkla

]]> http://www.kamuflaj.org/tasarim/css/css-dock-menu/feed/ 0 Fade Out Bottom (sayfanın altını bulanıklaştır) http://www.kamuflaj.org/tasarim/css/fade-out-bottom-sayfanin-altini-bulaniklastir/ http://www.kamuflaj.org/tasarim/css/fade-out-bottom-sayfanin-altini-bulaniklastir/#comments Sun, 23 Sep 2007 19:25:55 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=14 harika bir css efekti. sayfanın altına konan saydam bir png dosyasıyla sayfanın alt kısmına bulanıklık efekti veriliyor. örneğini burdan görebilir ve örnek çalışmayı burdan indirebilirsiniz

]]> http://www.kamuflaj.org/tasarim/css/fade-out-bottom-sayfanin-altini-bulaniklastir/feed/ 0 yuvarlak köşeli div katmanları http://www.kamuflaj.org/tasarim/css/yuvarlak-koseli-div-katmanlari/ http://www.kamuflaj.org/tasarim/css/yuvarlak-koseli-div-katmanlari/#comments Fri, 21 Sep 2007 19:24:01 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=5

siz de web sitenizde yandaki gibi köşeleri yuvarlatılmış katmanlar oluşturup kullanmak isterseniz bunu yapmanın tam 25 farklı tekniğini bu siteden inceleyebilirsiniz.

]]> http://www.kamuflaj.org/tasarim/css/yuvarlak-koseli-div-katmanlari/feed/ 0 html,css referans sitesi http://www.kamuflaj.org/tasarim/css/htmlcss-referans-sitesi/ http://www.kamuflaj.org/tasarim/css/htmlcss-referans-sitesi/#comments Fri, 21 Sep 2007 19:00:18 +0000 Mehmet Büküm http://www.kamuflaj.org/?p=4 html ve css konusunda tam bir refarans site keşfettim. tüm html ve css kodlarının işlevi, bunların alt elemanları örnekleriyle birlikte verilmiş. bu site dreamweaver veya frontpage gibi editörleri aratmıyor. Lafı çok uzatmadan sitenin adresini vereyim. bir tanesi de bu

]]> http://www.kamuflaj.org/tasarim/css/htmlcss-referans-sitesi/feed/ 0