Kategoriler
Html yazıları tagları İnternet Dünyası Ivır Zıvır Javascript Makale Webmaster yardım

Saniyeli link aktif etme javascript kodu

Evet arkadaslar arsivlerimden cok guzel bir uygulama daha paylasiyorum. Basit, kullanisli ve kullanim alani cok olabilecek bir kod yapisi. Javascript ile yapilmis, maus ile link’in uzerine gelindiginde belli bir sure sonra link’i aktif ediyor. Belli sure dolmadan link’e basildiginda uyari cikarak kullaniciyi beklemesini isaret ediyor. Benim cok sevdigim ve ilerde birgun calismalarimda kullanirim umidiyle arsivimde sakladigim bir uygulamadir. Farkli calismalar ve ivir zivir kategorisi altinda yerini aliyor. Asagidan kodun tamamini alabilir uygulamaya koyabilirsiniz. Ondan once Demo yani ornek sayfa kismindan uygulamayi online olarak test edebilirsiniz..

Kategoriler
Deneme Yazıları Genel Konular Zayıflama Yöntemleri

Diyet hatalarına düşmeyin!

Zayıflamak uğruna kendinize eziyetmi ediyorsunuz? Fazla kilolardan kurtulmak uğruna bu tür diyet hatalarına düşmeyin !

Her diyet programı kişiye özel olarak hazırlanmalıdır.Bir başkası için hazırlanmış olan diyet kesinlikle tavsiye edilemez.Bunun olumsuz diyet sonuçlarının yanı sıra önemli sağlık sorunlarını da beraberinde getireceğini unutmayın.Bu sebeple bir diyetisyen , zayıflama uzmanı kontrolü altında biyokimyasal yapınıza , beslenme alışkanlıklarınıza ve sosyal ekonomik şartlarınıza uygun diyet programlarını tercih etmelisiniz.Aksi taktirde o güzelim sağlığınızdan olabilir , kilo verme çabanız daha başlamadan son bulabilir yada yağ kaybetmeden hafifleme durumları meydana gelebilir.

Ulaşılabilir ve öngörülen hedefleri amaçlamak diyet için en önemli aşamalardan bir tanesidir.Çok kısa sürede normalden fazla kilo kaybı yaşamak isteyenlerin amaçları tam bir sonuca varamadığı gibi, çoğu zaman diyet serüveni yarıda kalmaktadır.Bu durumda yapmanız gereken tek şey kendinize karşı dürüst olmak ve bu uğurda kazandığınız en küçük başarıyı bile göz ardı etmemek.Unutmayın ki takdir edilmek herkesin hoşuna gider.Başkasının iltifat etmesini beklemeden kendi kendinizi kutlayın.

Kilo vermek bir yandan bakıldığında matematik hesaplamadan oluşan bir olgudur.Aldığımız kalori miktarı harcadığımızdan az olursa kilo veririz,kalori alımı ve kalori yakımı dengede olursa kilomuzu koruruz.Eğer çok kalori alıp az kalori yakıyorsak fazla kilo problemi yaşarız.Bir artı bir eşittir iki gibi basit görünen bu denklemler aslında o kadar da basit değildir.

Metabolizma sistemi çok akıllıca bir şekilde işleyen fakat bir o kadar da bencil bir sistemdir.Siz ona ne kadar iyi davranır , ne kadar iyi bakarsanız o da size aynı şekilde yanıt verir.Bir araba benzin olmadan gidemeyeceği gibi bedenimizde benzini olmadan işlev görmeyen bir mekanizmadır.Bu sebeple aç kalmadan az öğünleri sık sık tüketmeyi bir yaşam ilkesi edinmeliyiz.

Kategoriler
Deneme Yazıları Genel Konular Zayıflama Yöntemleri

Akdeniz Diyeti İle kolayca Zayıflayın

Bitkisel maddeleri içeren ürünler , çeşitli kronik türdeki hastaları , özellikle kroner hastalığını , kalp hastalıklarını ve bazı kanser türlerini engellemektedir.

Akdeniz bölgesine özgü yemeklerinn çoğu sebzelerden yapılmaktadır.Tüm yıl boyunca her mevsim bol bol sebze tüketilmektedir.Yapılan yemeklerde mümkün olduğunca sebzelerin doğallıpı bozulmaz.Yemeklerde damak tadı önemli olduğu kadar görünüşe ve sağlığa da önem verilir.Yapılan yemeğin göze hitap etmesi için çeşitli garnitürler ile süslenir.

Günümüzde bitkisel kaynaklı yemeklerin daha çok tüketilmesinin sebepleri arasında bu tür besinleri tüketen yüksek popülasyon ,çeşitli kronik hastalıkların engellenmesi, kalp hastalıklarının ve bazı kanserlerin daha seyrek görülmesidir.

Akdeniz bölgelerinde sıcak iklime uygun ve sağlığa önem veren beslenme şekli için Akdeniz diyeti idealdir.Akdeniz sahillerinin simgesi damak tadıdır.Burdaki beslenme şekli içerisinde kırmızı ete çok az yer vermektedir.Balık , tahıl sebze/meyve ve lifli türdeki besin maddeleri çoğunlukla tüketilmektedir.Zeytinyağı bu bölgedeki en önemli besin kaynaklarındadır.Süt ve sü ürünleri ile balık önemli protein kaynakları arasında yer alır.Akdeniz diyetini özümseyen beslenme türü hem sağlık açısından hemde formda kalmak isteyenler açısından kullanımı oldukça basit ve kesin sonuç veren bir diyet programıdır.

Akdeniz Diyeti

Sabah
1 dilim tam çavdar ekmeği (erkekler için iki dilim)
50 gram lor peyniri
1 tatlı kaşığı zeytinyağı, kekik, pul biber, taze fesleğen
Domates, yeşilbiber, maydanoz
Şekersiz açık çay

Ara öğün
1 dilim karpuz

Öğle
1 kâse mercimek salatası
1 dilim az yağlı beyaz peynir
1 dilim tam çavdar ekmeği

Ara öğün
1 dilim peynir (erkekler için iki dilim peynir)
2 kepekli grisini (4 kepekli grisini)
5 yeşil zeytin

Akşam
6 çorba kaşığı kıymalı bezelye
3 çorba kaşığı bulgur pilavı (erkekler için 4 çorba kaşığı bulgur pilavı)
Cacık veya ayran

Ara öğün
1 şeftali
10 fındık 

Kategoriler
Css yazıları

CSS kullanarak güzel ve sade menüler yapmak

css-miniMerhaba arkadaslar, bugun css kullanarak cok basit bir sekilde hos menuler yapmak nasil oluyor, kodlar ne ise yariyor, ne nerde kullanilmali hepsini anlatacagim..

ornek bir kac sayfa hazirliyorum arkadaslar, genelde her yazimi yazarken mutlaka ornek bir sayfa yada resim kullanirim, buda kullaniciya daha guzel gorsel bir gozlem secenegi sunar ki cogu site buna dikkat etmez :) kuru kuru yazilan anlatimlar genelde bir sey anlasilmaz, ornek yada demo yoktur, olan demolarda ya sayfa silinmistir yada link sorunludur.. iste kaliteli bir menu yapmak icin bize gerekenler..

  1. Bilgisayar :)

bildiginiz gibi html calistirmak icin illa bir hosta gerek yoktur, ama ilerde tum dunyada gosterilmesi icin bir site yaparsaniz, bunun icin araci bir firma ile dosyalarinizi host etmeli, domain ile isim vererek internete sitenizi kazandirabilirsiniz :)

Baslamadan once kendimize 2 tane dosya hazirlayalim bunlarin birisinin uzantisi .html olsun, digerisnin ise .css

ben ornek 2 dosya hazirladim bunlarin ismi :

  1. cssmenu.html
  2. css.css

css dosyasini ayri olarak vermemizin sebebi ilerleyen zamanlarda, artan css dosyalarini kullandigimiz kodlama ekranina yazarsak bu buyuk dosyalarda sorun cikartabilir, ayrica daha pratik olmasi ve istedigimiz zaman kodlarla oynama sansi veriri..

oncelikle cssmenu.html dosyamizi olusturalim ve aciklayalim, ne nedir, ne degildir..

cssmenu.html

<HTML>
<HEAD>
<TITLE>Makaleci.com css menu ornegi..</TITLE>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-9″>
<META name=”description” content=””>
<META name=”keywords” content=””>
<META name=”generator” content=”CuteHTML”>
<link rel=”stylesheet” href=”./css.css” type=”text/css” />

</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>
<div><ul id=”menu”>
<li><a href=”http://www.makaleci.com/”>Ana Sayfa</a></li>
<li><a href=”http://www.makaleci.com/iletisim”>iletiþim</a></li>
<li><a href=”http://www.makaleci.com/makale-nasil-eklenir/makale-nedir”>Makale Nedir?</a></li>
<li><a href=”http://www.kuaza.com/”>Resim Yükle</a></li>
<li><a href=”http://www.kuaza.com/”>Kuaza La</a></li>
</ul></div><br /><br />
</BODY>
</HTML>

Not: konumuz css ancak arada kullandigim kodlarinda ne ise yaradigini yazacagim..

bu kod ile css dosyamizi  sayfa daki css class larini alacagi dosyayi ekliyoruz..

<link rel=”stylesheet” href=”./css.css” type=”text/css” />

yukaridaki kodlardan :

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-9″>

kodlarindaki ISO-8859-9 bolumu kullanacagimiz menudeki turkce karakterlerin duzgun sekilde gorunmesini saglayacak..

yukaridaki kodlardan

<ul id=”menu”>
<li><a href=”http://www.makaleci.com/”>Ana Sayfa</a></li>
<li><a href=”http://www.makaleci.com/iletisim”>iletiþim</a></li>
<li><a href=”http://www.makaleci.com/makale-nasil-eklenir/makale-nedir”>Makale Nedir?</a></li>
<li><a href=”http://www.kuaza.com/”>Resim Yükle</a></li>
<li><a href=”http://www.kuaza.com/”>Kuaza La</a></li>
</ul>

<ul id=”nav”> kodu ile css de tanimlayacagimiz menu ozelliginin ve siralama icin gerekli olan kod bolumu

<li><a href=”http://www.makaleci.com/”>Ana Sayfa</a></li> seklinde de linklerimizi siralayarak menumuzu olusturmak icin gerek olan bolum

sonraki bolumlerdede acilan tag lari kapatiyoruz :)

Sira geldi css kodumuzu olusturmaya: css.css

css.css dosyasmi da asagidaki gibi olmali :

/* makaleci menu css alani*/
#menu {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
z-index:130;
}
#menu li {
display:block;
margin: 0 0 0 4px;
padding:0;
float:left;
}
#menu li a{
text-decoration:none;
text-align:center;
font-size:13px;
color:#CBE1ED;
display:block;
width:96px;
height:21px;
background: #383840;
border:0;
padding:5px 0 0 0;
font-weight:bold;
line-height:21px;
margin-top:-5px;
}
#menu li a:hover{
text-decoration:none;
color:#0099CC;
width:96px;
height:26px;
border:0;
}

html dosyasinda actigimiz menu clasinin icerigini buradaki css dosyasinda veriyoruz..

#menu {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
z-index:130;
}

yukaridaki kod ile menu bolumunun nerelerde ve pozisyonlarini belirtiyoruz

#menu li {
display:block;
margin: 0 0 0 4px;
padding:0;
float:left;
}

yukaridaki css kodlari ilede menumuzu siraliyoruz ve maus ile uzerine geldigimiz <li> ekiti ile belirttigimiz linklerin seklini ve semalini ayarliyoruz..

asagidaki kod ile menunun duragan halini yansitiyoruz, yani maus ile menunun uzerine gelmeden default hali..

#menu li a{

bu alandaki ayarlarla oynayarak menunuzu istediginiz sekilde degistirebilirsiniz..

sira geldi menumuze biraz gorsellik katmaya, maus ile menude bir linkin uzerine geldigimizde bulundugu alan birazcik asagi dogru uzasin, bunun icinde bu alani kullanacagiz..

#menu li a:hover{

bildiginiz gibi a:hover etiketi linkler icin kullanir burada da listeledigimiz menuye maus ile geldigimizde yazi rengini degistirecegiz ve menunun biraz asagi dogru uzanmasini saglayacagiz..

DEMO bakabilirsiniz : http://www.makaleci.com/dersler/css-menu/cssmenu.html

arkadaslar ben aciklamalari ile anlattim, direkt aciklamalari gecip kaynak kodlarini isteyen arkadaslar asagidaki alandan 2 dosyanin kodlarini alabilirler..

cssmenu.html

<HTML>
<HEAD>
<TITLE>Makaleci.com css menu ornegi..</TITLE>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-9″>
<META name=”description” content=””>
<META name=”keywords” content=””>
<META name=”generator” content=”CuteHTML”>
<link rel=”stylesheet” href=”./css.css” type=”text/css” />

</HEAD>
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>
<div><ul id=”menu”>
<li><a href=”http://www.makaleci.com/”>Ana Sayfa</a></li>
<li><a href=”http://www.makaleci.com/iletisim”>iletiþim</a></li>
<li><a href=”http://www.makaleci.com/makale-nasil-eklenir/makale-nedir”>Makale Nedir?</a></li>
<li><a href=”http://www.kuaza.com/”>Resim Yükle</a></li>
<li><a href=”http://www.kuaza.com/”>Kuaza La</a></li>
</ul></div><br /><br />
</BODY>
</HTML>

css.css

/* makaleci menu css alani*/
#menu {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
z-index:130;
}
#menu li {
display:block;
margin: 0 0 0 4px;
padding:0;
float:left;
}
#menu li a{
text-decoration:none;
text-align:center;
font-size:13px;
color:#CBE1ED;
display:block;
width:96px;
height:21px;
background: #383840;
border:0;
padding:5px 0 0 0;
font-weight:bold;
line-height:21px;
margin-top:-5px;
}
#menu li a:hover{
text-decoration:none;
color:#0099CC;
width:96px;
height:26px;
border:0;
}

arkadaslar biraz olsun aciklamaya calistim, anlasilir degilse ve eksiklikleri varsa yorumlarla belirtin dokumani en kisa zamanda guncelleyecegim..