100,081 Mesaj - 12,270 Konu - 72,991 Üye - Son üye: banderas
İndirmeden Kaliteli FİLM İZLEMEK için Tıklayın!

Sitemizde online izlenebilen telif haklarını ihlâl eden Klipler ve online dinlenebilen Müzikler kaldırılmıştır.
Gördüğünüz durumda İletişim'e tıklayarak bildiriniz.
Sayfa: [1] 2 |   Aşağı git
 
Gönderen Konu: Web Sitesi için HTML Kodları / HTML Hakkında Bilgiler..  (Okunma Sayısı 5560 defa)
0 Üye ve 1 Ziyaretçi konuyu incelemekte.
atesh
Altın Üye [%10]
***

İtibarı : 5
Offline

Mesaj Sayısı: 92


Dj-AteSh















« : Haziran 11, 2007, 05:07:57 ÖS »


Bu Bölüme Web KodLarınızı Yazabilir & KodLarı Ekleyebilirsiniz..
Logged


-
p_kilicarslan
Master Üye [%28]
*****

İtibarı : 223
Offline

Mesaj Sayısı: 1,376


Alayına İsyan!!! انتفاضة لجميع!!!















« Yanıtla #1 : Ağustos 05, 2007, 11:48:56 ÖS »

İyi geceler html öğrenen arkadaşlar.

Ben biraz kendi kullandığım biraz internette bulup üzerinde değişiklik yaptığım birazda alıntı kodları yeni arşiv oluştururken sizlerlede paylaşmak istedim umarım işinize yarar.


Logged
p_kilicarslan
Master Üye [%28]
*****

İtibarı : 223
Offline

Mesaj Sayısı: 1,376


Alayına İsyan!!! انتفاضة لجميع!!!















« Yanıtla #2 : Ağustos 06, 2007, 08:29:21 ÖÖ »

Takvim-1

1.Adım:

Aşağıdaki kodu sayfamızda <head> tagları arasına yerleştiriyoruz.

<style type="text/css">
.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:#cccccc;
}

.daysofweek {
background-color:black;
font:bold 12px verdana;
color:#cccccc;
}

.days {
font-size: 12px;
font-family:verdana;
color:#cccccc;
background-color: black;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>


<script type="text/javascript" src="Takvim-1.js">



/***********************************************
* Bu HTML kod Polat Kılıcarslan tarafından derlenmiştir.
***********************************************/

</script>

2.Adım:

Aşağıdaki kodları Yukarıdaki kodların altına(</head> tagından sonra) yerleştiriyoruz.

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>

3.Adım:

Aşağıdaki kodları notepad benzeri bir düzenleme sayfası içine yerleştirdikten sonra sayfayı Takvim-1 olarak kodu yerleştirdiğiniz .htm/.html sayfası ile aynı klasor içine yerleştirin.


function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"PPSÇPCC".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : '&nbsp;';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}



Extra Eklenti:

1-)

Bu eklenti bulunduğunuz ayı bir önceki ve bir sonraki ayı görüntülemenizi sağlar 2.Adımda yerleştirilen kodun hemen altına yerleştirilecek.

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

</script>

<table border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="33%">
<script>
document.write(buildCal(curmonth-1 ,curyear, "main", "month", "daysofweek", "days", 1));
</script></td>
<td width="33%">
<script>
document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script></td>
<td width="34%">
<script>
document.write(buildCal(curmonth+1 ,curyear, "main", "month", "daysofweek", "days", 1));
</script></td>
</tr>
</table>

2-)

Bu eklenti ile görmek istediğiniz ayı seçebilirsiniz 2.Adımda yerleştirilen kodun hemen altına yerleştirilecek.

<form>
<select onChange="updatecalendar(this.options)">
<script type="text/javascript">

var themonths=['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran',
'Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık']

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

function updatecalendar(theselection){
var themonth=parseInt(theselection[theselection.selectedIndex].value)+1
var calendarstr=buildCal(themonth, curyear, "main", "month", "daysofweek", "days", 0)
if (document.getElementById)
document.getElementById("calendarspace").innerHTML=calendarstr
}

document.write('<option value="'+(curmonth-1)+'" selected="yes">Aylar</option>')
for (i=0; i<12; i++) //display option for 12 months of the year
document.write('<option value="'+i+'">'+themonths[i]+' '+curyear+'</option>')


</script>
</select>

<div id="calendarspace">
<script>
//write out current month's calendar to start
document.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 0))
</script>
</div>

</form>
Logged
p_kilicarslan
Master Üye [%28]
*****

İtibarı : 223
Offline

Mesaj Sayısı: 1,376


Alayına İsyan!!! انتفاضة لجميع!!!















« Yanıtla #3 : Ağustos 06, 2007, 09:01:45 ÖS »

Scrool ile kayan sağtarafta analog saat

<script language="JavaScript">


fCol='444444'; //renk
sCol='FF0000'; //ininci renk
mCol='444444'; //dakika rengi
hCol='444444'; //saat rengi

Ybase=30; //saat yükseklil
Xbase=30; //saat genişlik


H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
Ypos=0;
Xpos=0;
dots=12;
Split=360/dots;
if (NS6){
for (i=1; i < dots+1; i++){
document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
for (i=0; i < M.length; i++){
document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');
}
for (i=0; i < H.length; i++){
document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');
}
for (i=0; i < S.length; i++){
document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');
}
}
if (NS4){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
}
if (IE4){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}



function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

if (NS6){
Ypos=window.pageYOffset+window.innerHeight-Ybase-25;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=1; i < dots+1; i++){
 document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
 document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
if (NS4){
Ypos=window.pageYOffset+window.innerHeight-Ybase-20;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=0; i < dots; ++i){
 document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
 document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}

if (IE4){
Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
for (i=0; i < dots; ++i){
 ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
 ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);
 x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);
 y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
 z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
setTimeout('clock()',100);
}
clock();
//-->
</script>
Logged
FreeKans
VIP
*****

İtibarı : 2034
Offline

Mesaj Sayısı: 1,682


FreeKans















« Yanıtla #4 : Ağustos 06, 2007, 09:34:36 ÖS »

sağol eline sağlık  :R
Logged

"j@k@l_lebron"  Turkche Konushma, Türkçe Konuş ! |͇̿C͇̿¤̿ ͇̿|
p_kilicarslan
Master Üye [%28]
*****

İtibarı : 223
Offline

Mesaj Sayısı: 1,376


Alayına İsyan!!! انتفاضة لجميع!!!















« Yanıtla #5 : Ağustos 07, 2007, 05:42:40 ÖS »

Dropdown document viewer menu:

Gerçekten güzel bir menu değişiklikler yaparak kullanabilirsiniz eminim işinize yarar.

<form name="jumpy">
<select name="example" size="1" onChange="gone()">
<!-- CHANGE THE BELOW URLS TO YOUR OWN-->
<option value="http://www.yahoo.com" selected>Yahoo.com</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.lycos.com">Lycos</option>
<option value="http://www.AltaVista.com">AltaVista</option>
</select>

<input type="button" name="test" value="Go!" onClick="gone()">
</form>

<script language="javascript">
<!--
var displaymode=1
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.yahoo.com"></iframe>'


if (displaymode==0)
document.write(iframecode)

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedurl
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}
//-->
</script>

Logged
Sayfa: [1] 2 |   Yukarı git
 

 
Gitmek istediğiniz yer:  

Benzer Konular
Konu Başlığı Başlatan Yorum Okunma Sayısı Son Mesaj
Html Nedir ? , Html Dersleri , Html Kodları , Html Eğitimi Web Dilleri « 1 2 » [ÁĎМĨŃ] 9 3008 Haziran 30, 2008, 08:58:07 ÖS
Gönderen: NehiR-dEniZz
Html Nedir ? , Html Dersleri , Html Kodları , Html Eğitimi - 2 - Web Dilleri [ÁĎМĨŃ] 1 1572 Ağustos 31, 2007, 07:16:41 ÖS
Gönderen: B!L!MC!L
Html Nedir ? , Html Dersleri , Html Kodları , Html Eğitimi !! - 3 - Web Dilleri [ÁĎМĨŃ] 1 1064 Ağustos 31, 2007, 07:20:19 ÖS
Gönderen: B!L!MC!L
Html Nedir ? , Html Dersleri , Html Kodları , Html Eğitimi !! - 4 - [ Güvenlik ] Web Dilleri [ÁĎМĨŃ] 0 793 Temmuz 02, 2007, 11:36:48 ÖÖ
Gönderen: [ÁĎМĨŃ]
Html Nedir ? , Html Dersleri , Html Kodları , Html Eğitimi !! - 5 - Web Dilleri [ÁĎМĨŃ] 0 895 Temmuz 02, 2007, 11:37:47 ÖÖ
Gönderen: [ÁĎМĨŃ]