Archive for Ocak, 2010
Ocak 7, 2010 at 21:54 · Kategori: C#
Merhabalar,
Uykulu ve bir o kadar verimsiz geçen 2 günün ardından 3.gün boş durmak istemedim ve C# ile basit kodlamalar yaparak bildiklerimi hatırlamak için kitaplara ve nete gözatmaya başladım. İtiraf etmeliyim ki bunu yaparken aklıma çok hoşuma giden yeni bir proje fikri geldi. Bunu şimdilik açıklayamayacağım ancak yakın zaman içinde bu projeyi hayırlısıyla gerçekleştirmiş olacağımdan dolayı sizleri de fazla meraklandırmamış olacağım : ) Neyse… Fazla uzatmadan asıl konumuza dönelim.
Bildiğiniz gibi C#’ın DateTime nesnesiyle tarih ve zaman hususunda birçok veriyi projemize aktarabiliyoruz. Ancak varsayalın methodlar görünürde biraz kısıtlı olsa da, dolaylı yoldan gereken herşeyi sağlayabiliyorlar.
Aşağıda DateTime nesnesi için geçerli birçok kalıbı bulabilirsiniz.
0 MM/dd/yyyy 07/21/2010
1 dddd, dd MMMM yyyy Perşembe, 07 Ocak 2010
2 dddd, dd MMMM yyyy HH:mm Perşembe, 07 Ocak 2010 21:40
3 dddd, dd MMMM yyyy hh:mm tt Perşembe, 07 Ocak 2010 09:40
4 dddd, dd MMMM yyyy H:mm Perşembe, 07 Ocak 2010 21:40
5 dddd, dd MMMM yyyy h:mm tt Perşembe, 07 Ocak 2010 9:40
6 dddd, dd MMMM yyyy HH:mm:ss Perşembe, 07 Ocak 2010 09:40:15
7 MM/dd/yyyy HH:mm 07/21/2010 21:40
8 MM/dd/yyyy hh:mm tt 07/21/2010 09:40
9 MM/dd/yyyy H:mm 07/21/2010 21:30
10 MM/dd/yyyy h:mm tt 07/21/2010 9:40
11 MM/dd/yyyy HH:mm:ss 07/21/2010 09:40:15
12 MMMM dd Ocak 22
13 MMMM dd Ocak 22
14 yyyy’-'MM’-'dd’T'HH’:'mm’:'ss.fffffffK 2010-01-07T21:40:46.3359375+02:00
15 yyyy’-'MM’-'dd’T'HH’:'mm’:'ss.fffffffK 07T21:44:12.9638671+02:00
16 ddd, dd MMM yyyy HH’:'mm’:'ss ‘GMT’ Per, 07 Oca 2010 22:06:56 GMT
17 yyyy’-'MM’-'dd’T'HH’:'mm’:'ss 2010-01-07T06:30:15
18 HH:mm 21:30
19 hh:mm tt 21:30 PM
// Saatin bu kısımdan sonra sabah 9.30 olduğunu varsayalım. Zira h:mm saatin başındaki 0′ı göstermeyecektir. Eğer 0′ı görmek istersek hh:mm yazmamız gerekiyor.
20 H:mm 9:30
21 h:mm tt 9:30 AM
22 HH:mm:ss 09:30:15
23 yyyy’-'MM’-'dd HH’:'mm’:'ss’Z’ 2010-01-07 21:30:15Z
24 dddd, dd MMMM yyyy HH:mm:ss Perşembe, 7 Ocak 2010 21:30:15
25 yyyy MMMM 2010 Ocak
Kullanım şekline bir örnek:
DateTime.Now.ToString(“dddd, dd MMMM yyyy HH:mm”);
->Perşembe, 07 Ocak 2010 21:40
Bir başka yazımda görüşmek dileğiyle…
Ocak 5, 2010 at 18:53 · Kategori: CSS, XHTML
Merhabalar,
Bu yazımda CSS kullanarak sitenin herhangi bir köşesine nasıl resim eklenebileceğinden bahsedeceğim.
1) Öncelikle XHTML kullanarak sayfa yapımızı oluşturuyoruz.
<html>
<head><title>CSS kullanarak köşeye resim yerleştirme</title></head>
<body>
<div id="bayrak"><a href="#" target="_self"/></div>
</body>
</html>
2)Mevcut kodumuzun “head” kısmının içinde bir stil tanımlıyoruz
<style type="text/css">
#bayrak a
{
/* Resmin sayfanın üstünde ve kesin bir koordinatta görünmesini istiyoruz */
position:absolute;
/* Resmin bulunacağı koordinatlarını belirliyoruz */
left:0; /* Sağ üst köşede görünmesi için right:0 demelisiniz*/
top:0;
position: fixed;
/*Resmi ekliyoruz*/
background: url(turkbayragi.gif) 0 0 no-repeat;
/* Resmin boyutlarını belirliyoruz*/
width:100px;
height:100px;
/* Eğer taşma olursa, taşan kısmı gizliyoruz*/
overflow:hidden;
}
</style>
Çalışmayı önizlemek için buraya tıklayınız…
Eğer sayfanız yatayda veya dikeyde kayma çubuğu oluşturacak kadar uzunsa, kayma işlemi gerçekleştirdiğinizde Türk bayrağı sayfanın diğer kısmında kaldığından dolayı görünmeyecektir. Eğer Türk bayrağının sayfanızda sabit bir şekilde her zaman görüntülenmesini istiyorsanız, stil koduna aşağıdaki kodu eklemeniz yeterli olacaktır.
position:fixed
Bir başka yazımda görüşmek dileğiyle…
Ocak 2, 2010 at 20:40 · Kategori: JavaScript, Jquery
Merhabalar,
Birçok sitede yazıların devamını okuyabilmek için bir seçenek bulunur ve bu seçenek genellikle konunun tümünün başka bir sayfada açılmasını sağlar. Ancak eğer biz konunun devamını yine aynı sayfada görmek istersek, burada Javascript kütüphanelerinden biri olan Jquery yardımımıza koşuyor. Sözü daha fazla uzatmadan kodumuzu yazmaya başlayalım.
1) Öncelikle xhtml ve css ile basit bir şablon oluşturalım.
<html>
<head><title>Jquery ile Read More Methodu</title>
<style type="text/css">
#mesajKutusu { width:400px; border:2px solid #000; padding:10px} /* En dış çerçeve ( Mesaj Kutusu ) */
#mesajKutusu #mesaj p.baslik { font-weight:bold; font-size:18px; font-decoration:underline; color:red; }
#mesajKutusu #mesaj .m2 { display:none; } /* Varsayılan olarak yazının devamının gösterilmemesi sağlıyoruz */
#mesajKutusu #mesaj p.readMore { font-size:12px; color:#000; } /* "Devamını oku" kısmı için yaptığımız görünüm ayarı */
</style>
</head>
<body>
<div id="mesajKutusu">
<div id="mesaj">
<p class="baslik"> Jquery ile read more methodu </p>
<div class="m1">1923 yılında Trabzon'da ilk resmi lig maçları oynanmaya başlandı. İlk sezon İdmanocağı şampiyon olmuştu. Bunu 1923-24,1924-25 sezonlarında Lise takımının arka arkaya şampiyonlukları izledi. 1925 sezonunda yine İdmanocağı şampiyon olurken, 1929 yılına kadar da önce Lise, arkasından Muallim Mektebi daha sonra da Ticaret Lisesi takımları mutlu sona ulaştılar.</p>
<div class="m2">İdmanocağı ile İdmangücü arasındaki büyük rekabet 1930dan sonra had safhaya ulaştı. 1929-30dan sonra 5 kez arka arkaya İdmanocağı'nın şampiyon olmasından sonra 1934-35 sezonundan itibaren İdmangücü takımı tam 7 yıl arka arkaya şampiyon olarak bu iki takım arasındaki rekabeti büsbütün alevlendirmişti.</div>
<p class="readMore"><a href="#">Devamını Oku...</a></p>
</div></div>
</body>
</html>
2) Jquery kütüphanesini şablonumuza çağıralım.
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
[/html]
Not: Bu kodu "head" tagları arasına ekleyiniz ve eklemeden önce indirdiğiniz Jquery kütüphanesinin sürümünün kullandığım sürüm ile aynı olmasına dikkat ediniz. Eğer indirdiğiniz sürüm farklı ise, ilgili sürümünün adını src kısmında gereken yere yazınız.
Yazının Devamı
Ocak 1, 2010 at 22:40 · Kategori: JavaScript, Jquery
Fare imleci üzerine gelindiği zaman saydamlaşan, imleç kalktığında ise tekrar eski haline dönen bir menü oluştaracağız. Jquery’nin “animation” methodunu ve CSS’nin opacity (saydamlık) özelliğini kullanarak bu işlemi en kolay yoldan gerçekleştirmeye çalışacağız.
İşe menümüzü oluşturmakla başlıyoruz.
1.xhtml ile menümüzü oluşturuyoruz
<html>
<head><title>Jquery ile saydamlaşan menü</title></head>
<body>
<div id="menu">
<ul>
<li><a href="#"> Anasayfa </a></li>
<li><a href="#"> JavaScript </a></li>
<li><a href="#"> Visual Basic </a></li>
<li><a href="#"> C sharp </a></li>
</ul>
</div>
</body>
</html>
2. Css ile menümüzü dizayn ediyoruz
<style type="text/css">
#menu ul { list-style:none; text-align:center }
#menu ul li { float:left; width:100px; background-color:#BBBDE3; border-right:1px solid #FFF; }
#menu ul li a { text-decoration:none; color:#FFF }
</style>
Bu kodları yazdıktan sonra menümüzü elde etmiş olacağız.
Şimdi sıra Jquery ile bu menüyü saydamlaştırmaya geldi. Fare imlecinin bulunduğu menü elemanının saydamlaşmasını sağlayacağız.
Yazının Devamı
Ocak 1, 2010 at 15:39 · Kategori: CSS
Merhabalar,
Bu yazımda Css sıfırlamanın ne olduğundan ve buna neden ihtiyaç duyduğumuzdan kısaca bahsedeceğim. Zira tarayıcılar XHTML elementlerinin özellikleri hususunda ortak bir noktada buluşmamada kararlı görünüyor ve bu elementler için ayarlanmış varsayılan özellikler neredeyse tüm tarayıcılarda farklılıklar gösteriyor. Bizde bu farklılıkları ortadan kaldırmak için CSS Sıfırlama yöntemini kullanıyoruz, diğer bir değişle elementlerin varsayılan özelliklerinin tüm tarayıcılarda aynı olmasını sağlıyoruz.
CSS sıfırlama kalıplarına baktığımız zaman genellikle çoğu birbirine benzemekte olup, bazı özelliklerin ise kişiden kişiye ufak farklılıklar gösterdiğini söylebiliriz. Aşağıda yaygın kullanılan Css sıfırlama yöntemlerine gözatabilirsiniz.
Yazının Devamı
