29 Mayıs 2011 | Kategoriler: Web

Açılır – kapanır alanlar mantık olarak varsayılan olarak görünürlüğü kapalı olan elemanın başka bir eleman kullanılarak yönetilmesidir. jQuery‘nin slideToggle fonksiyonu ile böyle alanları oluşturabiliriz. Bunun için ilk olarak sayfanın üst kısmında JQuery kodlarımızı yazıyoruz. Sayfamıza jQuery kaynak dosyasını çağırdıktan sonra #ackapa isimli eleman tıklandığında #icerik isimli elemana slideToggle fonksiyonunun uygulanmasını sağlayan kodlarımızı yazıyoruz. Bu tanımlamadi “fast” açılış animasyonun hızını belirtir. Burada animasyonun yavaş oynaması için “slow” da kullanabiliriz.

<script type="text/javascript"
src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ackapa").click(function(){
    $("#icerik").slideToggle("fast");
  });
});
</script>

<style type="text/css">
#ackapa
{
padding:10px;
text-align:center;
background:#d4d4d4;
border:solid 1px #c3c3c3;
width:200px;
}
#icerik
{
padding:10px;
text-align:center;
background:#d4d4d4;
border:solid 1px #c3c3c3;
height:50px;
width:200px;
display:none;
}
</style>
</head>
<body>
<div id="icerik">
#ackapa seçicisindeki elemana tıklandığına belirtilen hızda bu alan açılır.
</div>
<p id="ackapa">Aç - Kapat</p>

#ackapa ve #icerik isimli elemanları da oluşturduktan sonra sonucu inceleyebilir ve bu mantıkla uygulamayı geliştirebiliriz.

#ackapa seçicisindeki elemana tıklandığına belirtilen hızda bu alan açılır.

Aç – Kapat

Share
2 Yorum (897 kez okundu.)
3 Mart 2011 | Kategoriler: Özgür Yazılım

LinuxGamers yazısında yeni Linux kullanmaya başlayan kullanıcılara oyun alternatiflerini içeren bir dağıtımdan bahsetmeye çalışmıştım. Bu yazıda da yine Linux ile yeni tanışan ve henüz Linux kullanmayan kullanıcıların dikkatini fazlaca çeken saydam masaüstü temalarından bahsetmeye çalışacağım.

Saydam Bir Panel

Saydam bir masaüstü teması oluşturmak için saydam bir panel olmazsa olmazdır. Bunun için Pardus > Bilgisayar > Sistem Ayarları > Çalışma Alanı Görünümü > Masaüstü Teması menüsü altından Yeni Temalar Al düğmesine tıklıyoruz. Açılan pencerede karşımıza gelen masaüstü temaları arasından saydam olanlardan herhangi birini kurabiliriz. “Transparent” yazıp, aratarak saydam temalara daha kolay ulaşabilirsiniz. Temayı kurup, seçtiğimizde aşağıdaki gibi masaüstü arkaplanınında gözüktüğü bir panel elde etmiş olacaksınız.

Saydam Pencereler

Pencere arkaplanlarının saydam olması için yine saydamlık destekleyen bir biçim kullanmalıyız. Bunun için de ilk olarak Paket Yöneticisi’nden QtCurve paketini kuruyoruz. Daha sonra Pardus > Bilgisayar > Sistem Ayarları > Uygulama Görünümü menüsünden “Parçacık Biçimi“ni QtCurve olarak değiştiriyoruz. Son olarak Yapılandır düğmesine tıklayarak açılan penceredeki Opacity menüsünden tüm pencereler için Opacity değerlerini düşürüyoruz. Son olarak tüm değişiklikleri “Uygula” düğmesine basarak kaydediyoruz ve artık pencerelerimiz de saydam. :)

Saydam bir Pardus teması oluşturmak bu kadar kolay. :)

Share
4 Yorum (742 kez okundu.)
6 Şubat 2011 | Kategoriler: Sosyal Medya

En popüler sosyal paylaşım ağlarından olan Twitter, çoğu zaman kullanıcı yoğunluğundan dolayı oldukça yavaş olabiliyor. Böyle zamanlarda Twitter’da hızlıca işlem yapmak için sayfalar içinde dolaşmaktansa anasayfadaki metin kutusundan çalıştırılan komutlar işimize oldukça yarayacaktır.
 
Devamını oku…

Share
Yorum Yok (396 kez okundu.)
1 Şubat 2011 | Kategoriler: Özgür Yazılım

Pardus üzerinde KDE dışında farklı masaüstü ortamları kullanmamızı sağlayacak proje Çomak’ın ilk ürünü geçtiğimiz günlerde duyuruldu. Sürüm takvimine göre Beta 1 olarak duyurulan sürümde Pardus ile LXDE masaüstü ortamı kullanımına imkan verilmiş. Çomak Projesi hakkında daha fazla bilgiye buradan ulaşabilirsiniz. İlgili blogda Çomak’ın nasıl kurulacağına dair yalın bir bilgi var. Ben bu yazıda görselleri ile anlatacağım. Hali ile o yazıdaki çoğu kısmın detaylı tekrarı sayılabilecek bir yazı olacak. 
  

 
Devamını oku…

Share
Yorum Yok (663 kez okundu.)
20 Aralık 2010 | Kategoriler: Web

Kod yazarken hiçbir programcı uygulama içerisindeki kodlardaki hataları kullanıcıya göstermek istemez. Bunun içinde çeşitli yöntemler kullanır. Burada akla bir soru gelebilir; “Neden hata yapıyor ki?”. Burada kastettiğim hatalar her zaman sistemin işleyişini değiştirecek hatalar değil sadece PHP’nin bilgi amaçlı verdiği hatalar da olabilir. Örneğin bir form yazıyorsunuz. Atama işlemini ekran görülecek form kodlarından önce yaptınız. Sayfayı açtığınızda PHP haklı olarak atamanın yapılamadığına dair bir hata, uyarı gösterecektir. Fakat siz zaten bunun olacağını biliyordunuz. PHP’de yaptığınız işlemlerdeki oluşabilecek uyarıları kullanıcıya göstermemek için “@” karakterini kullanıyoruz. Bir örnek verecek olursak değişken atamalarını şu şekilde yaparsak değişkenler değer almadığında kullanıcı ekranda hata, uyarı görmez.

Normal atama; $isim = $_POST["isim"];
Tanımlanmadığında ekranda uyarı göstermeyecek atama; $isim = @$_POST["isim"];

mysql_query("SELECT * FROM uyeler WHERE isim='Ahmet'");
@mysql_query("SELECT * FROM uyeler WHERE isim='Ahmet'");

@ işaretini atama işlemlerinde, veritabanı sorgularında yani kısaca uyarı alabileceğiniz her işlemde kullanabilirsiniz.

Share
Yorum Yok (588 kez okundu.)