Gamepedia Yardım Viki
Advertisement

Sayfa stili Özel:Tercihler için bir kılavuz sunar. Bazı vikiler, vikinin görünüme daha iyi uyması için bu özel sayfayı yeniden şekillendirmek isteyebilir.

Tercihler sayfasını şekillendirmeyle ilgili önemli bir not, kullanıcı stil sayfaları tercihler sayfasında geçerli olmadığından, bekleyen değişikliklerin ana vikide de test edilmesi gerekir stil sayfalarını veya daha tercihen tarayıcıyı geliştirici araçları kullanılır.

Seçim kılavuzu[]

Seçim Açıklama Öneriler
.mediawiki #preferences
Tercihler seçenekleri için kapsayıcı.
  • Sayfanın JavaScript'in nasıl etkinleştirildiğini ve devre dışı bırakıldığını düşünmek gerekir. Bu öğedeki bazı stiller JavaScript kapalıyken farklı görünebilir.
.mediawiki #preferences fieldset
Tercihler seçeneklerinin bir "sekme sayfası" için kapsayıcı.
  • JavaScript etkinleştirildiğinde, bir seferde yalnızca bir "sayfa" seçeneği görünür ve bu alan kümesi bunu içerir. JavaScript devre dışı bırakıldığında, tüm "sayfalar" dikey olarak düzenlenmiş olarak bir defada gösterilir.
  • Bunlar ayrıca .mediawiki #content fieldset de stilleri alacaktır.
  • border, margin, ve padding için JavaScript etkin durumdayken !important gereklidir.
  • 0 yatay kenar boşluğu olması önerilir.
.mediawiki #preferences legend
Tercihler seçeneklerinin her bölümü için başlık.
.mediawiki #preferences fieldset fieldset
Sekme sayfasındaki seçeneklerin iç grupları için kapsayıcı.
#preferences td.htmlform-tip
Tercihler seçeneklerinde küçük yardım metni.
  • Varsayılan olarak, bu beyaz zemin üzerinde orta gridir. Görünüm için uygun bir orta renge ayarlanmalıdır.
.client-js .mediawiki #preftoc
"Sekme sayfası" seçenek sayfalarına bağlantı verir.
  • Bu yalnızca JavaScript etkinleştirildiğinde görünür.
  • Bu varsayılan olarak, özellikle koyu görünümlerde geçersiz kılınması gereken bir arka plana sahiptir.
.client-js .mediawiki #preftoc li
Tek bir sekme bağlantısı içeren öğe.
  • Bu, varsayılan olarak, özellikle koyu görünümlerde geçersiz kılınması gereken bir arka plana sahiptir.
.client-js .mediawiki #preftoc li a
Gerçek sekme bağlantısı.
  • Bu bağlantı rengi varsayılan olarak standart maviye ayarlanmıştır.
  • #preftoc li a ve #preftoc li a:visited genellikle en iyi aynı renge ayarlanır.
.client-js .mediawiki #preftoc li.selected
Seçili olan sekme bağlantısını içeren öğe.
  • Bu, varsayılan olarak, özellikle koyu görünümlerde geçersiz kılınması gereken bir arka plana sahiptir.
.client-js .mediawiki #preftoc li.selected a
Seçili olan sekme bağlantısı.
  • Birçok kaplamada rengin ayarlanması gerekebilir, özellikle de koyu kaplamalar.

Örnek CSS[]

Aşağıda, tercihler sayfasının basit bir şekilde yeniden renklendirilmesi için örnek kod verilmiştir. CSS'deki renkleri viki temanıza uyacak şekilde değiştirmek isteyebilirsiniz.

/**** TERCİHLER ****/
/* bazı varsayılan stilleri sıfırla */
.client-js #preferences > fieldset,
.mediawiki #preferences {
	background: transparent;
}

.client-js #preferences fieldset > fieldset {
	padding: 0;
}

.client-js .mediawiki #preferences > fieldset.prefsection {
	border-top: 0;
}

/* ana tercih alanı için kenarlık ve arka plan */
.client-js #preferences {
	border: 1px solid #4f3169;
	margin: 0;
	background: #1c1c1c;
}

/* tercih sekmesi kapsayıcısında arka planı ve kenar boşluğunu sıfırla */
.client-js .mediawiki #preftoc {
	background: transparent;
	margin: 0.25em;
}

/* tercih sekmelerinde boyutlandırma ve estetik stiller */
.client-js .mediawiki #preftoc li {
	border: 1px solid #4f3169;
	background: #1c1c1c;
	border-radius: 2px;
	margin: 0 0.25em;
	height: 1em;
	padding: 0.5em;
	line-height: 1;
}

/* seçilen sekmedeki arka plan */
.client-js .mediawiki #preftoc li.selected {
	background: #7f4fa8;
}

/* tercih sekmelerinde yazı tipi rengi */
.client-js .mediawiki #preftoc li a,
.client-js .mediawiki #preftoc li a:active {
	color: #eee;
	padding: 0;
}

/* seçilen tercih sekmesindeki yazı tipi rengi */
.client-js .mediawiki #preftoc li.selected a {
	background: transparent;
	color: #fff;
}

/* tercih ipuçlarında yazı tipi rengi, gri arka planlarda okunabilirlik için gerekli olabilir */
#preferences td.htmlform-tip {
	color: #fff;
}

/* tercih bölümü başlıklarında yazı tipi rengi */
.mediawiki #preferences legend {
	color: #fff;
}

/* tercih bölümü başlıkları marjı */
.client-js .mediawiki #preferences legend {
	margin-left: 1em;
}

/* tercih alt bölümleri için sınır */
.client-js .mediawiki #preferences > fieldset,
.client-js .mediawiki #preferences fieldset.prefsection fieldset {
	border: 0;
	border-top: 1px solid #4f3169;
	margin-top: 0.25em;
}

/**** js yedekleri yok, renkleri dinlenme ile eşleştir ****/
/* background for main preference sections for no js */
#preferences > fieldset {
	background: #1c1c1c;
}

/* js için kenar boşluğu ve kenarlık */
.mediawiki #preferences fieldset {
	border: 1px solid #4f3169;
}

Sonuç[]

Preferences style example.png

Advertisement