Konular
- 3d Max Uygulamalar 5
- 3d Studio Max 11
- Açık Kaynak İşletim Sistemleri 18
- Adobe Illustrator 7
- Ajax 10
- Akıllı Tahta 1
- Algoritma 8
- Amerikan Emperyalizmi 1
- Android 5
- Apache Web Sunucusu 19
- Arduino 11
- Asp 1
- Asp.net 1
- Autocad Dersleri 1
- Autocad Uygulamaları 16
- Bilgisayar Donanımları 54
- Bilgisayara Giriş 44
- Bilgisayara Giriş Uygulamaları 7
- Bilim 8
- Bilim Insanları 2
- Bilişim Teknolojileri 13
- Blockchain Teknolojileri 13
- Bootstrap 11
- C Dersleri 32
- C Programlama örnekleri 3
- C# Dersleri 10
- C++ Dersleri 12
- Cgı Nedir? 1
- Css 55
- Css Ugulama Örnekleri 26
- Dns 1
- Dreamweaver 175
- Dreamweaver Uygulamaları 18
- E- Ticaret 5
- Eğitici Hikayeler 22
- Elektronik 3
- Elektronik Posta (email) 11
- Firefox 37
- Fireworks 1
- Fireworks Uygulaması 3
- Flash Actionscript 10
- Flash Dersleri 8
- Flash Örnek Uygulamalar 7
- Gerekli Programlar 3
- Google Docs 22
- Google Teknolojileri 11
- Html Dersleri 57
- Hz. Muhammed ( Sav) 1
- Ileri Excel 2
- Infographics 1
- Internet 14
- İngilizce 5
- Java Applet Örnekleri 81
- Java Applet Temelleri 74
- Java Application Örnekleri 10
- Java Netbeans Ide 14
- Java Temel Örnekler 46
- Java Temelleri 153
- Javascript 99
- Javascript Uygulama 20
- Jquery 11
- Jquery Örnekleri 11
- Kişisel Gelişim 8
- Libre Office Dersleri 3
- Linux Bash Script 5
- Linux Işletim Sistemi Os 95
- Linux Server 52
- Linux Web Filter 27
- Milli Eğitim Bakanlığı 7
- Ms Excel Dersleri 8
- Ms Excel Uygulamaları 23
- Ms Word Dersleri 350
- Ms Word Uygulamaları 43
- Mssql Veri Tabanı 3
- Mysql Veri Tabanı 10
- Network 24
- Online Ücretsiz Yazılımlar 1
- Ödev Konuları 3
- Pascal 1
- Photoshop Dersleri 460
- Photoshop Uygulama Örnekleri 1
- Photoshop Uygulamaları 58
- Php Dersleri 88
- Php Uygulamaları 33
- Phpmyadmin 2
- Postgresql Veri Tabanı 62
- Power Point 2
- Programlama Dilleri 1
- Proje Hazırlama 15
- Python 7
- Qbasic 19
- Regular Expressions 1
- Robotik Kodlama 1
- Scratch İle Kodlama Dersleri 84
- Seo 6
- Teknik Servis 9
- Teknoloji 4
- Teknoloji Tasarım Uygulamaları 16
- Ücretsiz Uygulamalar 1
- Veri Tabanı 63
- Web Tasarım 13
- Web Uygulamaları 1
- Windows Os 13
- Windows Server 3
- Xml 5
- Yapay Zeka 1
- Yazılım Dünyası 22
Videolar
- Amerika 1
- Animasyon Örnekleri 1
- Atom Seviyesi 1
- Bakış Açısı 1
- Bilgisayar Donanımları 33
- Bilişim Teknolojileri 27
- Biyoteknoloji 1
- Bootstrap 2
- Dijital Dönüşüm 1
- Doğal Enerji 1
- Eğitim Sistemi 1
- Eğitim Teknolojileri 1
- Elektronik 3
- Excel Dersleri 5
- Geleceğin Araçları 2
- Geri Dönüşüm 1
- Hayvan Sevgisi 1
- Ingilice Dersleri 1
- Insan Yetenekleri 2
- Işletim Sistemi 3
- İslam 3
- Marşlar 3
- Mekanik 1
- Microsoft Visual Studio 3
- Microsoft Word Dersleri 2
- Mssql Server 2
- Müslüman Mucitler 2
- Php Dersleri 1
- Programlama 4
- Psikoloji 2
- Python Dersleri 4
- Robotlar 7
- Savunma Sanatları 1
- Sketchup Nedir? 3
- Şaşırtıcı Bilim 9
- Tarih 1
- Tasarımlar 9
- Teknoloji 8
- Vücud Geliştirme 3
- Windows Sorunları 1
- Yazılım Der 1
- Yazılım Dünyası 2
Sunular
- 2. Sınıf Öğrencileri İçin Sunular 1
- 5. Sınıf Öğrencileri Için Sunular 13
- 8. Sınıf Öğrencileri İçin Sunular 23
- Belirli Gün Ve Haftalar 1
- Bilgisayar Donanımları 5
- Bilgisayar Programlama 2
- Bilgisayar Yazılım 2
- Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
- Biyografiler 2
- Biyoloji 2
- Değerler Eğitimi 4
- Eba Elektronik Bilişim Ağı 5
- Eğitim-Öğretim Sunuları 3
- Felsefe 2
- İslam 3
- Kelime İşlemci 1
- Kişisel Gelişim 4
- Kodlama, Robotic 4
- Ortak Eğitim Proje Sunuları. 2
- Problem Çözme Ve Algoritmalar 3
- Proje Nedir? Nasıl Yapılır? 1
- Rehberlik 16
- Sağlık 3
- Savaşlar 1
- Scratch 1
- Seminerler 3
- Sınav Kaygısı 2
- Sosyal Bilgiler 1
- Sosyal Bilgiler 1
- Tarih 1
- Ulaşım Araçları 1
- Verimli Ders Çalışma 1
- Web Araçları 0
- Windows İşletim Sistemi 1
- Yarışmalar 0
Testler
- 5. Sınıf Matematik Testleri 7
- Açık Kaynak İşletim Sistemleri 4
- Açık Kaynak Office 2
- Ağ Temelleri 3
- Autocad 1
- Bilgisayara Giriş 18
- Bilişim Teknik Resimi 1
- Bilişim Teknolojilerinin Temelleri 10
- Cografya 2
- Css-javascript 4
- Flash 1
- Google Teknolojileri 1
- Görsel Programlama 1
- Html 1
- Illustrator 1
- İşletmede Beceri Eğitimi 1
- Java 5
- Javascript 1
- Libre Office 1
- Mesleki Gelişim 3
- Ms Office Word 11
- Php 2
- Programlama Temelleri 5
- Temel Elektronik 1
- Veri Tabanı 4
- Web Programlama 1
- Web Tasarım 4
Tab Menu Uygulamaları
Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması
<html>
<head>
<title>java</title>
<style type="text/css">
* {cursor:default }
li { display:inline; width:100px; height:50px; background-color:#FF3366; padding:3px; color:#ffffff; font-weight:bold; }
li:hover { display:inline; width:100px; height:50px; background-color:#FF33CC; padding:3px; color:#ffffff; font-weight:bold; }
div.Icerik { width:500px; height:300px; display:none; }
</style>
</head>
<body>
<script type="text/javascript">
<!--
function Goster(Kim){
TumunuYokEt();
document.getElementById(Kim).style.display ="block";
}
function TumunuYokEt(){
Divler=document.getElementsByTagName("div");
for(i=0; i<Divler.length; i++){
if(Divler[i].className=="Icerik")
Divler[i].style.display ="none";
}
}
//-->
</script>
<lu>
<li onclick="Goster('Icerik1')">Kişisel Bilgiler</li>
<li onclick="Goster('Icerik2')">İletişim Bilgileri</li>
<li onclick="Goster('Icerik3')">Fotograf İşlemleri</li>
</lu>
<div style="background-color:#CCFF33; display:block;" class="Icerik" id="Icerik1">
<form>
<table>
<tr><td>Adınız</td><td><input type="text" name="ad" /></td></tr>
<tr><td>Adresiniz</td><td><textarea name="adres" style="width:200px; height:100px;"></textarea></td></tr>
</table>
</form>
</div>
<div style="background-color:#FFCC33" class="Icerik" id="Icerik2">
<form>
<table>
<tr><td>Telefon</td><td><input type="text" name="telefon" /></td></tr>
<tr><td>Email</td><td><input type="text" name="email" /></td></tr>
</table>
</form>
</div>
<div style="background-color:#33CCFF" class="Icerik" id="Icerik3">
<form>
<table>
<tr><td>Resminiz</td><td><input type="file" name="resim" /></td></tr>
</table>
</form>
</div>
</body>
</html>
<head>
<title>java</title>
<style type="text/css">
* {cursor:default }
li { display:inline; width:100px; height:50px; background-color:#FF3366; padding:3px; color:#ffffff; font-weight:bold; }
li:hover { display:inline; width:100px; height:50px; background-color:#FF33CC; padding:3px; color:#ffffff; font-weight:bold; }
div.Icerik { width:500px; height:300px; display:none; }
</style>
</head>
<body>
<script type="text/javascript">
<!--
function Goster(Kim){
TumunuYokEt();
document.getElementById(Kim).style.display ="block";
}
function TumunuYokEt(){
Divler=document.getElementsByTagName("div");
for(i=0; i<Divler.length; i++){
if(Divler[i].className=="Icerik")
Divler[i].style.display ="none";
}
}
//-->
</script>
<lu>
<li onclick="Goster('Icerik1')">Kişisel Bilgiler</li>
<li onclick="Goster('Icerik2')">İletişim Bilgileri</li>
<li onclick="Goster('Icerik3')">Fotograf İşlemleri</li>
</lu>
<div style="background-color:#CCFF33; display:block;" class="Icerik" id="Icerik1">
<form>
<table>
<tr><td>Adınız</td><td><input type="text" name="ad" /></td></tr>
<tr><td>Adresiniz</td><td><textarea name="adres" style="width:200px; height:100px;"></textarea></td></tr>
</table>
</form>
</div>
<div style="background-color:#FFCC33" class="Icerik" id="Icerik2">
<form>
<table>
<tr><td>Telefon</td><td><input type="text" name="telefon" /></td></tr>
<tr><td>Email</td><td><input type="text" name="email" /></td></tr>
</table>
</form>
</div>
<div style="background-color:#33CCFF" class="Icerik" id="Icerik3">
<form>
<table>
<tr><td>Resminiz</td><td><input type="file" name="resim" /></td></tr>
</table>
</form>
</div>
</body>
</html>
Yorumunuzu Ekleyin
