bildirgec.org

göster hakkında tüm yazılar

microsoft exel de sayfa gizleme resimli anlatım

| 23 April 2010 10:37

evet arkadaşlar; microsoft exel sayfasını nasıl gizleriz diye dert yanmayın işte size adım adım anlatmaya çalışacağım.
1.adım:

2. adım:

3.adım:

4.adım:

5.adım:

6. adım:

jQuery İle “Gizle/Göster” Sütun ve Tablo Yapımı

Metin METE | 12 February 2010 08:52

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>

Masaüstünü göster deyince Gadget’lar aşağı inmesin

balcis2 | 04 January 2009 16:10

Vista’da ne zaman masaüstünü göster’e (show desktop) tıklasanız pencereler birden aşağı iner, buna simgeler dışında ekrandaki her şey dahildir. Ancak siz de benim gibi gadget’ları da masaüstünün bir parçası olarak görüyorsanız masaüstünü göster butonu yerine Win+m tuş kombinasyonuyla klavyenizi epey aşındırıyorsunuz demektir.

Peki bunun için de bir buton olsa da sadece klavyeyle kullanabilmek yerine bir seçeneğimiz daha olsa fena mı olurdu? Olmazdı tabii ki; ve böyle bir seçeneğimiz var, buyrun:
Not Defteri’ni açın; içine
“dim objShell
set objShell = CreateObject(“Shell.Application”)
objShell.MinimizeAll
set objShell = nothing” şeklindeki kodu yapıştırın (dikkat: kalın karakterler büyük harf). Dosyaya istediğiniz ismi verebilirsiniz, ancak uzantısının vbs (visual basic script) olması gerekiyor. Sisteminizin istediğiniz yerine de kaydedebilirsiniz; ancak silinmeyecek ve adı vs değiştirilmeyecek bir klasör olması gerekiyor, çünkü bu dosyadan bir kısayol oluşturup hızlı başlat’a ekleyeceğiz. Betik dosyamızı kaydettikten sonra gözünüze yabancı gelmesin diye simgesini masaüstünü göster’le aynı yapmak isteyebilirsiniz, masaüstünü göster simgesini “%SystemRoot%system32imageres.dll” yolunda bulabilirsiniz. Ardından oluşturduğumuz ve simgesini ayarladığımız bu kısayolu son olarak hızlı başlata eklemek için “C:Userskullanıcı adınızAppDataRoamingMicrosoftInternet ExplorerQuick Launch” dizinine atmanız yeterli (Kısayolu oluşturduktan sonra sürükle-bırak da yapabilirsiniz tabii ki). Artık masaüstünü göstermek yerine bütün pencerelerinizi tek tıkla küçültebilirsiniz. Gadget’larınız kaybolmadan.

Masaüstünü Göster Kaybolduysa!

zkaramanli | 20 May 2008 20:55

Hızlı Başlat çubuğundaki yardımsever vefakar dostumuz “Masaüstünü Göster” butonu hepimizin en çok kullandığı butonlardan birisi.

Gün gelip de bu butonu kaybedenler, yanlışlıkla silenler ararlar ararlar da bir türlü bulamazlar bu eşsiz güzeliiği. Çünkü Windows’un hiç bir yerinde bulunmaz bir kısayoldur bu..

DEVAMI

Yoldash‘in sitesinde rastladığım şu yazı ile bu sorunu çözebiliyormuşuz.

tebriğini gönder kendini göster

hellfire | 28 September 2007 14:12

malum ramazan ayındayız, pek yakında gelecek olan bayram’la muazzam bir kutlama mesajı trafiği yaşanacağı aşikar. yakınlarına internet üzerinden kutlama mesajları yollayanlar için ise pepsi tebriğinigönderkendinigöster alternatif’ini yayına sokmuş.

sitede, hazır bayram mesajlarını mms veya email ile gönderebildiğiniz gibi, “yok ben kendim yapacağım” diyerek, fotoğrafınızı yükleyip, kendi mesajınızı yazıp, zendi zarfınızı ve çerçevinizi seçip, sevdiklerinize yollayabiliyorsunuz.

internet’ten kutlama mesajı atmak isteyenler için çok faydalı bir site olacağı kesin.