Desk Araçlar

Rastgelelik Desk Araçları

Desk alanında kullanabileceğiniz bir takım kod ve araçlar listelenmiştir.


CSS Div Scroller

Kod:

<style type="text/css">div.scroll {width: 100%; height: 300px; overflow: scroll;}
</style>
<div class="scroll"> Metin </div>

**Önizleme**:

Google Trend Aramalar

<iframe height="250" scrolling="no" src="https://trends.google.com.tr/trends/hottrends/widget?pn=p24&amp;tn=25&amp;h=250" style="border:none;" width="350"></iframe>

- Önizleme

Rastgele Araçlar

Rastgele Yazı Gösterimi

<script language="JavaScript">

function random_content(){
var mycontent=new Array()
mycontent[1]='Rastgele yazı 1'
mycontent[2]='Rastgele yazı 2'
mycontent[3]='Rastgele yazı 3'
mycontent[4]='Rastgele yazı 4'
mycontent[5]='Rastgele yazı 5'
mycontent[6]='Rastgele yazı 6'

var ry=Math.floor(Math.random()*mycontent.length)
if (ry==0)
ry=1
document.write(mycontent[ry])
}
random_content()
//-->
</script>

Önizleme: (Sayfayı yeniledikçe yazı değişir ve rastgele gösterilir.)

Rastgele Sözler

<center><iframe frameborder="0" id="iccerceve" scrolling="no" src="http://www.engindeniz.net/v3.0/engin/rastgele.html"></iframe></center>

Önizleme

Rastgele Türkçesi Varken

<iframe frameborder="0" height="400px" scrolling="no" src="https://www.cokbilgi.com/sayfa/turkce-karsilik.php" width="100%"></iframe>

Önizleme

Rastgele Türkçe Karşılık

<table bgcolor="#EFEFEF" bordercolor="#C0C0C0" style="font-family:&quot;Times New Roman&quot;; letter-spacing:normal; orphans:2; text-transform:none; widows:2; word-spacing:0px; -webkit-text-stroke-width:0px; text-decoration-style:initial; text-decoration-color:initial; border-collapse:collapse; border:undefined" width="100%">
    <tbody>
        <tr>
            <td>
            <center><br />
            <font face="Comic Sans MS"><font color="#0099CC"><span style="font-size:14pt"><b>Ağeli/Ağ sayfası&nbsp;</b>: Website (İng.)</span></font></font><br />
            &nbsp;</center>
            </td>
        </tr>
    </tbody>
</table>
&nbsp;
 
<center style="color:#000000; font-family:&quot;Times New Roman&quot;; font-size:medium; font-style:normal; font-variant-ligatures:normal; font-variant-caps:normal; font-weight:400; letter-spacing:normal; orphans:2; text-transform:none; white-space:normal; widows:2; word-spacing:0px; -webkit-text-stroke-width:0px; text-decoration-style:initial; text-decoration-color:initial">
<table bordercolor="#C0C0C0" style="border-collapse:collapse; border:undefined" width="387">
    <tbody>
        <tr>
            <td align="center" width="248">
            <p align="center"><a href="http://www.cokbilgi.com/sayfa/turkce-karsilik.php" style="text-decoration:none"><font color="#FF0066"><font face="Comic Sans MS"><font style="font-size: 9pt; font-weight: 700;"><img src="http://resim.cokbilgi.com/yenile.jpg" style="width:13px; height:13px" />&nbsp;Başka bir Türkçe karşılık göster!</font></font></font></a></p>
            </td>
            <td align="center" width="137"><font face="Comic Sans MS"><a href="javascript:window.close();" style="text-decoration:none; font-weight:700"><span style="font-size:9pt"><img src="http://resim.cokbilgi.com/kapat.gif" style="width:13px; height:13px" /></span><font color="#FF9933"><span style="font-size:9pt">&nbsp;Pencereyi Kapat</span></font></a></font></td>
        </tr>
    </tbody>
</table>
</center>

Önizleme

Rastgele Atasözü Bulma

<iframe frameborder="0" height="350px" scrolling="no" src="http://www.atasozleri.gen.tr/oyun/index.html" width="100%"></iframe>

Önizleme

Diğer Araçlar

Dünyada Zaman

<script type="text/javascript" src="//100widgets.com/js_data.php?id=76"></script>

Önizleme

Sudoko

<script type="text/javascript" src="//100widgets.com/js_data.php?id=162"></script>

Önizleme

İnternet Hız Testi

<script type="text/javascript" src="//100widgets.com/js_data.php?id=200"></script>

Önizleme

Astroloji Saati

<script type="text/javascript" src="//100widgets.com/js_data.php?id=203"></script>

Önizleme

Piyano Çalma

<script type="text/javascript" src="//100widgets.com/js_data.php?id=228"></script>

Önizleme

Geri Sayım Başlatma

<script type="text/javascript" src="//100widgets.com/js_data.php?id=264"></script>

Önizleme

Hesap Makinesi

<script type="text/javascript" src="//100widgets.com/js_data.php?id=276"></script>

Önizleme

Müzik Çaldırma

<iframe frameborder="0" height="450px" scrolling="no" src="https://www.audiotool.com/tonematrix/0.0.0.0.400.470.44g.4g.88g.880.a80.b8g.9o0.c00.0.0" width="100%"></iframe>

Önizleme

Vizyondakiler

<script language="javascript" src="http://ic.sitekodlari.com/sinemadakifilmler1.js"></script>

Önizleme

Konumlu Iframe

<style type="text/css">
#discerceve{
height: 840px;
overflow: hidden;
position: relative;
width: 588px;
}
#iccerceve{
height: 1050px;
left: -95px;
position: absolute;
top: -120px; 
width: 700px;
}</style>
 <div id="discerceve">
<iframe src="http://rastgelelik.com" id="iccerceve" scrolling="yes" frameborder="0" ></iframe>
</div>

Önizleme

List Ekleme

Önizleme

<datalist id="sehirler">
  <option value="Ankara">Ank.</option>
  <option value="İstanbul">İst.</option>
  <option value="Antalya">Ant.</option>
  <option value="Kocaeli">Koc.</option>
</datalist>
<input list="sehirler" />

Arama Özellikli List - Table

Önizleme:

KOD:

<meta charset="utf-8">
<title></title>
<div class="container">
<div class="col-md-8">&nbsp;
<table class="table table-responsive" id="myTable">
    <thead>
        <tr>
            <th>Adı</th>
            <th>Soyad</th>
            <th>Doğum Yeri</th>
            <th>Adresi</th>
            <th>Numarası</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Acer</td>
            <td>Erişmiş</td>
            <td>Şanlıurfa</td>
            <td>adipiscing dolor iaculis vitae Fusce</td>
            <td>2400</td>
        </tr>
 
        <tr>
            <td>Hud</td>
            <td>Meriç</td>
            <td>Samsun</td>
            <td>ut Phasellus leo</td>
            <td>9642</td>
        </tr>
        <tr>
            <td>Kafiye</td>
            <td>Levent</td>
            <td>Iğdır</td>
            <td>dictum Pellentesque sed aliquet</td>
            <td>2237</td>
        </tr>
 
        <tr>
            <td>Mecdi</td>
            <td>Samanlıoğlu</td>
            <td>Yozgat</td>
            <td>Ut dui commodo nec sit</td>
            <td>6550</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<link href="http://rastgelelik.com/dos/0-0-0-110-20" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/jq-2.2.4/jszip-3.1.3/pdfmake-0.1.27/dt-1.10.15/b-1.3.1/b-html5-1.3.1/b-print-1.3.1/r-2.1.1/rg-1.0.0/datatables.min.js"></script><script>
 $('#myTable').DataTable({
 language: {
 info: "_TOTAL_ kayıttan _START_ - _END_ kayıt gösteriliyor.",
 infoEmpty: "Gösterilecek hiç kayıt yok.",
 loadingRecords: "Kayıtlar yükleniyor.",
 zeroRecords: "Tablo boş",
 search: "Arama:",
 infoFiltered: "(toplam _MAX_ kayıttan filtrelenenler)",
 buttons: {
 copyTitle: "Panoya kopyalandı.",
 copySuccess:"Panoya %d satır kopyalandı",
 copy: "Kopyala",
 print: "Yazdır",
 },
 
 paginate: {
 first: "İlk",
 previous: "Önceki",
 next: "Sonraki",
 last: "Son"
 },
 },
 dom: 'Bfrtip',
 buttons: [
 'copy', 'excel', 'pdf', 'print'
 ],
 responsive: true
 });
</script>

Type Writer

Örnek:

<button onclick="typeWriter()">Okumaya Başla</button>
 
<p id="oyku"></p>
 
<script>
var i = 0;
var txt = 'wwwwwwwwwww   www  ';
var speed = 50;
 
function typeWriter() {
  if (i < txt.length) {
    document.getElementById("oyku").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}
</script>

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License