Ramazan'da Nasıl Beslenmeliyiz?
Uzmanlar, Ramazan ayı boyunca iftarda ve sahurda yedikleriniz konusunda daha çok dikkatli olmamızı tavsiye ediyor. Ramazan'ın başlaması ile birlikte iftar ve sahurda yenebilecek ağır yemekler beslenme alışkanlığı değişen bünyede problemlere neden olabiliyor. Uzmanlar, bu yılki Ramazan'ın yine yaz mevsimine denk gelmesi nedeniyle vatandaşlara sahurda ağır yemek yememelerini tavsiye etti.
İftar ile sahur arasında yenilen yiyeceklere dikkat edilmeli. Çay, kahve gibi vücuttaki demiri eksilten gıdaları tüketmemeli. Hamur tatlıları yerine sütlüler tercih edilmeli. İftarda mideye aşırı yüklenmek yanlış... İftar ve sahur arasında az ve sık yemek ise en doğrusu. İşte uzmanların iftar ve sahurda beslenme konusunda yaptığı tavsiyeler.
İftarda Hangi Gıdalar Yenmeli?
Orucunuzu bir adet hurma ile açın ve daha sonra bol su içilmelidir. Uzun süre aç kalan mide ve sindirim sistemi üzerinde yük oluşturacak herhangi bir besin ve sıvı içecekten mutlaka uzak durulmalıdır.
Yemeğe ne çok sıcak, ne de çok soğuk olmayan hafif bir çorbayla başlanmalıdır. Bağırsak problemi olanlar, çorbalarına kepek ilavesi yapabilecekleri gibi kepekli ekmek de tercih edebilirler.
Mutlaka bir çeşit sebze olmalıdır. Bu sebze yemeği olabileceği gibi, salata da olabilir.
Yoğurt protein ihtiyacının karşılanmasında önem taşımaktadır. Uzun süreli açlıklarda vücuttaki riboflavin düzeyi düşer ve ağız aftları oluşabilir.
Tatlı olarak sütlü tatlılar tercih edilmelidir. Şerbetli, ağır tatlılar kişilerde yüksek şekere neden olabilir. Bu da; kişinin titreme, terleme ya da koma gibi bazı rahatsızlıklar yaşamasına neden olabilir.
Sahurda Neler Tüketilmeli?
Protein içeriği fazla gıdalar, midenin boşalma süresini uzatarak acıkmayı geciktirdikleri için tercih edilmelidir. Aynı zamanda tokluk da sağlayan bu besinler, sahurda unutulmamalıdır. Yumurta, yoğurt, tahin, süt ve peynir gibi gıdalar; sahur için ideal seçimler arasındadır.
Kahvaltı şeklinde bir öğün olabilir. Ardından uyumaya devam edileceği için hem hafif, hem de tokluk sağlayacak mönüler seçilmelidir. Bu saatte börek ya da iftardan kalma yağlı yemekler tüketmek, sindirim güçlüğü ve mide rahatsızlığına neden olur.
Bol sıvı alınmalıdır. Su içilmelidir. Unutulmamalıdır ki; gün içinde iftara kadar bir daha sıvı tüketiminin sağlanabileceği bir fırsat olmayacak.
Meyve mutlaka yenmelidir. Bağışıklık sisteminin kuvvetlenmesi ve vücut direncinin artması için mevsimine uygun çok şekerli olmayan meyveler, sahurda bir porsiyon şeklinde önerilir.
Fazla tuzlu besinler tüketilmemelidir.
Susuzluğa Karşı
Sıvı tüketimini arttırmak için iftarda ilk yemek olarak çorba tercih edilebilir. Gün içinde susuz kalınacağından, iftar ile sahur arasında en az 2-2,5 litre su içilmeli, ayrıca ayran, taze sıkılmış meyve ve sebze suları, çorba, komposto gibi içeceklerle de sıvı alımı artırılmalıdır. Gazlı içecekler ise, mide rahatsızlıklarına neden olabilecekleri ve yeme kapasitesini arttırabileceği için önerilmemektedir.
Kilo Almamak İçin
Ramazan'da beslenme alışkanlığının değişmesi ve hareketin azalması nedeniyle, kilo almak kaçınılmazdır. Kiloları dengelemek için iftar ve sahur arasında bol sebze, meyve ve yağsız gıdalar tüketin. İftardan sonra yürüyüş yapın.
Ramazan'da Nasıl Beslenmeliyiz?
Read User's Comments(0)
Su Böregi
MALZEMELER:
*6 yumurta
*1 kahve fincanı yoğurt
*Yarım çorba kaşığı tuz
*Aldığı kadar un
PEYNİRLİ İÇ İÇİN:
*1 büyük kalıp beyaz peynir (300 gr.)
*1 demet dereotu-maydanoz
*1 yumurta, 3 çorba kaşığı margarin
*3 çorba kaşığı tereyağı (yufkaların aralarını yağlamak için)
YAPILIŞI:
1- Bir tencereye 6 yumurta, 1 kahve fincanı yoğurt, yarım çorba kaşığı tuz konup karıştırılır. Aldığı kadar elenmiş un ile sertçe bir hamur yapılır. İyice yoğrulur. 10- 12 parçaya ayrılır. Üzeri örtülü olarak 15- 20 dakika dinlendirilir.
2- Her parça unlanarak 2 mm. inceliğinde açılır. Bir tanesi yağlanmış tepsiye kenarlardan sarkacak şekilde yayılır.
3- Diğer yufkalar dörde bölünerek kaynar tuzlu suda 1 dakika haşlanıp, soğuk su bulunan başka bir kaba alınır. Sonra hafifçe kurulanır.
4- Tepsiye büzgülü olarak serilip her defasında erimiş yağ gezdirilir.
5- Hamurun yarısı bitince peynirli iç konur. Diğer yufkalar da aynı şekilde serilip kenarlardan sarkan parça üzerine çevrilir. Bolca yağlanıp fırında veya ocakta çevrilerek kızartılır. İçin hazırlanması: Rendelenmiş peynir, yumurta doğranmış, maydanoz, dereotu karıştırılır.
Not: Yukarıdaki malzemeden 40 cm çapında iki tepsi börek yapabilirsiniz. Afiyet olsun.
Ayva Tatlısı
Malzemeler:
Yapılışı:
Ayvaları ortadan ikiye bölün, kabuklarını soyun çekirdekli çıkartın ve kenara ayırın, ayvaların kararmaması için limonlu suda bekletin. İkiye böldüğünüz ayvaları geniş bir tencereye dizin. Biraz ayva kabuğunu ve çekirdeklerini içine atın. Ayvaların üzerine tüm şekeri eşit olarak dökün. Ayvaların yarısını geçinceye kadar su ilave edin. Kısık ateşte ayvalar yumuşayıncaya ve rengini alana kadar pişirin. Soğuduktan sonra üzerlerine kaymağı ilave edin ve fıstıkları serperek servis yapın.
Afiyet olsun.
Ali Nazik
Ali nazik Malzemeleri
- 4 adet bostan patlıcanı
- 2 yemek kaşığı tereyağı ve zeytinyağı
- 5 yemek kaşığı süzme yoğurt
- Toz kırmızı biber
- 2 adet soğan
- 2 diş sarmısak
- 250 gram yağsız kıyma
- Tuz
- 2'er adet domates ve sivri biber
- Kıyılmış maydanoz
Tarifi:
Patlıcanları mangal ateşinde veya ocak üzerinde veya fırında (180 derecede) közleyin. Kabuklarını soyup ince ince doğrayın. Sarımsakları dövüp yoğurtla karıştırın. Çok az tuz ilave edin.Diğer tarafta soğan ve biberi yemeklik doğrayıp 3-4 yemek kaşığı kadar zeytinyağıyla sarartın. Kıymayı ekleyip onunda rengi dönene kadar pişirin. Domatesleri küçük küçük doğrayıp ekleyin. Domatesler pişince, tuz ve karabiberi de ekleyip ocağın altını kapatın. Yoğurtla karıştırdığınız patlıcanları genişçe bir servis tabağına alın. Ortasını havuz gibi açın ve kıymalı harcı dökün. İnce doğranmış maydanozlarla süsleyip servis yapın.
Afiyet olsun...
Html site kodu
Websitenizi html kodlarındandan yapmak istermisiniz? Aşağıda sizler için bi örnek hazırladım. Üzerinde oynamalar yaparak sitenizi oluşturabilirsiniz.
ÖNİZLEME
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="author" content="Meftun MEDE">
<meta name="description" content="buraya, virgüllü, anahtar, kelime, koy,">
<meta name="keywords" content="buraya açıklama yaz">
<meta name="generator" content="Web Page Maker V2">
<title>sayfanızın başlığını yazın</title>
<style type="text/css">
/*----------Style Kodları----------*/
body{text-align:center;margin:0;}
div#container{position:relative;width:816px;margin-top:0;margin-left:auto;margin-right:auto;text-align:left;}
DIV,UL,OL /* Left */{margin-top:0;margin-bottom:0;}
.ws6{font-size:8px;}
.ws7{font-size:9.3px;}
.ws8{font-size:11px;}
.ws9{font-size:12px;}
.ws10{font-size:13px;}
.ws11{font-size:15px;}
.ws12{font-size:16px;}
.ws14{font-size:19px;}
.ws16{font-size:21px;}
.ws18{font-size:24px;}
.ws20{font-size:27px;}
.ws22{font-size:29px;}
.ws24{font-size:32px;}
.ws26{font-size:35px;}
.ws28{font-size:37px;}
.ws36{font-size:48px;}
.ws48{font-size:64px;}
.ws72{font-size:96px;}
.wpmd{font-size:13px;font-family:Arial;font-style:normal;font-weight:400;}
</style>
</head>
<body>
<div id="container">
<div id="text3" style="position:absolute; overflow:hidden; left:417px; top:84px; width:274px; height:359px; z-index:0; background-color:#F7F7F7">
<div class="wpmd">
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<ul>
<li><font class="ws8" color="#808080" face="Tahoma"><U>Aradigin Meftun Mede bu degil mi?Tekrar dene</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma"><U>BU KISMADA AÇIKLAMALARINIZI YAZIN.</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma">LiNKLERiNiZi YAZILARINIZI YAZIN.ZiYARETCiYE iÇERiK TASARLAYIN.iÇERiK NE KADAR SiZiN OLURSA OLSUN O KADAR SiTE DEĞERiNiZ ARTAR.DOST SiTE EDiNEREK iNTERNETTE ADINIZI DUYURUN.GOOGLE ARAMA MOTORUNDA YER ALMAK iSTERSENiZ BiZi SiTENiZE EKLEYiN.BiR HAFTA iÇiNDE KAYIT EDiLMiS OLDUĞUNUZU GÖRECEKSiNiZ. </font></li>
</ul>
</div>
</div>
<div id="shape1" style="position:absolute; overflow:hidden; left:4px; top:661px; width:689px; height:18px; z-index:1; background-color:#A8A8A8">
</div>
<div id="shape9" style="position:absolute; overflow:hidden; left:4px; top:84px; width:83px; height:590px; z-index:2; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:11px; top:307px; width:380px; height:28px; z-index:3">
<hr size=3 width=380 color=#82B40C>
</div>
<div id="shape8" style="position:absolute; overflow:hidden; left:695px; top:86px; width:118px; height:589px; z-index:4; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="text5" style="position:absolute; overflow:hidden; left:414px; top:474px; width:275px; height:182px; z-index:5; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>YAZI BAŞLIĞI. </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">BURAYA kısa açiklama ile yazi içerigini ekleyerek devam edin.Yazinin pesine bu ebata sigacak kodda ekleme sansiniz var :) </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">hedef url varsa yazisi ile ekle</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodlari kullan yazi kullan bu sayfa kodlarini </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danisin</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="image12" style="position:absolute; overflow:hidden; left:413px; top:452px; width:277px; height:15px; z-index:6"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEJAyofiq-b_NLcAOGJz_wKMmQonL_vPdGROPpxiKzLoAU4cS-1hMG2xKkuCXq7DTlhwL31v2oM0tYLq0lnOk7MlcnxxeHpSFThELNDqDtjMX5H1C83-XY4BXqWvQ2ScdbX5ocWepRmt0/s1600/separador.gif" border=0 width=277 height=15>
</div>
<div id="shape11" style="position:absolute; overflow:hidden; left:3px; top:0px; width:695px; height:62px; z-index:7; background-color:#9ECE38">
</div>
<div id="text4" style="position:absolute; overflow:hidden; left:6px; top:21px; width:250px; height:38px; z-index:8">
<div class="wpmd">
<div><font class="ws14" color="#FFFFFF" face="Tahoma">MEFTUN MEDE</font>
</div>
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:423px; top:95px; width:263px; height:120px; z-index:9"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3xEsFN4MtglMS5dZBicgoeN2Z-Yi2aJ5ODgfo3nWBurZ6x0ZKANjTN-8sL96ydWYzR5xMgwMXZ0XNfzWqewZlP7XxEmSOz1gS-AADsKcu7XUw9BKtQqxvEFSn7R49PcNt4ft8qGmHSWO/s1600/Follow+By+Email.JPG" border=0 width=263 height=120>
</div>
<div id="text2" style="position:absolute; overflow:hidden; left:427px; top:156px; width:243px; height:52px; z-index:10">
<div class="wpmd">
<div>
</div>
</div>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:90px; top:321px; width:290px; height:23px; z-index:11">
<div class="wpmd">
<div><font class="ws7">haber sayfan mesaj panon</font>
</div>
</div>
</div>
<div id="text6" style="position:absolute; overflow:hidden; left:3px; top:88px; width:83px; height:223px; z-index:12">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text7" style="position:absolute; overflow:hidden; left:301px; top:4px; width:384px; height:53px; z-index:13">
<div class="wpmd">
<div><font class="ws7">BURASI REKLAM KODLARINI KOYACAĞIN YER.iSTERSEN BANNER YADA YAZI EKLE</font>
</div>
</div>
</div>
<div id="text8" style="position:absolute; overflow:hidden; left:701px; top:97px; width:106px; height:42px; z-index:14">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="image2" style="position:absolute; overflow:hidden; left:698px; top:141px; width:110px; height:66px; z-index:15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjUnlEKzDGorg1G38Zb__xBjmv34eIA0QD7ITyYrtTaSbRx1xzgMQS4PkqD7wiwlfcpQTKavGUBHbsGoRCd43l9LnL7mKPIgvXumQpVwtoqULeLp0GuH-XjvaI-Rzbi1m8ZSbZh_tGU5Z/s400/AdvantagesOfOnlineBanking-11.jpg" border=0 width=110 height=66>
</div>
<div id="text9" style="position:absolute; overflow:hidden; left:703px; top:215px; width:106px; height:449px; z-index:16">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text10" style="position:absolute; overflow:hidden; left:391px; top:662px; width:296px; height:90px; z-index:17">
<div class="wpmd">
<div><font class="ws7" color="#FFFFFF"><B><I>Copyright ekle burayada</I></B></font>
</div>
</div>
</div>
<div id="text11" style="position:absolute; overflow:hidden; left:90px; top:692px; width:602px; height:186px; z-index:18">
<div class="wpmd">
<div><font class="ws7">bu kisim sayac reklam gibi kodlarinizi ekleyecegin yer</font>
</div>
</div>
</div>
<div id="text12" style="position:absolute; overflow:hidden; left:88px; top:85px; width:323px; height:222px; z-index:19; background-color:#F4F4F4">
<div class="wpmd">
<div><font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Eski adi 'Telmessos' "Aydinliklar Sehri", simdiki adi Fethiye olan ilçemizdeki Apartimizda evinizin sicakliginda tatil yapmak istemisiniz?</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/Meftun.mede </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">https://twitter.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
<div id="html1" style="position:absolute; overflow:hidden; left:93px; top:344px; width:287px; height:109px; z-index:20">
<script type="text/javascript">
// http://meftunmede.blogspot.com ücretsiz Hizmetler
// TKontak Meftun_hh@Hotmail.de
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array() tickercontents[0]='Yazılar buraya gelecek
<a href=http://meftunmede.blogspot.com>Link atılacak sayfa link ismi</a>
!' tickercontents[1]='yazıların nasıl artırılacağını biliyorsunuz.Mesaj paragraflarını artırın
<a href=http://meftunmede.blogspot.com/>webmasters</a> Tıkla
!' tickercontents[2]='Web tasarım dizayn
<a href=http://meftunmede.blogspot.com>JavaScript </a>
- Bedava Hizmetler!' var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages var highlightspeed=2
//2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"
////Do not edit pass this line////////////////
document.write('
<style>#highlighterbg a{color:'+backdroptextcolor+'}
</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px">
</span>
<span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px">
</span>')
document.write('</div>')
var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() }
if (document.all || document.getElementById) window.onload=start_ticking
</script>
</div>
<div id="text13" style="position:absolute; overflow:hidden; left:88px; top:462px; width:308px; height:194px; z-index:21; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart . </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Apartlarimiz deniz ve plaja 50 metre mesafede olup 8 full esyali ve havuzlu aparttan olusmaktadir. </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">www.MeftunApart.com</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodları kullan yazı kullan bu sayfa kodlarını </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danışın</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div>
</div>
</body>
</html>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Merkez bankası döviz kurları
Sitenize Döviz Kurunu Gösteren Kodu Ekleyin :
IMKB ile eş zamanlı olarak sitenizde döviz kurlarını Dolar ve Euro olarak gösterebilirsiniz. Tek yapmanız gereken aşağıdaki kodlardan beğendiğinizi sitenize eklemek.
Aşağıdaki kodu kopyalayınız :
Slide Model Örnek gösterim :
altın fiyatları
altın fiyatları
Aşağıdaki kodu kopyalayınız :
1. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
2. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
3. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
4. Model Örnek gösterim :
Aşağıdaki kodu kopyalayınız :
5. Model Örnek gösterim :
Bilgilendirme: Döviz kurları Türkiye Cumhuriyet Merkez Bankası verilerinden eş zamanlı olarak alınmaktadır.
Msn'e Ekleme Kodu
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhffSdjPYDpDlTefCSi7_pdAi7ozCHehbXZ9bJCFynToKe14-7E3yae4HrKL4MlNR1ad2LcofOh_Mf-1vG20Wf6tlh331hDFUBhXVV6m_4dFirIsNiB_C7igpxDsnjsnB2kSk53kT8x93WC/s1600/msn.png" alt="add contact" border="0" height="20" width="20"/><a href="msnim:add?contact=Meftun_HH@hotmail.de"> Bizi MSN'ize Eklemek için Tıklayın</a> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene 1.Lig puan durumu
Sitenize Türkiye Futbol Spor Toto Süper Liginin Fikstür ve puan durumunu eklemek için aşağıdaki beğendiginiz kodlardan birini seçebilirsiniz.
<iframe src="http://siteneekle.fotomac.com.tr/v2/siteneekle/akilli-kutu" scrolling="no" frameborder="0" width="300" height="250"></iframe>
<iframe id="onbirim_puan_durumu2" src="http://www.onbirim.com/paylasim/puandurumu2.aspx" framespacing="0" frameborder="no" scrolling="no" width="300" height="300" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
Beyaz:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=a&baslik=1&resimler=1&a=7" frameborder="0" height="282" width="298"></iframe>
Kırmızı:
<iframe src="http://www.trtspor.com.tr/puandurumu-ekle/?lig=1&renk=k&baslik=1&resimler=1&a=9" frameborder="0" height="282" width="298"></iframe>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene Google Arama Motoru Ekle
Google Özel Arama Motoru
Kullanıcıların web sitenizde aradıkları içeriği daha kolay bulmalarına yardımcı olmak için Google Özel Arama ile ana sayfanıza bir arama kutusu ekleyin. Hızlı ve alakalı arama sonuçları alın. Sonuçların görünümünü sitenizin tasarımıyla eşleşecek şekilde özelleştirin.
Önizleme:
Loading...
<script src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ new google.search.CustomSearchControl().draw('cse'); }, true); </script> <body style="font-family: Arial;border: 0 none;"> <div id="cse" style="width:100%;">Loading...</div> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitene Online Radyo , Televizyon Ekle
Bir web sitesi sahibiyseniz ziyaretçilerinize ücretsiz canlı yayın hizmeti vermek istiyorsanız alttaki kodlardan size uygun olanını seçip sitenize eklemeniz yeterlidir. Aşağıdaki kodları alıp sitenizde uygun yere koyup kaydedin. Sitenize radyo, TV yayın hizmeti ekleyerek ziyaretçilerinizin ilgisini çekebilirsiniz...
Önizleme:
<iframe width="600" height="411" frameborder="0" src="http://goo.gl/Wb2nEF"></iframe> Önizleme:
<iframe width="135" height="45" marginwidth="1" marginheight="1" scrolling="no" border="0" frameborder="0" src="http://www.abchukuk.com/canliyayin/canliyayin3.html"></iframe> Önizleme:
<iframe src="http://www.canli-radyo-dinle.org/sitene-ekle/index.php?sef=alem-fm" name="Canlı Radyo Dinle" scrolling="no" frameborder="no" height="330px" width="246px"></iframe> Kodun tamamını kopyalayınız, kodun içerisindeki www.sitenizinismi.com kısmına sitenizin adını yazarak kişiselleştirebilir veya o kısmı silerek boş bırakabilirsiniz.
Canlı TV Yatay Önizleme:
<iframe name='ctv' height='290' width='600' src='http://www.canlitv.gen.tr/sitene-ekle/stil1.php?uye=www.sitenizinismi.com' frameborder='0' scrolling='no'></iframe> Canlı TV Dikey Önizleme:
<iframe name='ctv' height='530' width='300' src='http://www.canlitv.gen.tr/sitene-ekle/stil2.php?uye=Benimsitem.com' frameborder='0' scrolling='no'></iframe> Kodları denemek için Online html editor'ü kullanabilirsiniz.
Müzik player kodu
Sitenize Flash MP3 Müzik player ekleyin.
Flash MP3 Müzik player web geliştiricileri ve blogcular için websiteleri üzerinde kolay bir şekilde kişiselleştirilebilir bir müzik oynatma özelliği sağlar. Bu online müzik oynatıcılar ile kolayca şarkı listelerinizi ekleyebilirsiniz. Burada bulunan müzik çalarların çoğu kişiselleştirilebilir olduğu için tasarımınıza uygun bir şekilde eklenebilir. Bu web sitelerinde yayılması planlanan bir MP3 çalar açık kaynak kodlu, özgür ve özelleştirilebilir.
Önizleme Versiyon 1:
Önizleme Versiyon 2:
Versiyon 1
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" /> <param name="bgcolor" value="#189ca8" /> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386&bgcolor1=189ca8&autoplay=0" /> </object> Versiyon 2
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" height="100" width="200"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf"> <param name="FlashVars" value="mp3=http://www.enyenimp3indir.net/indir.asp?ID=14386|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3|http://flash-mp3-player.net/medias/ca_colle.mp3&title=Sagopa Kajmer-Meftun|Music 2|Music 3|Music 4|Music 5|Music 6|Music 7|Music 8|Music 9|Music 10|Music 11|Music 12&bgcolor1=4da6a9&bgcolor2=2d8689&autoplay=1"> </object> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Kayan yazı kodu
Html renkli kayan yazı kodu ile html sayfanıza kayan yazı ekleyebilirsiniz. Sitenizdeki son eklenen makaleleri haberleri bu kayan yazıyı kullanarak daha belirgin hale getirebilirsiniz.İsterseniz div'e width parametresi ekleyerek yazının kayacağı genişliği de belirleye bilirsiniz. Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. KAYAN YAZI KODU yerine istediginizi yazabilirsiniz.
Önizleme Kayan yazı kodu:
<div style="position:absolute;top:150px;left:50%;margin-left:-400px;width:800px;height:50px;font-size:50px;color:FONT RENGi BURAYA;font-family:ARIAL;"><marquee direction="LEFT" width="100%" scrollamount="30">KAYAN YAZI KODU</marquee></div>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Start , Stop Kayan Yazı Kodu
Sitenize Start, Stop kontrollü Kayan Yazı Kodu.
Direction komutunu yukarı (up) ve aşağı (down), sağ için right, sol için left ayarlayabilirsiniz. Stop - Start Kayan Yazı Kodu! yerine istediginizi yazabilirsiniz.
Önizleme Soldan:
Önizleme Sağdan:
<marquee behavior="scroll" direction="right" //direction=sağ için right, sol için left yazın// id="mymarquee"> <p>Stop - Start Kayan Yazı Kodu!</p> </marquee> <input type="button" value="Stop " onClick="mymarquee.stop();"> <input type="button" value="Start " onClick="mymarquee.start();"> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Duvar saati kodu
Websitende renkli, şık ve güzel görünümlü veya takvimli saat / bugün tarihli saat olsun istersen tek yapman gereken aşağıdaki saat modellerinden birini seçip hemen yanındaki kodu sitene eklemek. Saat kodunu ekle saatin olsun.
<embed src="http://saat.bbs.tr/001.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/002.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/126.swf" quality="high" wmode="transparent" width="150" height="150" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/004.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/005.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/006.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/007.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/008.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/009.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/> <embed src="http://saat.bbs.tr/010.swf" quality="high" wmode="transparent" width="130" height="130" name="superpimper" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
Yağmur damlalı yazı kodu
Yağmur damlalı yazı
Banner olarak kullanabileceğiniz yağmur damlalı yazı koduyla sitenize renk katacaksınız.
Önizleme:
<embed src='http://www.crazyprofile.com/textmaker/ripple.swf' width='335' height='50' FlashVars='mess=Meftun MEDE' quality='high' bgcolor='#000000 align='middle'allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sayfayı Yazdır Kodu
Sayfayı Yazdır Kodu
Geçerli sayfayı yazıcıya gönderen JavaScript fonksiyonu. Javascript ile sayfa yazdırmak için javascript kodu. Kod hangi sayfada ise o sayfayı komple yazdırır. İnternet sayfası açık iken yazdırma tuşuna bastığınız (CTRL + P) işlemin aynısını yapar.
<a href="javascript:void(0);" onClick="window.print()" class="print"></a> <style> .print{display:block;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu83L5lGa0v7hEWOvll8F7KtEcOXyWrIINo41B9meLFPecUCR8e-TzFPcqmO5GiDwu9H-HccyOlwCJM8-BDAf7SOP4m6Lc7QoqELk9yhqKkHSQ_IBvFfPfrCXWDLqq25PTLsGr2vfH-FOY/s1600/yzd.png);width:74px;height:24px;} .print:hover{background-position: 0px -25px;} .print:active{background-position: 0px -50px;} </style> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Resim üzerine yazı yazma kodu
Resim üzerine yazı yazma kodu
Önizleme:
RESME YAZI YAZ
İçerik ekle
www.MeftunApart.com
İçerik ekle
www.MeftunApart.com
<meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"/>
<meta content="Created by Meftun MEDE" name="GENERATOR"/>
<div style="left:0px;overflow:hidden;position:absolute;top:0px" align="left">
<img style="width:269px;height:234px" alt="havuz" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9EDWG0K0I_8oIkSqXp72djJ33CpH6FLuoagMJ-3na4sjZl0jS9uMZV3vwg6PSqDuDSJTSKLCXx7JFo39DYjjLwrpz-1r3_tvoq2lm36br4tHcuMmVN2nFhA6Rxt_0FGBVREgUzaS6mej/s1600/havuz.jpg"/>
</div>
<div style="z-index:1;left:25px;width:150px;position:absolute;top:65px;height:47px;font-size:18px;font-family:Arial,georgia;color:#ffff00" align="left">
<strong>RESME YAZI YAZ</strong><br />
<br/>İçerik ekle<br/>www.MeftunApart.com
</div>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
T.C. Kimlik sorgulama kodu
T.C. Kimlik sorgulama kodu
Kimlik sorgulama kodu ile nufus işlemleri hizmetini sitenizde online ziyaretçilerinize sunabilirsiniz.
Önizleme:
<iframe name="tckimlik" style="border=0 " width="100%" height="400" src="https://tckimlik.nvi.gov.tr/" target='_blank'> </iframe> Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sayfaya sağdan giriş yapan yazı kodu
Sağdan Sola Kayan Haber Menü Yazı Kodu.
Kayan yazı kodları sayesinde sitenizde, blogunuzda duyuru panoları, mesaj panoları vb. şeyler oluşturabilirsiniz. Bu kodu kendi isteğinize göre kırmızıyla işaretlediğim yeleri değiştirerek kullanabilirsiniz.
Önizleme:
Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz http://MeftunMede.blogspot.com. BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN TIKLA. En Yeni Hazır Kodlar!
<script language="JavaScript1.2">
//<![CDATA[
/*Sağdan Sola Kayan Haber Menü Yazı Kodu
website http://MeftunMede.blogspot.com
*///Seçim çerçevesinin genişliği (piksel olarak) belirtin
var marqueewidth="400px"
//Seçim çerçevesinin yüksekliği belirtin
var marqueeheight="25px"
//Seçim çerçevesinin marquee hızı (daha büyük daha hızlı 1-10 olan) belirtin
var marqueespeed=2
//arka plan rengini yapılandırın:
var marqueebgcolor="#242729"
//Pause marquee onMousever (0 = hayır. 1 = evet)?
var pauseit=1
//(<nobr> Etiketi silmeyin) kayan yazı içeriğini belirtin
//Bir satır tüm içerik tutmak ve tek bir alıntılar eğik çizgiye. (ie: that\'s great):
var marqueecontent='<nobr><font color="#7D7D7D">Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz <a href="http://MeftunMede.blogspot.com">http://MeftunMede.blogspot.com.</a> BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN <a href="http://MeftunMede.blogspot.com">TIKLA.</a> En Yeni Hazır Kodlar!</font></nobr>'
////BU SATIRI DÜZENLEMEYE GEREK YOK////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1)
//NS için 1 hızını yavaşlatmak
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width}
lefttime=setInterval("scrollmarquee()",20)}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8}}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left="0" top="0" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')}
document.write('</td></table>')}}
//]]>
</script>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Msn arama motoru eklentisi kodu
Msn arama motoru eklentisi kodu
Sitenize Msn (bing) arama motoru eklemek isterseniz aşağıdaki kodları kullanabilirsiniz. Bu kodlar arama sonuçlarını yeni bir sayfada açacaktır.
Önizleme:
<img width="147" height="51" title="MSN" alt="MSN" src="http://db2.stb00.s-msn.com/i/67/64747463334927CC5F5C94132FFA5.gif"></img>
<form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get">
<input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText">
<input TYPE="submit" VALUE="Ara" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT">
<input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></form><img width="180" height="28" src="http://db2.stc.s-msn.com/br/sc/i/a9/6339c8e254dcae650e456e9450e6b1.png" title="Ara" alt="Ara">
</img>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Yanıp sönen yazı efekti kodu
Yanıp sönen yazı efekti kodu
Web sayfalarımızda zaman zaman dikkat çekmesini istediğimiz alanlar olabilir. Bu alanları sayfanın diğer kısmından ayırabilmek için html de javascript yardımı ile de yanıp sönen yazı şeklinde gösterebiliriz. Html ve css ile şekillendirdiğimiz yazı yanıp sönme efekti ile daha dikkat çekici olacaktır.
Önizleme:
MeftunMede.Blogspot.com
MeftunMede.Blogspot.com
<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // Arka plan rengi
var fgcolour="#663399"; // ön plan rengi
var speed=100; // bubbling hızı, düşük hızlı
var shades=10; // bubble tonlarının sayısı
var bubbcol=new Array();var bubbler,bubbtxt;var bubbchr=new Array();window.onload=function(){if(document.getElementById){for(bubbler=0;bubbler<=shades;bubbler++){bubbtxt="#";for(var i=1;i<6;i+=2){var bg=parseInt(bgcolour.substring(i,i+2),16);bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)))}
bubbcol[bubbler+1]=bubbtxt;}bubbler=document.getElementById("bubble");bubbtxt=bubbler.firstChild.nodeValue;while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);for (var i=0; i<bubbtxt.length; i++) {var bubbi=document.createElement("span");bubbi.setAttribute("id", "bubb"+i);bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));bubbler.appendChild(bubbi);}bubbler=setInterval ("bubbling()", speed);}}
function dechex(dec){var hex=dec.toString(16);if(dec<16)return"0"+hex;else return hex;}
function bubbling(){for(var i=0;i<bubbtxt.length;i++){var bubbme=document.getElementById("bubb"+i);if(bubbchr[i]){bubbme.style.color=bubbcol[bubbchr[i]];bubbchr[i]=(bubbchr[i]+1)%bubbcol.length}else if(Math.random()<0.75/bubbchr.length)bubbchr[i]=1;}}
// ]]>
</script>
<strong><span style="color="#000066;" id="bubble">MeftunMede.Blogspot.com</span></strong>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Kayarak büyüyen Yazı efekti kodu
Kayarak büyüyen Yazı efekti kodu.(Animated Text Script)
Bu Kayarak büyüyen Yazı efekti kodu ile kendi reklam bannerinizi kendiniz hazırlayın.
<body onload="startmotor(0)">
<p><script type="text/javascript">
var size = 25; //Yazı Büyüklüğü
var tekst = new Array() {
tekst[0] = "Meftun Mede'nin bloğuna hoşgeldiniz.";
tekst[1] = "Buraya istediğiniz her şeyi yazabilirsiniz.";
tekst[2] = "Yazı boyutunu değiştirebilirsiniz.";
tekst[3] = "Ve hızını değiştirebilirsiniz.";
tekst[4] = "http://MeftunMede.Blogspot.com"; }
var klaar=0;var s=0;var veran=0;var tel=0;function bereken(i,Lengte){return(size*Math.abs(Math.sin(i/(Lengte/3.14))))}function motor(p){var output="";for(w=0;w<tekst[s].length-klaar+1;w++){q=bereken(w/2+p,16);if(q>size-0.5){klaar++}if(q<5){tel++;if(tel>1){tel=0;if(veran==1){veran=0;s++;if(s==tekst.length){s=0}p=0;if(window.loop){clearInterval(loop)}loop=motor()}}}output+="<font style='font-size: "+q+"pt'>"+tekst[s].substring(w,w+1)+"<\/font>"}for(k=w;k<klaar+w;k++){output+="<font style='font-size: "+size+"pt'>"+tekst[s].substring(k,k+1)+"<\/font>"}idee.innerHTML=output}function startmotor(p){var loop=motor(p);if(window.time){clearInterval(time)}if(klaar==tekst[s].length){klaar=0;veran=1;tel=0;var time=setTimeout("startmotor("+(p+1)+")",2000)}else{var time=setTimeout("startmotor("+(p+1)+")",50)}}
</script></p>
<div id="idee"></div>
</body>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Sitende yapraklar uçsun
Sitende yapraklar uçsun
Sitenizde uçuşan yapraklar olsun istiyorsanız bu script'i kullanabilirsiniz.
<script language="JavaScript1.2"> //Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://javascriptfreecode.com/images/barg.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://javascriptfreecode.com/images/barg.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://javascriptfreecode.com/images/barg.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://javascriptfreecode.com/images/barg.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://javascriptfreecode.com/images/barg.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://javascriptfreecode.com/images/barg.gif"
Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</script>
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Button üzerinde hareketli, değişen yazı kodu
Button üzerinde hareketli, değişen yazı kodu
Sayfanızda üzerinde kayan yazı olan bir buton (düğme) olsun istiyorsanız bu script'i kullanabilirsiniz.
<style type='text/css'>
.stHeadliner{font-family:lucida console, courier new, monospace;font-size:11pt;font-weight:700;font-style:italic;background:red;color:#FFF;}
</style>
<script type="text/javascript">
// Büyüyen başlık için milisaniye gecikme.
growWait=90
// Genişleyen başlık için milisaniye cinsinden gecikme.
expandWait=120
// Başlık kaydırma için milisaniye gecikme
scrollWait=100
// Başlık kaydırma bölgesi karakter sayısı.
scrollWidth=40
// Kullanmak istediğiniz gibi satır sayısı, kadar belirtin.
lineMax=4
lines=new Array(lineMax)
// Satırları (Metin görüntülemek için, url, etkisi, beklenecek süre) tanımlayın
lines[1]=new Line("En yeni Javascript Kodlar", "http://meftunmede.blogspot.com", Expand, 2000)
lines[2]=new Line("En yeni içerikler", "http://meftunmede.blogspot.com", Scroll, 1000)
lines[3]=new Line("İstemediğin kadar!", "www.meftunapart.com", Static, 2500)
lines[4]=new Line("Hepsi burada!", "buraya link at", Grow, 3000)
// Diğer bazı değişkenler (sadece değişmez)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Çizgi nesne tanımlayın.
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait}
// N karakter c bir dize doldurun.
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</script>
<center>
<form name="formDisplay">
<input class="stHeadLiner" type="button" name="buttonFace" value="** HAZIR HTML KODLAR **" onClick="GotoUrl(lines[lineNo].url)"></INPUT>
</form></center>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://meftunmede.blogspot.com">JavaScript
</a></font></p>
<Body onLoad="StartHeadliner()" onUnload="StopHeadliner()">
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Kaydol:
Yorumlar (Atom)