3

Jquery: Date Picker (Takvim) uygulaması

Yazar: serpito, Kategori: Uygulamalar jQuery

Web sitelerimizde kullanıcılarımız tarih işlemleri yaparken tarihleri uygun bir biçimde yazmaları ve bizimde sorgularımız bu dogrultuda yapmamız gerekir. Tarih işlemleri i “Jquery Date Pick’i ” kullanabiliriz. İnput alanımız aktif edildiği anda karşımızı bir takvim geliyor ve bu alandan sitediğimiz tarihi seçebiliyoruz.

Dosyamıza jsDatePick.min.1.1.js dosyamızı ve jsDatePick.css stil dosyamızı ekliyoruz, ardından aşagıda yer alan javascript kodumuzu yazıyoruz ve input id inputField aktif edildiğinde karşımızam tarhi seçimi yapacağımız takvimimiz geliyor.

Devamını okuyun »

2

Jquery: CSS: Drop Down Menü

Yazar: sword fish, Kategori: CSS Javascript Uygulamalar jQuery

Sitelerimizde yer alan açılır menüleri oluşturmak kullanmak kadar kolay ve zevklidir. ul etikeni açıyoruz ve ana menü başlıklarını li etiketi içerisine yazıyoruz.

Devamını okuyun »

0

Slider Galeri

Yazar: sword fish, Kategori: CSS Javascript

Web sitelerinde fotografların kullanımları ve kullandığımız fotografların kullanıcılara sunum şekli herzaman için önem arz etmiştir. Galerimizde yer alan fotograflar çok ve sitemizdeki kullanım alanımız sınırlı ise fotografı dizerek değildi bir botun, fotograf veya link’e tıklanıldığında galerimizi ekrana getirebilir ve galerimizdeki fotograflarımız kullanıcılara bu şekilde sunabiliriz, ilk olarak html kodlarımızdan başlayalım.

Devamını okuyun »

0

Mootools Slider Buton

Yazar: serpito, Kategori: CSS Javascript Uygulamalar Web kaynakları

Web sitelerimizde yer alan butonları mootools ve css ile daha görsel ve kullanışlı hale getirebiliriz. Sayfalarımızda yer alan menü isimleri bazen yeteri kullanıcılara bilgi vermeye bilir. Kullanıcıların butonlara tıklamak için mause ile üzerlerine geldiklerinde açılan bir açıklama bölümü oluşturmaya ögreneceğiz bu uygulamada.

Devamını okuyun »

3

jQuery Dropdown (Açılır) Menu

Yazar: serpito, Kategori: Teknoloji Uygulamalar İnternet

Web sitelerimizdeki menülerin css’ler ve jquery ile daha ilgi çekici ve ilginç özellikler ekleye biliriz. Bu örneğimizde menü üzerine gelindiğinde menü gözüküyor ve alt menüleri de dropdown olarak gösteriyoruz.

Devamını okuyun »

1

Curvy Corners ile yuvarlak köşeler

Yazar: serpito, Kategori: CSS Teknoloji Uygulamalar Web kaynakları

Her ne kadar yeni nesil tarayıcılarda CSS ile pratik bir şekilde dilediğimiz ölçülerde yuvarlak köşe oluşturabilsek de, microsoft internet explorer tarayıcıları henüz bu özelliği desteklememektedir.

Mozilla Firefox, Google Chrome,  Safari gibi popüler web tarayıcı için aşağıdaki CSS kodları istenilen yuvarlak köşelere uyum gösteriyor.

	
<style type="text/css">
.round    { -moz-border-radius:12px; -webkit-border-radius:12px; }
</style>
	
<div class="round"></div

Curvy Corners javascript apisi ile birlikte hızlıca bütün tarayıcılarda kusursuz çalışan yuvarlak köşeler yapabilirsiniz.

Öncelikle CurvyCorners.js dosyasını indiriyoruz.

Yeni bir index.html dosyası oluşturup aşağıdaki kodları içine yapıştırın. 

Devamını okuyun »

0

Yapım Aşamasında Şablonu (Under Construction Template)

Yazar: serpito, Kategori: Ajax Proje Web kaynakları İnternet

Yapım aşamasındaki projeler için kaliteli ve ilgi çekici bir giriş sayfası.

Önizleme Şablonu indir

0

Javascript Pop-up Sayfa Oluşturma

Yazar: sword fish, Kategori: PHP Uygulamalar

Web sayfalarında normal sayfaların dışında pop-up sayfalarda oluşturmak isteyebiliriz. Bu örnegimizde bir pop-up sayfa yapmayı öğreniyoruz.
İndex.html dosyamızın kodları:

<!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">
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',
left='+LeftPosition+',scrollbars='+scroll+',location=no,
directories=no,status=no,menubar=no,toolbar=no,resizable=no';
	
win=window.open(mypage,myname,settings);
if(win.focus){win.focus();}}
function CloseNewWin(){if(win!=null && win.open)win.close()}
// -->
</script>
</head>
	
<body>
<a href=http://www.serpito.com/ onclick="NewWindow(this.href,'PopUp','600','500','no','center');return false" onfocus="this.blur()">Pop-up Linki</a>
</body>
</html>

Yukarıdaki kodlar ile pop-up bir sayfa oluşturmuş olduk.

1

Dropdown menu (Açılır menü) uygulaması

Yazar: sword fish, Kategori: Ajax Web kaynakları İnternet

Web sitelerin de dropdown menuleri çok sıklıkla kullanabiliyoruz. Bu örneğimizde css ler uyguladığımız ve mause üzerine geldiginde kendiliginden açılan br menu oluşturmayı ögreneceğiz.
Sayfamızda dropdown menu’nun açılır ve kapanır olmasını sağlayan kodu inceleyelim.

<script>
 $(document).ready(function(){
 $(".dropdownmenu").mouseenter(function () {
 $("#menu").slideToggle();
 });
	
 $(".dropdownmenu").mouseleave(function () {
 $("#menu").slideToggle();
 });
 });
 </script>

Yukarıdaki kodlarda :

Devamını okuyun »

Sayfa 1 / 212