
Ücretsiz Gelişmiş DHTML Renk Seçme Aracı
Web tasarımcılarının en rahatsız edici sıkıntılarında biride her an itiyacı olabilecek bir renk kodu problemi. Bunu ya tasarım/grafik programlarından, ya çok kullandıklarını ezberleyerek ya da ilgili internet sitelerine girerek halledebiliyorlar.
COPASO adlı uygulamayı sitenize yerleştirerek veyahut ilgili css ve js dosyalarını indirerek bu ihtiyacınızı hemen halledebilirsiniz.
1. <head>...</head> arasına yerleştirmeniz gerekenler:
<link rel="stylesheet" href="http://www.e-siber.com/css/renksecici.css" type="text/css" media="all" />
<script type="text/JavaScript" src="http://www.e-siber.com/css/renksecici.js"></script>2. <body>...</body> arasında herhangi bir yere yerleştirmeniz gerekenler:
<div id="CLCP" class="CLCP"></div>
<script type="text/JavaScript">
_whichField = "hexValue_0";
CLCPHandler = function(_hex) {
// This function gets called by the picker when the sliders are being dragged. The variable _hex contains the current hex value from the picker
// This code serves as an example only, here we use it to do three things:
// Here we simply drop the variable _hex into the input field, so we can see what the hex value coming from the picker is:
document.getElementById(_whichField).value = _hex;
// Here is where we color the BG of a div to preview the color:
document.getElementById("CLCPUpdateDiv").style.background = ("#" + _hex);
// Giving you control over this function really puts the reigns in your hands. Rewrite this function as you see fit to really take control of this color picker.
}
// Settings:
_CLCPdisplay = "none"; // Values: "none", "block". Default "none"
_CLCPisDraggable = true; // Values: true, false. Default true
_CLCPposition = "absolute"; // Values: "absolute", "relative". Default "absolute"
_CLCPinitHex = "0039B3"; // Values: Any valid hex value. Default "ffffff"
CLCPinitPicker();
</script>
Renk Seçme Aracının Farklı Kullanımları için:
http://www.colourlovers.com/blog/2008/01/16/free-advanced-dhtml-color-picker/
Arkadaşına Tavsiye Et |
Web Tasarım
- Origami Şeklinde Sosyal Medya İkonları
- Siteniz için Hava Durumu İkon Koleksiyonu
- Parlak ve Modern Web Tarayıcı İkonları
- 99 Adet Açık Kaynak İkon
- Farbtastic , jQuery Renk Seçme Aracı
- Finans ve Ekonomi ile İlgili Vektör İkonlar
- El Çizimi-Yapımı Sosyal Medya İkonları
- W3C Onaylama İkonları
- 448 Adet Çok Kaliteli İkon
- Siteye ve İçeriğe Uygun Renk Kombinasyonu Bulma
- Marka Logolarının Renkleri ve Anlamları
- Prototype ile Esnek Resim Galerisi Gösterimleri
- Photoshop Şekil Seti ile Çılgın RSS İkonları Yapın
- Uygun İçeriğe Uygun Renk Ayarlama
- 211 Adet Harika Photoshop Fırçaları
- 60 Adet Parlak ve Canlı Doku-Texture
- 94 Adet Ücretsiz PNG Arkaplan Resimleri
- Esinlenebileceğiniz Tematik Sayfa Tasarım Koleksiyonu
- 50 Adet Web2.0 Tarzı PNG İkonlar
- Web Sitenizin Hızını Artıracak 9 Tavsiye
- Online Harika Arkaplanlar Oluşturma Sihirbazı
- 3 Boyutlu İzometrik EPS ve SVG Vektör İkonlar
- Kaliteli ve Zarif İkonlar
- 49 Adet Ücretsiz PNG ve PSD İkon
- iPhone İçin Arayüz PSD Dosyaları
- Ücretsiz 5 Farklı Boyutta 50 Adet İkon
- 113 Tane Ücretsiz Gri İkon
- Ücretsiz CD ve DVD Kapak Temaları
- Kolay Uyarlanabilen jQuery Renk Seçme Aracı
- Şaşırtıcı Şekilli, Soyut ve Çerçeveli Photoshop Fırçaları
- Ücretsiz Stok Doku-Texture Kaynağı
- 422 Adet Mini İkon
- Çok Dikkat Çekici ve Parlak İkonlar
- Ücretli ve Ücretsiz Her Türlü Fotoğrafı Arama Motoru
- Web ve Blog Sitenize İkonlar (icon)
- Web Sitenize Ücretsiz Dokumalar (Texture)
- Flash Tabanlı Renk Şeması Oluşturucu
- Online Kendi Yazı Tipinizi (Font) Oluşturun
- Ücretsiz Gelişmiş DHTML Renk Seçme Aracı
- HTML Renk Tablosu

