Endişeye gerek yok, yardım geliyor!
Gelişmiş resimlere hoş geldiniz! Bu sayfada, vikiyi düzenlerken görüntü sözdizimi hakkında daha fazla bilgi açıklanmaktadır. Biçimler, Galeriler ve Bağlantılar hakkında daha fazla bilgi edinmek istiyorsanız, bu kesinlikle bunun için doğru yer! Ayrıca, bir şeyi kaçırdıysanız veya resimlerle ilgili daha fazla bilgi edinmek isterseniz, temel resimlere geri dönebilir veya resim işlemeye geçebilirsiniz.
Biçim
Aşağıdaki tabloda kullanılabilir tüm biçimlerin etkisi gösterilmektedir.
Küçük resim içindeki bir resmin yüksekliği genişliğinden daha büyükse (yani yatay değil dikey yönde) ve çok büyük bulduğunuzda, dikey
seçeneğini deneyebilirsiniz. genişliği yerine yüksekliği azaltarak boyutunu daha istenen bir boyuta ayarlamaya çalışacaktır. Alternatif olarak, istenen maksimum yüksekliği (piksel cinsinden) açıkça belirtmektir.
thumb={dosyaadı} yazarak, küçük resim için farklı bir resim kullanabilirsiniz.
|
Boyut ve çerçeve
Farklı biçimler arasında size parametresinin etkisi aşağıda gösterildiği gibi farklı olabilir.
- Boyutu belirtilmediğinde nasıl göründüğü için yukarıdaki Biçim bölümüne bakın.
- Biçim belirtilmediğinde veya yalnızca
kenarlık
düzenlendiğinde, boyut hem küçültülebilir hem de belirtilen herhangi bir boyuta büyütülebilir. - Aşağıdaki örneklerde, görüntünün orijinal boyutu 400 × 267 pikseldir.
frame
olan bir görüntü her zaman boyut belirtimini yoksayar, kullanıcı tercihlerinde tanımlanan maksimum boyutu aşarsa orijinal görüntü küçültülür.thumb
ile bir görüntünün boyutu küçültülebilir, ancak görüntünün orijinal boyutunun ötesine büyütülemez.
Yatay hizalama
frame veya thumb[nail] biçimlerini kullanırken,varsayılan yatay hizalama right olur.
|
Dikey hizalama
Dikey hizalama seçenekleri, yalnızca görüntü bir satır içi öğe olarak oluşturulursa ve yüzmezse etkili olur. Satırlı görüntünün, aynı satırda bu görüntüden önce ve/veya sonra aynı blokta bulunan metinle dikey olarak hizalanma şeklini değiştirirler.
Satır içi görüntülerin eklendiği oluşturulan metin satırının (ve geçerli satırdan sonra oluşturulan metin satırlarının) aşağı hareket ettirilebileceğine dikkat edin (bu, satır genişliğini ek satır aralıklarıyla koşullu olarak artıracaktır. değişken yazı tipi boyutlarına sahip metinler veya üstyazılar ve abonelikler içeren metinler), resim yüksekliğinin bu hizalama kısıtlamasıyla tam olarak görüntülenmesini sağlar.
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''üst:''' [[Dosya:Hydra intro.png|20px|top]] [[Dosya:Hydra intro.png|40px|top]] [[Dosya:Hydra intro.png|100px|top]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''text-top:''' [[Dosya:Hydra intro.png|20px|text-top]] [[Dosya:Hydra intro.png|40px|text-top]] [[Dosya:Hydra intro.png|100px|text-top]]
<del>text</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
<sup>super:</sup> [[Dosya:Hydra intro.png|20px|super]] [[Dosya:Hydra intro.png|40px|super]] [[Dosya:Hydra intro.png|100px|super]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''baseline:''' [[Dosya:Hydra intro.png|20px|baseline]] [[Dosya:Hydra intro.png|40px|baseline]] [[Dosya:Hydra intro.png|100px|baseline]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
<sub>'''sub:'''</sub> [[Dosya:Hydra intro.png|20px|sub]] [[Dosya:Hydra intro.png|40px|sub]] [[Dosya:Hydra intro.png|100px|sub]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''default:''' [[Dosya:Hydra intro.png|20px]] [[Dosya:Hydra intro.png|40px]] [[Dosya:Hydra intro.png|100px]]
<del>text</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''middle:''' [[Dosya:Hydra intro.png|20px|middle]] [[Dosya:Hydra intro.png|40px|middle]] [[Dosya:Hydra intro.png|100px|middle]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''text-bottom:''' [[Dosya:Hydra intro.png|20px|text-bottom]] [[Dosya:Hydra intro.png|40px|text-bottom]] [[Dosya:Hydra intro.png|100px|text-bottom]]
<del>metin</del></u></span></p>
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>metin</del>
'''bottom:'' [[Dosya:Hydra intro.png|20px|bottom]] [[Dosya:Hydra intro.png|40px|bottom]] [[Dosya:Hydra intro.png|100px|bottom]]
<del>metin</del></u></span></p>
Hizalama sonucunu daha net göstermek için metin açıklıklarının üzerine gelinir ve altı çizilir, yazı tipi boyutu% 200'e çıkarılır ve paragraf bloğu ince bir kenarlıkla çizilir; ayrıca farklı boyutlardaki görüntüler hizalanır:
- Görüntünün "middle" dikey hizalama konumu (aynı zamanda varsayılan değerdir) genellikle metnin x yüksekliği ile satır taban çizgisi arasındaki (görüntünün dikey ortaının hizalanacağı ve genellikle metin aşırı darbeli olabilir), ancak "metin üstü" ve "metin altı" konumları arasındaki boşluğu ifade eden font yüksekliğinin satır yüksekliğinin ortasına değil; yazı tipi yüksekliği şunları içermez:
- ek satır ayırma aralığı normalde yazı tipi yüksekliğinin üstünde ve altında iki satır kenar boşluğuna eşit olarak bölünmüştür (burada satır yüksekliğine göre %200 olarak ayarlanmıştır).
- üst simgeler ve abonelikler tarafından eklenebilecek ek satır aralığı.
- Ancak, görüntü yüksekliği üst veya alt konumunun metnin normal tam satır yüksekliğinin üstüne veya altına gitmesine neden olursa, üst ve / veya alt satır kenar boşluklarının artırılmasından sonra orta konum, görüntünün sığabilmesi için ayarlanır ve düzgün bir şekilde hizalayın ve tüm görüntüler (daha küçük yüksekliklere sahip olanlar dahil) ayarlanan orta konumda dikey olarak ortalanır (etkili satır yüksekliğini hesaplamak için, oluşturulan her satırın daha büyük yazı tipi yüksekliğine sahip metni dikkate alınır).
- "text-top" ve "text-bottom" hizalama konumları, üst metinler ve abonelikler tarafından eklenen ekstra satır aralığını da hariç tutar, ancak satır yüksekliği tarafından tanımlanan ek satır aralığını hariç tutar.
- "top" ve "bottom" hizalama konumları, tüm bu ekstra satır aralıklarını (oluşturulmuş bir satır aralığındaki mevcutsa üst simgeler ve abonelikler dahil) dikkate alır. Görüntü hizalama görüntüyü normal satır aralığının üstünde veya altında büyümeye sınırladığında ve görüntü tam olarak konumlandırılmadığında, görüntü "üst" ve "alt" konumların ayarlanmasına neden olur (tıpkı üst yazılar ve abonelikler gibi), böylece, oluşturulan metin satırları arasındaki etkili satır yüksekliği daha yüksek olacaktır.
- "underline, "overline" ve "overstrike" metin süsleme konumları bu iki sınırın içinde olmalıdır ve kullanılan yazı tiplerinin türüne ve yüksekliğine bağlı olabilir (üst simge ve alt simge stilleri dikkate alınabilir) bazı tarayıcılar, ancak genellikle bu stiller yok sayılır ve bu süslemelerin konumu ayarlanamayabilir); bu nedenle bu süslemeler normalde görüntülerin dikey konumunu metne göre etkilemez.
Metin akışını durdurma
Bazen metnin (veya diğer satır içi kayan olmayan görüntülerin) kayan bir görüntünün etrafında akmasını durdurmak istenir. Web tarayıcısının ekran çözünürlüğüne ve buna bağlı olarak, görüntünün sağ tarafındaki metin akışı görüntünün sağında bir bölüm üstbilgisinin (örneğin, == Başlığım ==) görünmesine neden olabilir, altında beklemek yerine, bir kullanıcının beklediği gibi. Metin akışı, metnin önüne {{temizle|tümü}} (veya isterseniz {{temizle}}) yerleştirilerek durdurulabilir kayan görüntünün altında başlamalıdır. (Bu, bölümü <div style="overflow: hidden">…</div> ile kayan görüntülerle sararak boş bir satır olmadan da yapılabilir; bu, içindeki tüm yüzenları temizler.
Bloklar olarak oluşturulan tüm görüntüler (kayan olmayan ortalanmış görüntüler, sol veya sağ kayan görüntüler ve çerçeveli veya küçük resim kayan görüntüler dahil) çevreleyen metin satırlarını dolaylı olarak keser (görüntüden önce mevcut metin bloğunu sonlandırır ve arkasından metin için yeni bir paragraf oluşturma). Daha sonra sol veya sağ hizalama kenar boşlukları boyunca (veya bu kenar boşlukları arasındaki orta çizgi boyunca ortalı görüntüler için dikey olarak istiflenirler).
Varsayılan bağlantı hedefini değiştirme
Aşağıdaki tabloda, bağlantı hedefinin nasıl değiştirileceği (varsayılan resim açıklama sayfasıdır) veya nasıl kaldırılacağı gösterilmektedir. Bağlantının değiştirilmesi, önceki bölümlerde açıklanan formatı değiştirmez.
CSS tanımlı sınıfları kullanma
Aşağıdaki örnekte "kızdırma" adı verilen önceden tanımlanmış bir sınıf kullanılmaktadır:
Açıklama | Yazdığınız | Aldığınız |
---|---|---|
css sınıfı uygulama | ... metin metin metin [[Dosya:Example image.png|class=glow]] metin metin metin ... | ... metin metin metin metin metin metin ... |
Görüntüye özgü CSS örnekleri
Bu örnek, yukarıda kullanılan "glow" sınıfı için CSS'dir:
img.glow { background: rgba(0,0,0,0); -webkit-filter: drop-shadow(0px 0px 10px #666666); filter: drop-shadow(0px 0px 3.5px #666666) drop-shadow(1px 1px 1px #666666); }
Bu örnek, içeren bir öğenin genişliğine uyacak şekilde bir görüntü ölçeği yapmak için kullanılan CSS'dir (bu durumda, "scalable" sınıfını ekleyin):
img.scalable { max-width: 100%; height:auto; }
Bu, onu içeren öğe görüntünün doğal genişliğinden daha küçükse görüntüyü ölçeklendirir. Kapsayıcı eleman görüntüden büyükse, görüntüyü ölçeklendirmez.
Bir resim galerisi oluşturma
Galeri sözdizimi
<gallery>
etiketi ile küçük resim galerisi oluşturmak kolaydır. Sözdizimi:
<gallery> dosya_adi.ext|altyazı|alt=alternatif dil dosya_adi.ext|altyazı|alt=alternatif dil {...} </gallery>
veya
<gallery> Dosya:dosya_adi.ext|caption|alt=alternatif dil Dosya:dosya_adi.ext|caption|alt=alternatif dil {...} </gallery>
Dosya:
öneki atlanabilir ve kodun galeri etiketlerine eklenirken çift köşeli parantez içine alınmasını gerektirmez.
Altyazılar isteğe bağlıdır ve viki bağlantıları veya başka biçimlendirmeler içerebilir.
For example:
<gallery> Hydra intro.png|Öğe 1 Hydra intro.png|[[İçerikler]] bağlantısı Hydra intro.png Hydra intro.png|alt=Örnek bir görüntü. Çiçekleri var Hydra intro.png| ''italik altyazı'' Hydra intro.png|"{{PAGENAME}}" sayfası </gallery>
şu şekilde biçimlendirilir:
</gallery>
İsteğe bağlı galeri özellikleri
Galeri etiketinin kendisi, özellik adı-değer çiftleri olarak belirtilen birkaç ek parametre alır:
<gallery {parameters}> {images} </gallery>
caption="{caption}"
: (bir kelimeden daha fazlası için çift tırnak işaretleri arasında altyazı metni), galerinin üstünde ortalanmış bir altyazı ayarlar.widths={width}px
: görüntülerin genişliklerini ayarlar, varsayılan 120 piksel. Çoğul genişliğe dikkat edinheights={heights}px
: görüntülerin (maks.) yüksekliklerini ayarlar.perrow={integer}
: satır başına görüntü sayısını ayarlar.showfilename={anything}
: Her resim için ayrı ayrı altyazılardaki resimlerin dosya adlarını göster (1.17+)
Modelar:
mode="traditional"
: MediaWiki tarafından kullanılan orijinal galeri türüdür.mode="nolines"
: geleneksel olana benzer, ancak sınır çizgisi yoktur.mode="packed"
: görüntülerin aynı yüksekliğe, ancak farklı genişliklere ve görüntüler arasında çok az boşluk olmasına neden olur. Bu duyarlı moddaki satırlar ekranın genişliğine göre kendilerini düzenler.mode="packed-overlay"
: yarı saydam beyaz bir kutuda görüntünün üzerine yerleştirilen altyazıyı gösterir.mode="packed-hover"
: paketlenmiş yer paylaşımına benzer, ancak başlık ve kutu yalnızca fareyle üzerine gelindiğinde görünür.mode="slideshow"
: görüntülerin bir slayt gösterisini oluşturur.
Örnek kod:
<gallery widths=60px heights=60px perrow=7 caption="Hydra partiyi seviyor!"> Dosya:Hydra party.png Dosya:Hydra party.png Dosya:Hydra party.png Dosya:Hydra party.png Dosya:Hydra party.png </gallery>
Sonuç:
Bağlantı davranışı
Varsayılan olarak bir görüntü, dosya açıklama sayfasına bağlanır. "link=" seçeneği, bu davranışı başka bir sayfaya veya web sitesine bağlanmak veya görüntünün bağlantı davranışını kapatmak için değiştirir. Alternatif olarak, bir görüntünün açıklama sayfasına veya görüntünün kendisine bir metin bağlantısı oluşturabilirsiniz.
Görüntünün dosya açıklama sayfasına metin bağlantısı
Görüntünün dosya açıklama sayfasına bağlantı oluşturmak için Dosya:
önce bir iki nokta üst üste (:
) kullanın:
[[:Dosya:MediaWiki:İmage sample]] |
[[:Dosya:MediaWiki:İmage sample]]
|
[[:Dosya:MediaWiki:İmage sample|Gamepedia]] |
[[:Dosya:MediaWiki:İmage sample|Gamepedia]]
|
Gerçek resme metin bağlantısı
Gerçek resme metin bağlantısı için sözde ad alanı "Ortam" kullanın:
[[Ortam:MediaWiki:İmage sample]] |
[[Ortam:MediaWiki:İmage sample]]
|
[[Ortam:MediaWiki:İmage sample|Gamepedia]] |
[[Ortam:MediaWiki:İmage sample|Gamepedia]]
|
(Yukarıda, bunun yerine gerçek görüntüye giden bir bağlantı değil, görüntünün dosya açıklamasına bir metin bağlantısı gönderilirse, vikinizin ad alanları bu özelliğe uygun şekilde yapılandırılmamış olabilir?)
Resmi görüntüle, başka bir sayfaya veya web sitesine bağla
Resmi başka bir sayfaya veya web sitesine bağlamak için "link=" seçeneğini kullanın:
Aşağıdaki resme tıklamak sizi MediaWiki'ye götürecektir:
[[Dosya:Wiki.png|50px|link=MediaWiki]]
Aşağıdaki resme tıklamak sizi example.com sitesine götürecektir:
[[Dosya:Wiki.png|50px|link=http://example.com]]
Resmi görüntüle, bağlantıyı kapat
Bağlantıyı tamamen kapatmak için hiçbir değer atanmamış olarak "link=" seçeneğini kullanın; Aşağıdaki resim bir bağlantı değildir:
[[Dosya:Wiki.png|50px|link=]]
Koşullar
Sayfanızdaki görüntüleri kullanmadan önce kullanıcının dosyayı karşıya yükleme olması gerekir. Kullanıcılar ayrıca Hydra Commons gibi bir dosya deposundaki dosyaları kullanabilirler.
Diğer web sitelerindeki dosyalar
Harici bir web sayfasına bağlanmak için kullanılan sözdizimini kullanarak çevrimiçi kullanılabilen harici bir dosyaya bağlanabilirsiniz. Bu sözdizimleri ile görüntü oluşturulmayacak, yalnızca bu görüntüye olan bağlantının metni görüntülenecektir.
[http: //url.for/some/image.png]
Veya farklı bir görüntülenen metinle:
[http://url.for/some/image.png metni buraya bağla]
Görüntülenen bu metinde ek MediaWiki işaretlemesine veya HTML/CSS biçimlendirmesine izin verilir (çevreleyen bağlantıyı kıracak gömülü bağlantılar hariç):
[http://www.example.com/some/image.png örnek '''<del>rich</del>''' ''<ins>bağlantı metni</ins>'' burada.]
oluşturan: örnek rich bağlantı metni burada.
Potansiyel olarak yararlı üçüncü taraf yazılımları
Ayrıca bakınız
Yaşasın! Sayfanın sonuna geldiniz!