• Oku
  • Yeni Ekle

Viki Şablonlar

Diğer vikilerden daha özgür!

Bu sayfa bilgi maddesinden bağımsızdır.

Sayfanın düzenlenmesi sadece Wiki Geliştiricilerine aittir. Lütfen herhangi bir düzeltim yapmayınız.


Rastgelelik Viki'de kullanılabilecek hazır şablonları içermektedir. Bu madde sayfası hazır şablonları içerdiği gibi, katkı alanında yeni şablonların eklenmesine de olanak tanır.

Rastgelelik Viki Hazır Şablonları; Viki maddelerinde kullanılabilecek faydalı şablonlar bu maddede toplanmaktadır. Diğer geliştiriciler de kendi şablonlarını bu maddenin "Katkı" bölümünde paylaşabilirler.

Şablonlar, bir madde oluştururken tasarım ve bilgi taslağının daha hızlı ve verimli oluşturulmasına yardımcı olur.
Dış Kaynaklar

Rastgelelik Viki, kendi özgü Viki Şablon sistemini geliştirmektedir. Bu kapsamda yazar ve Viki geliştiricilerine olabildiğince özgür bir alan sunmayı amaçlar. Madde ve katkı oluşumunda BBCODE, HTML, CSS ve JS destekli düzenleme arayüzü geliştirmiştir. Katkı eklemelerinde bbCode sistemi kullanılırken, Madde oluşum ekranlarında ise bbCode ile beraber HTML, JS ve CSS programlama dillerinde kodlama, komut girdi desteği sağlanmıştır. 
Bu madde sayfası size HTML, CSS, JS, bbCode sistemleriyle hazırlanmış hazır Wiki Şablonlarını sunar. Tüm resmi wiki şablonları bu madde içerisinde sunulur ve katkı alanında diğer geliştiricilerin şablon örnekleri sergilenir. Dilediğiniz şablonu kendi maddenize göre düzenleyebilir, uyarlayabilir ve kullanabilirsiniz. 

Rastgelelik Viki Şablonlarının Özellikleri

HTML, CSS, JS ve bbCode desteklidir. Özelleştirilebilir, geliştirilebilir ve tüm Viki maddelerinde özgürce kullanılabilir. 
Şablonlar daha hızlı ve etkin madde içerikleri oluşturmanıza yardımcı olur. Madde ile ilgili bilgi, sorun bildirimi, ek talep ve düzenleme bilgileri bu şablonlar ile maddelere uygulanır. Bu şablon maddesi, size tüm Rastgelelik Wiki şablonları hakkında bilgi vermesi ve yeni geliştirilen şablonların paylaşılabilmesi maksadıyla hazırlanmıştır. Siz de yeni bir şablon hazırlamak istiyorsanız "Yeni Şablon Hazırlama" maddesine bakabilirsiniz. Şablonların dışında Rastgelelik Wiki sistemine özgü kodlama ve formülleri kullanarak da maddelerinizi geliştirebilirsiniz. 
 

Arama Filtreleme

Zaman Çizelgesi


Ayrıca maddenizin en üst HTML kısmına aşağıdaki kodu da eklemelisiniz.
<link rel="stylesheet" href="http://wb.rastgelelik.com/wiki/wikiformulstyle.css" type="text/css" media="all"/>

Bilgi Kutucuğu

 

İçindekiler Kutucuğu

Eklediğiniz <h2> ve <h3> başlıklarını içindekiler kısmında gösterebilir, doğrudan tıklanarak başlığa gidilmesini sağlayabilirsiniz. Aşağıdaki formülü HTML bölmesinde düzelterek kullanabilirsiniz. #R1 ID kodu ile işlem görülmektedir. Kodu düzenleyip ekledikten sonra <h2> başlıklarınıza da ID tanımlamalısınız. Örnek: 
<h2 id="R4">Başlık 2</h2>
 

Uyarı Bildirisi

× Uyarı! Bu madde zararlı içerik içermektedir.
 

İkon Şablonları

Rastgelelik Viki'ye dışarıdan ikon ekleyebileceğiniz gibi hazır kullanabileceğiniz ikonlar da hazırlanmıştır. 
Bu ikonlarda yalnızca hazır formülü yazıp, listeden size uygun olan isimle değiştirmeniz yeterlidir. Tüm ikon listesini görüntülemek için tıklayın

Normal İkon Kullanımı

<i class="fa fa-address-book" style="font-size:48px;color:red"></i>  
(Kırmızı olan alana listeden beğendiğiniz ikon kodunu yazmanız yeterlidir. Yeşil renkli alanları maddenize göre uyarlayabilirsiniz.)

Buton - Düğmeli Kullanımı

<button style="font-size:24px">Button <i class="fa fa-address-book"></i></button>
(Kırmızı olan alana listeden beğendiğiniz ikon kodunu yazmanız yeterlidir. Yeşil renkli alanları maddenize göre uyarlayabilirsiniz.)
 

Madde değeri: 685

Viki Şablonlar: Katkılar

Toplam Katkı Sayısı: 12
10:12 PM
jungnet
0
Bilgi Kutucuğu Şablon Kodu: (Fare ile üzerine gelince açılan bilgilendirme kutucuğu)
 
Code
<a class="detay" href="#" data-title="Bilgi kutucuğu açıklama-detay alanı...">metin</a>
9:35 AM
jungnet
0
Kod Blugu - Kutucuğu Ekleme:  <textarea cols="80" rows="1"> Kod Alanı </textarea>

Code
<textarea cols="80" rows="1">  Kod Alanı </textarea>
5:54 PM
jungnet
0
Bağlantı Verme İkonu:  <i class="fa fa-external-link" style="font-size:12px;color:blue"></i>

Code
<i class="fa fa-external-link" style="font-size:12px;color:blue"></i>
11:58 AM
jungnet
0
Arama-Filtreleme Liste Şablonu: /List-Sözlük Madde Şablonu
11:46 AM
jungnet
0
Yapay Dil Şablonu: /Yapay Dil Madde Şablonu
Yapay dil maddelerinin oluşturulmasında kullanılabilir hazır yapay dil madde şablonudur.
11:24 AM
jungnet
0
Sağ Konsol Bilgi Ekranı: 

Code
<div class="articleRight">
<div class="articleRightInner">
   <img src="http://www.rastgelelik.com/img/logo-50x50.png" alt="Rastgelelik Wiki" /></div>
Bilgi</div>
Kendinize göre düzenleyebilirsiniz.
1:18 PM
RWiki
0 Spam
Temizlenmesi Gereken Madde: 

Code
<style>
.temizlik { background-color: #ffdddd;  border-left: 6px solid #f44336;  margin-bottom: 15px;  padding: 4px 12px;}
</style>

<div class="temizlik">
    <p><strong><i class="fa fa-trash-o" style="font-size:30px;color:black;padding-right:10px;"></i></strong> Bu maddede fazla sayıda resim, tablo veya diyagram içeriyor ve temizlenmesi gerekmektedir.<br>
<span style="font-size:13px;">Eğer bu maddenin temizlenmesine yardım etmek istiyorsanız ilgili kişilerle iletişime geçebilirsiniz.</span></p>
</div>
1:10 PM
RWiki
0 Spam
Çeviri Düğmesi: Bir kelime veya cümlenin farklı dilde karşılığını göstermek için çeviri düğmesi. 

Code
<p><button onclick="myFunction()">Çevir</button></p>

<div id="myDIV">Hello</div>

<script>
function myFunction() {
   var x = document.getElementById("myDIV");
   if (x.innerHTML === "Hello") {
     x.innerHTML = "Merhaba";
   } else {
     x.innerHTML = "Hello";
   }
}
</script>
1:05 PM
RWiki
0 Spam
Bilgi-Uyarı Kutucukları: 

Code
<style>
.danger { background-color: #ffdddd;  border-left: 6px solid #f44336;  margin-bottom: 15px;  padding: 4px 12px;}
.success {background-color: #ddffdd; border-left: 6px solid #4CAF50; margin-bottom: 15px; padding: 4px 12px;}
.info {background-color: #e7f3fe; border-left: 6px solid #2196F3; margin-bottom:15px;
   padding: 4px 12px;}
.warning {background-color: #ffffcc;border-left: 6px solid #ffeb3b;margin-bottom:15px;padding: 4px 12px;}
</style>

<h2>Notes</h2>
<div class="danger">
   <p><strong>Uyarı!</strong> Metin...</p>
</div>

<div class="success">
   <p><strong>Faydalı!</strong> Metin...</p>
</div>

<div class="info">
   <p><strong>Bilgi!</strong> Metin...</p>
</div>

<div class="warning">
   <p><strong>Uyarı!</strong> Metin...</p>
</div>
10:35 AM
RWiki
1 Spam
Değerlendirme Tablosu:
Code
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style> .heading{font-size:25px;margin-right:25px}.fa{font-size:25px}.checked{color:orange}.side{float:left;width:15%;margin-top:10px}.middle{margin-top:10px;float:left;width:70%}.right{text-align:right}.row:after{content:"";display:table;clear:both}.bar-container{width:100%;background-color:#f1f1f1;text-align:center;color:white}.bar-5{width:60%;height:18px;background-color:#4CAF50}.bar-4{width:30%;height:18px;background-color:#2196F3}.bar-3{width:10%;height:18px;background-color:#00bcd4}.bar-2{width:4%;height:18px;background-color:#ff9800}.bar-1{width:15%;height:18px;background-color:#f44336}@media (max-width:400px){.side,.middle{width:100%}.right{display:none}}</style>
<span class="heading">Değerlendirme Tablosu</span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<p>Örnek: 4.5 puan, 526 kişi tarafından verilmiştir.</p>
<hr style="border:3px solid #f1f1f1">

<div class="row">
   <div class="side">
   <div>5 yıldız</div>
   </div>
   <div class="middle">
   <div class="bar-container">
   <div class="bar-5"></div>
   </div>
   </div>
   <div class="side right">
   <div>150</div>
   </div>
   <div class="side">
   <div>4 yıldız</div>
   </div>
   <div class="middle">
   <div class="bar-container">
   <div class="bar-4"></div>
   </div>
   </div>
   <div class="side right">
   <div>63</div>
   </div>
   <div class="side">
   <div>3 yıldız</div>
   </div>
   <div class="middle">
   <div class="bar-container">
   <div class="bar-3"></div>
   </div>
   </div>
   <div class="side right">
   <div>15</div>
   </div>
   <div class="side">
   <div>2 yıldız</div>
   </div>
   <div class="middle">
   <div class="bar-container">
   <div class="bar-2"></div>
   </div>
   </div>
   <div class="side right">
   <div>6</div>
   </div>
   <div class="side">
   <div>1 yıldız</div>
   </div>
   <div class="middle">
   <div class="bar-container">
   <div class="bar-1"></div>
   </div>
   </div>
   <div class="side right">
   <div>20</div>
   </div>
</div>
10:26 AM
jungnet
0
Katlanır Başlıklar: 

Code
<button type="button" class="collapsible">Başlık 1</button>
<div class="content">
   <p>Paragraf Bölümü</p>
</div>

<p>Açıklama Alanı</p>
<button type="button" class="collapsible">Başlık 2</button>
<div class="content">
   <p>Paragraf - Detay Bölümü.</p>
</div>
​​​​​​​<script type="text/javascript" src="//wb.rastgelelik.com/rtr/7-19"></script>
11:15 PM
RWiki
1 Spam
Bilgi Kutucuğu:
Code
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><meta name="viewport" content="width=device-width, initial-scale=1"><style> .alert{padding:20px;background-color:#2196F3;color:white}.closebtn{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:0.3s}.closebtn:hover{color:black}</style>

<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>  
  <i class="fa fa-exclamation" style="font-size:40px;color:white; padding-right:10px;"></i> <strong>Ek Bilgi</strong> Bilgi mesajı  
</div>
avatar

Son değişiklik: URL düzeltildi.

Tartışma

| Anahtar Kelimeler: şablonlar, güncel şablonlar, hazır şablonlar, wiki şabonları Okunma: 68 | Güncellik: 2020-07-19 | Değer: 5.0/1

Madde Başlığı: Viki Şablonlar
Madde Kimliği: 1592773874
Sayfa Kimlik Kodu: 20
Robotların İndekslemesi: İzin Veriliyor (Varsayılan).
Son değişikliği görüntüleyen kullanıcı sayısı: 68
Rastgelelik Viki Öğe Kimliği: RW203entry
Madde Kategori ve Grupları: ; Viki - Yardım
Madde Şablonu: Madde olmayan sayfa
Madde Dili: Türkçe
Sayfa Dili: Türkçe
Madde Oluşum Tarihi: 2020-06-19
Katkı Sayısı: 12
Tabii Sunucu ve Veri: Rastgelelik Arama Motoru > WB Alt Sistemi / R-uNet alt yapısı.
Sürüm: 1.3-20
Kalıcı Madde Adı: Rastgelelik Viki Hazır Şablonları
Kalıcı Madde Sayfa URL: http://wb.rastgelelik.com/vikisablonlar
Belge URL: Henüz bir belge eklenmemiş.
Diğer Sosyal Ağlarda Paylaşım:
RSS Bağlantısı: http://wb.rastgelelik.com/viki/rss/
Madde Resmi+URL: Görsel materyal eklenmemiş.

"Viki Şablonlar" isimli bu maddeye katkı sağlayarak gelişimini sağlayabilirsiniz.
Rastgelelik Viki » » Viki - Yardım Türkçe |