bildirgec.org

Merhaba arkadaşlar bu ilk yazim inşallah yararlı olur sizin için. Konumuz php ile basit yönetim paneli. Size en basit yolla anlatacağım sorularınız olursa cevaplayabilirim.

index.php :

1
2

<a href="makaleekle.php">Yazı ekle</a><br/>
<a href="makaleduzenle.php">Yazı düzenle</a>

İstenmeyen durum : panellerin karla kaplanması.

Bu yıl birleşik devletlerde bazı insanlar, kar ve buzun doğurduğu esaretin altında kaldılar. yoğun kar ve buz, panellerin üzerini kaplayıp güneş ışığını engelledi. kimi zaman çok düşük derecelere kadar düşen hava sıcaklığı, ev sakinlerinin şebekeye daha fazla yüklenmelerine sebep oldu.

Nette geçirilen zamanları paraya dönüştürmeyle ilgili bir çok site var, anket doldur, tıkla kazan vs.
Şimdi bahsedeceğim kazanç şekli ise tıklama yada anket doldurma değil.

Eğer kullandığınız bir bloğunuz varsa yada web siteniz reklam kodlarını kopyalayıp bloğunuza yada web sitenizin sayfasına yapıştırıyorsunuz sizi ziyaret edenler bu reklam linklerine tıkladıkça siz belli bir ücret kazanıyorsunuz tıklanma başına 0.03 usd kazanıyorsunuz.

Firefox, eklentileriyle her zaman ihtiyaçlarımı karşılayan bir browser olmuştur.
Ancak hantallığı beni kendisinden vazgeçirdi. Keza chrome’da artık çok hantal.

opera hız açısından çok iyi (özellikle ilk açılışta)
ancak ihtiyaçlarımı karşılamakta yetersiz görünüyordu.
keşfettigim belki de bir çoğunuzun önceden bildiği bir kaç minik özellikle benim için bir numaralı koltuğa (şuan için) oturmuş durumda. peki nedir bunlar?

Misal 1:

Adblock eklentisi malum vazgeçilmez. Kendisini firefox’tan iyi tanırız. banner’ları bir güzel engeller. opera’da bunun için bir eklenti kullanmanıza gerek yok. Gördüğünüz gibi sitede bir kaç banner var. Sağ tıklayıp “içerik engelle“ye tıklıyoruz. Ardından istemediğimiz banner‘ları seçiyoruz ve sonrasında tamama tıklıyoruz. Gördüğünüz gibi banner’lar kayboluyor. Bu kadar basit. Ancak şöyle bir zayıflığı var. Websitesi, sayfanın aynı yerindeki banner’ı farklı bir reklamla değiştirirse tekrar engellemeniz gerekiyor ki buna şükür diyerek diğer misalimize geçiyoruz.

çeşitli ihtiyaç alanlarında kullanılmak üzere silikon vadisinde güneş hücreleri üreten sunpower, %19 daha fazla verim vaad eden yeni bir güneş pili modelini duyurdu.

bazı şirketler ürettikleri güneş pillerinde %42 gibi verimlilik değerlerini yakalayabiliyorlar. ancak bu değerler laboratuarlarda geçerli. kullanım esnasında bu değerler %15’lere kadar düşmekteydi.

e19 model isimli paneller, hücre başına %3 daha fazla yüzey alanına ve yansıma önleyici yeni bir kaplama malzemesine sahipler. yeni kaplama malzemeleri sayesinde panel başına üretilen güçte artış sağlanmış. ayrıca yeni kaplama ürünü büyük panellerle birleştiğinde eskisine göre, göze daha estetik göründüğünü firma yetkilileri sözlerine eklediler.

Bu yazımızda jQuery ile sitemizdeki sağ yada sol sütunu, tabloyu yada paneli nasıl gizle/göster yapabileceğimizle ilgili uygulama hazırladım. Çalışma mantığı, daha önce anlattığım (jQuery İle “Tab” Uygulaması Geliştirmek) yazısındaki uygulama ve çalışma mantığıyla neredeyse aynıdır. Tek farkı! Bu uygulamada animasyonun daha fazla olması. Çalışan örneği için BU bağlantıya bakabilirsiniz.

Şimdi öncelikle site içeriklerini Ana Tablo içine aldım;

1
2
3

<div class="ana-tablo">
...
</div>

Ana Tablo için eklediğim stil;

1

.ana-tablo { overflow:hidden; position:relative; padding-bottom:10px; }

Şimdide sırayla içerikleri doldurmaya başlıyorum. Öncelikle Gizle/Göster butonlarını ekledim;

1
2

<div class="gizle">»</div>
<div class="goster">«</div></code>

Gizle/Göster butonları için eklediğim stil;

1

.gizle, .goster { font-size:25px; position:absolute; top:0; right:10px; background:#000; color:#fff; padding:5px 5px 8px 5px; line-height:0.2em; cursor:pointer; overflow:hidden; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:5px; -webkit-border-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

Tabii bu bölümde de atlamamak lazım! Kullanıcılarımıza sadece “Gizle” butonu gösterileceğinden, “Göster” butonunu stille ekstra olarak gizledim;

1

.goster { display:none; }

Ardından Sağ Sütunu ekledim;

1
2
3
4

<div class="sag-sutun">
<div>...</div>
<div>...</div>
</div>

Sağ Sütun için eklediğim stil;

1
2

.sag-sutun { width:220px; float:right; overflow:hidden; padding-right:10px; margin-right:40px; }
.sag-sutun div { width:200px; padding:10px; margin-bottom:10px; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

ve son olarak da Sol Sütunu ekledim;

1
2
3

<div class="sol-sutun">
...
</div>

Sol Sütun için eklediğim stil;

1

.sol-sutun { margin-right:280px; padding:10px; background:#fefee0; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }

Sayfa için kullanacağımız XHTML kodları burada bitiyor. Buradan sonrasında jQuery ile yazacağımız fonksiyonlar çalışacak.

jQuery kodlarını vermeden önce hazırladığım fonksiyonların ne işe yaradığından bahsetmek istiyorum. Öncelikle ilk fonksiyonumuz, “Gizle” butonu tıklanınca “Sağ Sütun” ve “Gizle” buttonu kaybolacak, kaybolan sütun yerine “Sol Sütun“‘u genişletecek, genişleyecek ama bir yandan da sağdan “Göster” butonu kadar boşluk bırakacak. İkinci fonksiyonumuzda ise “Göster” butonu tıklanınca “Gizle” butonu kaybolacak, “Sol Sütun” belirttiğimiz ölçüde tekrar daraltılacak, “Sağ Sütun” ve “Gizle Butonu” gösterilecek, gösterilecek ama “Sağ Sütun“‘un sağına “Gizle” butonun sığıcağı kadar boşluk ekleyecek. Aman dikkat!!! Anlattıklarımdan kafanız karışmasın. Sadece anlattıklarımı hayal edip, “- tabi ya! böle yapınca bu olucak, şöle yapınca şu olucak.” gibisinden düşünebilirsiniz…

Neyse, yukarıda anlattıklarım hayal ürünü olmaktan çıkıp, kodsal olarak bu şekli alıyor;

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$(document).ready(function(){
	$(".gizle").click(function(){
		$(".gizle").animate({opacity:0}, 250).hide("slow");
		$(".goster").animate({opacity:1}, 250).show("normal");
		$(".sag-sutun").animate({marginRight:"-220px", opacity:0}, 250);
		$(".sol-sutun").animate({marginRight:"40px"}, 250);
	});
	$(".goster").click(function(){
		$(".gizle").animate({opacity:1}, 250).show("normal");
		$(".goster").animate({opacity:0}, 250).hide("slow");
		$(".sag-sutun").animate({marginRight:"30px", opacity:1}, 250 );
		$(".sol-sutun").animate({marginRight:"270px"}, 250);
	});
});

Herşeyi bu şekilde yaptıktan sonra, aşağıdaki gibi kodlara sahip olucaktınız;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery İle "Gizle/Göster" Sütun ve Tablo Yapımı</title>
<script src="http://arsiv.pilli.com/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".gizle").click(function(){
		$(".gizle").animate({opacity:0}, 250).hide("slow");
		$(".goster").animate({opacity:1}, 250).show("normal");
		$(".sag-sutun").animate({marginRight:"-220px", opacity:0}, 250);
		$(".sol-sutun").animate({marginRight:"40px"}, 250);
	});
	$(".goster").click(function(){
		$(".gizle").animate({opacity:1}, 250).show("normal");
		$(".goster").animate({opacity:0}, 250).hide("slow");
		$(".sag-sutun").animate({marginRight:"30px", opacity:1}, 250 );
		$(".sol-sutun").animate({marginRight:"270px"}, 250);
	});
});
</script>
<style type="text/css">
.ana-tablo { overflow:hidden; position:relative; padding-bottom:10px; }
.sag-sutun { width:220px; float:right; overflow:hidden; padding-right:10px; margin-right:30px; }
.sag-sutun div { width:200px; padding:10px; margin-bottom:10px; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.sol-sutun { margin-right:270px; padding:10px; background:#fefee0; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:10px; -webkit-border-radius:10px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.gizle, .goster { font-size:25px; position:absolute; top:0; right:10px; background:#000; color:#fff; padding:5px 5px 8px 5px; line-height:0.2em; cursor:pointer; overflow:hidden; /*Buradan*/-moz-box-shadow:1px 1px 5px #e4e4e4; -moz-border-radius:5px; -webkit-border-radius:5px;/*Buraya CSS3! Her tarayıcıda çalışmaz!!!..*/ }
.goster { display:none; }
</style>
</head>
<body>
<div class="ana-tablo">
<div class="gizle">»</div>
<div class="goster">«</div>
<div class="sag-sutun">
<div>...</div>
<div>...</div>
</div>
<div class="sol-sutun">...</div>
</div>
</body>
</ html>

24 yaşında bir öğrenci olan Anne Forschner’in BMW için tasarladığı bu araba sadece ilginç tasarımıyla dikkat çekmiyor. 260 adet güneş paneliyle hem güneş hem de elektrikle çalışan motoru da, yeni enerji alternatiflerinin arandığı şu günlerde onu oldukça ilgi çekici bir hale getiriyor. Bu tasarımıyla gelecekte kullanılır mı bilemeyiz ama BMW Lovos‘un minik prototipiyle şimdiden heyecan yarattığı belli oluyor.

Kaynak için tıklayınız

seiko epson htps tft lcd 4k

seiko epson tarafından tanıtılan htps tft lcd panel, c2fine teknolojisine sahip ve full hd formatından 4 kat daha fazla çözünürlük sunuyor. d7 işlemci mimarisine sahip panel 3lcd projeksiyon cihazları hedeflenerek tasarlanmış. 9μｍ piksel boyutuna sahip panelin boyutu ise 1.64 inç.

Baba üçlemesinin ünlü yönetmeni Francis Ford Coppola Türkiye’ye geldi.
Kültür ve Turizm Bakanı Ertuğrul Günay’ı ziyaret eden Coppola, yapımcılığını kendisinin yapacağı Osmanlı ile ilgili bir filmde Türk bir yönetmenle çalışma hayalinin olduğunu belirtti.

19 Ekim Pazar günü de Sait Halim Paşa Yalısı‘nda basın mensuplarının sorularını yanıtlayacak.

Günümüzün web sayfalarında artık sabitlenen araç çubukları, animasyonlu geçişlerle açılan pencereler, interaktif formlar gibi tasarımın sınırlarını zorlayan öğeler kullanılmakta.Bunun en önemli nedenlerinin başında da özellikle web sayfaları ile direkt olarak etkileşimde olan javascript için yazılmış çatıların/eklentilerin oldukça yetenekli olmalarından kaynaklanmakta.

Sliding Login Panel eklentisi ise bu yetenekli çatılardan biri olan jQuery ile hazırlanmış oldukça kullanışlı bir eklenti.