Gelişmiş resimler

Endişeye gerek yok, yardım geliyor!

Gelişmiş resimlere hoş geldiniz! Bu sayfada, vikiyi düzenlerken resim 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.

Açıklama	Yazdığınız	Aldığınız
biçim belirtilmedi Kayan blok olarak işlenir: hayır Satır içi işlenmiş: evet Oluşturulan altyazı: hayır	... metin metin metin [[Dosya:Example image.png|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
border çok küçük bir gri kenarlıkla sonuçlanır Yüzen blok olarak işlendi: hayır Satır içi işlenmiş: evet Oluşturulan altyazı: hayır	... metin metin metin [[Dosya:Example image.png|border|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
frameless, küçük resim gibi, resim genişliği için kullanıcı tercihlerine saygı gösterin, ancak kenarlık olmadan ve sağa kayan nokta olmadan Kayan bir blok olarak oluşturuldu: hayır Satır içi işlenmiş: evet Oluşturulan altyazı: hayır	... metin metin metin [[Dosya:Example image.png|frameless|altyazı]] metin metin metin ...	... metin metin metin text text text ...
frameless ve border Kayan blok olarak işlenir: hayır Satır içi işlenmiş: evet Oluşturulan altyazı: hayır	... metin metin metin [[Dosya:Example image.png|frameless|border|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
frame Kayan blok olarak işlenir: evet Satır içi işlenmiş: hayır Oluşturulan altyazı: evet	... metin metin metin [[Dosya:Example image.png|frame|altyazı]] metin metin metin ...	... metin metin metin altyazı metin metin metin ...
thumb veya thumbnail Kayan blok olarak işlenir: evet Satır içi işlenmiş: hayır Oluşturulan altyazı: evet	... metin metin metin [[Dosya:Example image.png|thumb|caption]] metin metin metin ...	... metin metin metin caption metin metin metin ...

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.

NOT:

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 frame düzenlendiğinde, boyut hem küçültülebilir hem de belirtilen herhangi bir boyuta büyütülebilir.
• Aşağıdaki örneklerde, resminin orijinal boyutu 400 × 267 pikseldir.
• frame olan bir resim her zaman boyut belirtimini yoksayar, kullanıcı tercihlerinde tanımlanan maksimum boyutu aşarsa orijinal resim küçültülür.
• thumb ile bir resminin boyutu küçültülebilir, ancak resminin orijinal boyutunun ötesine büyütülemez.

Biçim	İndirimli	Büyümüş
(belirtilmemiş)	[[Dosya:Example image.png|50px]]	[[Dosya:Example image.png|200px]]
border	[[Dosya:Example image.png|border|50px]]	[[Dosya:Example image.png|border|200px]]
frame	[[Dosya:Example image.png|frame|50px]]	[[Dosya:Example image.png|frame|200px]]
thumb	[[Dosya:Example image.png|thumb|50px]]	[[Dosya:Example image.png|thumb|200px]]
frameless	[[Dosya:Example image.png|frameless|50px]]	[[Dosya:Example image.png|frameless|200px]]

Yatay hizalama

NOT:

frame veya thumb[nail] biçimlerini kullanırken, varsayılan yatay hizalama right olur.

Açıklama	Yazdığınız	Aldığınız
Varsayılan hizalama yatay hizalama belirtilmedi Kayan blok olarak işlenir: hayır Satır içi işlenmiş: evet	... metin metin metin [[Dosya:Example image.png|100px|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
Yatay hizalamayı şu şekilde belirtin: none Kayan blok olarak işlenir: hayır Satır içi işlenmiş: hayır	... metin metin metin [[Dosya:Example image.png|none|100px|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
Yatay hizalamayı şu şekilde belirtin: center Kayan blok olarak işlenir: hayır Satır içi işlenmiş: hayır	... metin metin metin [[Dosya:Example image.png|center|100px|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
Yatay hizalamayı şu şekilde belirtin: left Kayan blok olarak işlenir: evet Satır içi işlenmiş: hayır	... metin metin metin [[Dosya:Example image.png|left|100px|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
Yatay hizalamayı şu şekilde belirtin: right Kayan blok olarak işlenir: evet Satır içi işlenmiş: hayır	... metin metin metin [[Dosya:Example image.png|right|100px|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...

Dikey hizalama

Dikey hizalama seçenekleri, yalnızca resimi bir satır içi öğe olarak oluşturulursa ve yüzmezse etkili olur. Satırlı resminin, aynı satırda bu resimden önce ve/veya sonra aynı blokta bulunan metinle dikey olarak hizalanma şeklini değiştirirler.

Satır içi resimlerin 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.

Kaynak kodu görünümünü değiştirmesi

<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 resimler hizalanır:

metin top: metin

metin text-top: metin

metin ^super: metin

metin baseline: metin

metin _sub: metin

metin default: metin

metin middle: metin

metin text-bottom: metin

metin bottom: metin

NOTLAR:

1. Resimin "middle" dikey hizalama konumu (aynı zamanda varsayılan değerdir) genellikle metnin x yüksekliği ile satır taban çizgisi arasındaki (resimin 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ığı.
2. Ancak, resim 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, resimin sığabilmesi için ayarlanır ve düzgün bir şekilde hizalayın ve tüm resimler (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).
3. "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.
4. "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. Resim hizalama resimi normal satır aralığının üstünde veya altında büyümeye sınırladığında ve resim tam olarak konumlandırılmadığında, resim "ü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.
5. "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 resimlerin dikey konumunu metne göre etkilemez.

Metin akışını durdurma

Bazen metnin (veya diğer satır içi kayan olmayan resimlerin) kayan bir resimin etrafında akmasını durdurmak istenir. Web tarayıcısının ekran çözünürlüğüne ve buna bağlı olarak, resimin sağ tarafındaki metin akışı resimin 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 resimin altında başlamalıdır. (Bu, bölümü <div style="overflow: hidden">…</div> ile kayan resimlerle sararak boş bir satır olmadan da yapılabilir; bu, içindeki tüm yüzenları temizler.

Bloklar olarak oluşturulan tüm resimler (kayan olmayan ortalanmış resimler , sol veya sağ kayan resimler ve çerçeveli veya küçük resim kayan resimler dahil) çevreleyen metin satırlarını dolaylı olarak keser (resimden ö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ı resimler 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.

Açıklama	Yazdığınız	Aldığınız
iç bağlantı	... metin metin metin [[Dosya:Example image.png|link=Anasayfa|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
dış bağlantı	... metin metin metin [[Dosya:Example image.png|link=https://help-tr.gamepedia.com/Gamepedia_Yardım_Wiki|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...
bağlantı yok (dış veya dosya sayfası)	... metin metin metin [[Dosya:Example image.png|link=|altyazı]] metin metin metin ...	... metin metin metin metin metin metin ...

UYARI:

♦ Vikinizdeki lisanslama gereksinimleri, gerekli yazar atıflarını, telif hakkı bildirimlerini, geçerli lisanslama koşullarını veya oluşturulan görüntünün daha ayrıntılı bir açıklamasını (değişiklik geçmişi dahil) gösteren açıklama sayfasındaki tüm bağlantıları kaldırmanıza izin vermeyebilir. ♦ Bir resimin hedef bağlantısını değiştirir veya kaldırırsanız, sayfanızda başka bir yere bu açıklama sayfasına açık bir bağlantı vermeniz veya varsa telif hakkı ve yazar ifadesini ve uygulanabilir lisansın bağlantısını görüntülemeniz gerekir. Gömme sayfasının kendisi için geçerli öğelerden farklı. ♦ Viki politikanız alternatif link parametresinin kullanımını kısıtlayabilir veya hatta gömülü medya dosyaları için alternatif link parametrelerinin yasaklanmasını zorunlu kılabilir (bu durumda link parametresi yok sayılır) veya yalnızca yetkili kullanıcılar tarafından onaylandıktan sonra kabul edebilir veya yöneticiler.

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 ...

Resime ö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 resim ö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 resimin doğal genişliğinden daha küçükse resimi ölçeklendirir. Kapsayıcı öğe resimden büyükse, resimi ö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.

Örneğin:

<gallery>
Hydra intro.png|Öğe 1
Hydra intro.png|[[İçerikler]] bağlantısı
Hydra intro.png
Hydra intro.png|alt=Örnek bir resim. Çiçekleri var
Hydra intro.png| ''italik altyazı''
Hydra intro.png|"{{PAGENAME}}" sayfası
</gallery>

şu şekilde biçimlendirilir:

• 

  Öğe 1

• 

  [[İçerikler]] bağlantısı

• 
• 
• 

  ''italik altyazı''

• 

  "{{PAGENAME}}" sayfası

İ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: resimlerin genişliklerini ayarlar, varsayılan 120 piksel. Çoğul genişliğe dikkat edin
• heights={heights}px: resimlerin (maks.) yüksekliklerini ayarlar.
• perrow={integer}: satır başına resim 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": resimlerin aynı yüksekliğe, ancak farklı genişliklere ve resimler 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 resimin ü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": resimlerin 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ç:

• Hydra partiyi seviyor!
• 
• 
• 
• 
• 

Bağlantı davranışı

Varsayılan olarak bir resim, dosya açıklama sayfasına bağlanır. "link=" seçeneği, bu davranışı başka bir sayfaya veya web sitesine bağlanmak veya resimin bağlantı davranışını kapatmak için değiştirir. Alternatif olarak, bir resimin açıklama sayfasına veya resimin kendisine bir metin bağlantısı oluşturabilirsiniz.

Resimin dosya açıklama sayfasına metin bağlantısı

Resimin dosya açıklama sayfasına bağlantı oluşturmak için Dosya: önce bir iki nokta üst üste (:) kullanın:

Dosya:Example.jpg	[[:Dosya:Example.jpg]]
Gamepedia	[[:Dosya:Example.jpg|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:Example.jpg	[[Ortam:Example.jpg]]
Gamepedia	[[Ortam:Example.jpg|Gamepedia]]

(Yukarıda, bunun yerine gerçek resime giden bir bağlantı değil, resimin 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 resimleri 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 resim oluşturulmayacak, yalnızca bu resime 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ı

• Harici araçlar

Ayrıca bakınız

• Resim işleme

Yaşasın! Sayfanın sonuna geldiniz!