"Gelişmiş resimler" sayfasını değiştirmektesiniz

<div style="text-align: center;">
[[Dosya:C1 images.png|250px|link=]]
[[Dosya:C2 images.png|300px|link=]]
</div>

<div style="text-align: center; width: 100%; font-family: montserrat; font-size: 200%; font-weight: bold; color: #BEFE6B; text-shadow: 1px 1px black;">
Endişeye gerek yok, yardım geliyor!
</div>

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 resimler]]e geri dönebilir veya [[resim işleme]]ye geçebilirsiniz.

== Biçim ==
Aşağıdaki tabloda kullanılabilir tüm biçimlerin etkisi gösterilmektedir.

{| class="wikitable"
|-
! Açıklama !! Yazdığınız !! Aldığınız
|-
| biçim belirtilmedi<br/><small>Kayan blok olarak işlenir: hayır</small><br/><small>Satır içi işlenmiş: evet</small><br/><small>Oluşturulan altyazı: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|caption]] metin metin metin ...
|-
| '''border''' çok küçük bir gri kenarlıkla sonuçlanır<br/><small>Yüzen blok olarak işlendi: hayır</small><br/><small>Satır içi işlenmiş: evet</small><br/><small>Oluşturulan altyazı: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|border|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|border|altyazı]] 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<br/><small>Kayan bir blok olarak oluşturuldu: hayır</small><br/><small>Satır içi işlenmiş: evet</small><br/><small>Oluşturulan altyazı: hayır</small> || <nowiki> ... metin metin metin [[Dosya:Example image.png|frameless|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|frameless|altyazı]] text text text ...
|-
| '''frameless ve border'''<br/><small>Kayan blok olarak işlenir: hayır</small><br/><small>Satır içi işlenmiş: evet</small><br/><small>Oluşturulan altyazı: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|frameless|border|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|frameless|border|altyazı]] metin metin metin ...
|-
| '''frame'''<br/><small>Kayan blok olarak işlenir: evet</small><br/><small>Satır içi işlenmiş: hayır</small><br/><small>Oluşturulan altyazı: evet</small> || <nowiki>... metin metin metin
[[Dosya:Example image.png|frame|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|frame|altyazı]] metin metin metin ...
|-
| '''thumb veya thumbnail'''<br/><small>Kayan blok olarak işlenir: evet</small><br/><small>Satır içi işlenmiş: hayır</small><br/><small>Oluşturulan altyazı: evet</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|thumb|caption]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|thumb|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, <code> dikey </code> 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.

<div style="float: right; clear: right; margin: 0  2em 0 0;">
{{not|<code>thumb{{=}}{dosyaadı}</code> yazarak, küçük resim için farklı bir resim kullanabilirsiniz.}}
</div>

{{-|right}}

== 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|Biçim]] bölümüne bakın.
* Biçim belirtilmediğinde veya yalnızca <code>frame</code> 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.
* <code>frame</code> olan bir resim her zaman '''boyut belirtimini yoksayar''', kullanıcı tercihlerinde tanımlanan maksimum boyutu aşarsa orijinal resim küçültülür.
* <code>thumb</code> ile bir resminin boyutu küçültülebilir, ancak resminin orijinal boyutunun ötesine büyütülemez.



{|class="wikitable"
|-
! Biçim !! İndirimli !! Büyümüş
|-
| '''(belirtilmemiş)''' || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|50px]]</nowiki><br/>[[Dosya:Example image.png|50px]]</div> || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|200px]]</nowiki><br/>[[Dosya:Example image.png|200px]]</div>
|-
| '''border''' || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|border|50px]]</nowiki><br/>[[Dosya:Example image.png|border|50px]]</div> || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|border|200px]]</nowiki><br/>[[Dosya:Example image.png|border|200px]]</div>
|-
| '''frame''' || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|frame|50px]]</nowiki><br/>[[Dosya:Example image.png|frame|50px]]</div> || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|frame|200px]]</nowiki><br/>[[Dosya:Example image.png|frame|200px]]</div>
|-
| '''thumb''' || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|thumb|50px]]</nowiki><br/>[[Dosya:Example image.png|thumb|50px]]</div> || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|thumb|200px]]</nowiki><br/>[[Dosya:Example image.png|thumb|200px]]</div>
|-
| '''frameless''' || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|frameless|50px]]</nowiki><br/>[[Dosya:Example image.png|frameless|50px]]</div> || <div style="text-align: center;"><nowiki>[[Dosya:Example image.png|frameless|200px]]</nowiki><br/>[[Dosya:Example image.png|frameless|200px]]</div>
|}

== Yatay hizalama ==
<div style="float: left; margin: 0  2em 0 0;">
{{not|<code>frame</code> veya <code>thumb[nail]</code> biçimlerini kullanırken,<br/>varsayılan yatay hizalama <code>right</code> olur.}}
</div>
{{-}}

{| class="wikitable"
|-
! Açıklama !! Yazdığınız !! Aldığınız
|-
| '''Varsayılan hizalama'''<br/>yatay hizalama belirtilmedi<br/><small>Kayan blok olarak işlenir: hayır</small><br/><small>Satır içi işlenmiş: evet</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|100px|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|100px|altyazı]] metin metin metin ...
|-
| '''Yatay hizalamayı şu şekilde belirtin: none'''<br/><small>Kayan blok olarak işlenir: hayır</small><br/><small>Satır içi işlenmiş: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|none|100px|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|none|100px|altyazı]] metin metin metin ...
|-
| '''Yatay hizalamayı şu şekilde belirtin: center'''<br/><small>Kayan blok olarak işlenir: hayır</small><br/><small>Satır içi işlenmiş: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|center|100px|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|center|100px|altyazı]] metin metin metin ...
|-
| '''Yatay hizalamayı şu şekilde belirtin: left'''<br/><small>Kayan blok olarak işlenir: evet</small><br/><small>Satır içi işlenmiş: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|left|100px|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|left|100px|altyazı]] metin metin metin ...
|-
| '''Yatay hizalamayı şu şekilde belirtin: right'''<br/><small>Kayan blok olarak işlenir: evet</small><br/><small>Satır içi işlenmiş: hayır</small> || <nowiki>... metin metin metin [[Dosya:Example image.png|right|100px|altyazı]] metin metin metin ...</nowiki> || ... metin metin metin [[Dosya:Example image.png|right|100px|altyazı]] 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.

<div class="mw-collapsible mw-collapsed"><div class="mw-collapsible-toggle toccolours" style="float:none;text-align:center">'''Kaynak kodu görünümünü değiştirmesi'''</div>
<div class="mw-collapsible-content">
<source lang="html4strict" enclose="div">
<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>
</source></div></div>

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:

<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>
'''top:''' [[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>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>
<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>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>
'''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>


[[Dosya:Prof_hydra.svg|100px|left]]
<div style="color:#BEFE6B; text-shadow:1px 1px black;">'''NOTLAR:'''
</div>
# 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ığı.
# 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).
# "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. 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.
# "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, <nowiki>== Başlığım ==</nowiki>) görünmesine neden olabilir, altında beklemek yerine, bir kullanıcının beklediği gibi. Metin akışı, metnin önüne '''<nowiki>{{temizle|tümü}}</nowiki>''' (veya isterseniz <nowiki>{{temizle}}</nowiki>) yerleştirilerek durdurulabilir kayan resimin altında başlamalıdır. (Bu, bölümü <nowiki><div style="overflow: hidden">…</div></nowiki> 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.

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



{{uyarı|♦ 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.<br/><br/>
♦ 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ı.<br/><br/>
♦ 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.
}}
{{temizle}}
== 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:

{| class="wikitable"
|-
! Açıklama !! Yazdığınız !! Aldığınız
|-
| '''css sınıfı uygulama'''
| <nowiki> ... metin metin metin [[Dosya:Example image.png|class=glow]] metin metin metin ... </nowiki> 
| ... metin metin metin [[Dosya:Example image.png|class=glow]] metin metin metin ...
|}

=== Resime özgü CSS örnekleri ===
Bu örnek, yukarıda kullanılan "glow" sınıfı için CSS'dir:
<pre style="overflow-x: auto;">
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);
}
</pre>
----
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):
<pre style="overflow-x: auto;">
img.scalable {
    max-width: 100%;
    height:auto;
}
</pre>
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 ===
<code><nowiki><gallery></nowiki></code> etiketi ile küçük resim galerisi oluşturmak kolaydır. Sözdizimi:
<pre>
<nowiki><gallery></nowiki>
dosya_adi.ext|altyazı|alt=alternatif dil
dosya_adi.ext|altyazı|alt=alternatif dil
{...}
</gallery>
</pre>

veya

<pre>
<nowiki><gallery></nowiki>
Dosya:dosya_adi.ext|caption|alt=alternatif dil
Dosya:dosya_adi.ext|caption|alt=alternatif dil
{...}
</gallery>
</pre>

<code>Dosya:</code> ö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:
<pre>
<nowiki><gallery></nowiki>
Hydra intro.png|Öğe 1
Hydra intro.png|<nowiki>[[İçerikler]]</nowiki> bağlantısı
Hydra intro.png
Hydra intro.png|alt=Örnek bir resim. Çiçekleri var
Hydra intro.png| <nowiki>''italik altyazı''</nowiki>
Hydra intro.png|"<nowiki>{{PAGENAME}}</nowiki>" sayfası
</gallery>
</pre>
şu şekilde biçimlendirilir:
<gallery>
Hydra intro.png|Öğe 1
Hydra intro.png|<nowiki>[[İçerikler]]</nowiki> bağlantısı
Hydra intro.png
Hydra intro.png|alt=Örnek bir resim. Çiçekleri var
Hydra intro.png| <nowiki>''italik altyazı''</nowiki>
Hydra intro.png|"<nowiki>{{PAGENAME}}</nowiki>" sayfası
</gallery>

=== İsteğe bağlı galeri özellikleri ===
Galeri etiketinin kendisi, özellik adı-değer çiftleri olarak belirtilen birkaç ek parametre alır:

<pre><gallery {parameters}>
{images}
</gallery></pre>

* <code>caption="{caption}"</code>: (bir kelimeden daha fazlası için çift tırnak işaretleri arasında altyazı metni), galerinin üstünde ortalanmış bir altyazı ayarlar.
* <code>widths={width}px</code>: resimlerin genişliklerini ayarlar, varsayılan 120 piksel. ''Çoğul genişliğe dikkat edin''
* <code>heights={heights}px</code>: resimlerin (maks.) yüksekliklerini ayarlar.
* <code>perrow={integer}</code>: satır başına resim sayısını ayarlar.
* <code>showfilename={anything}</code>: Her resim için ayrı ayrı altyazılardaki resimlerin dosya adlarını göster (1.17+)

'''Modelar:'''
* <code>mode="traditional"</code>: MediaWiki tarafından kullanılan orijinal galeri türüdür.
* <code>mode="nolines"</code>: geleneksel olana benzer, ancak sınır çizgisi yoktur.
* <code>mode="packed"</code>: 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.
* <code>mode="packed-overlay"</code>: yarı saydam beyaz bir kutuda resimin üzerine yerleştirilen altyazıyı gösterir.
* <code>mode="packed-hover"</code>: paketlenmiş yer paylaşımına benzer, ancak başlık ve kutu yalnızca fareyle üzerine gelindiğinde görünür.
* <code>mode="slideshow"</code>: resimlerin bir slayt gösterisini oluşturur.


Örnek kod:
<pre>
<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>
</pre>

Sonuç:
<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.pn
</gallery>

== 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 <code>{{ns:image}}:</code> önce bir '''iki nokta üst üste''' (<code>:</code>) kullanın:

{| cellpadding=10px 
|
[[:{{ns:image}}:Example.jpg]]
|
 <nowiki>[[</nowiki>:{{ns:image}}:Example.jpg]]
|-
|
[[:{{ns:image}}:Example.jpg|Gamepedia]]
|
 <nowiki>[[</nowiki>:{{ns:image}}:Example.jpg&#124;Gamepedia]]
|}

=== Gerçek resme metin bağlantısı ===
Gerçek resme metin bağlantısı için '''sözde ad alanı''' "{{ns:media}}" kullanın:

{| cellpadding=10px
|
[[{{ns:media}}:Example.jpg]]
|
 <nowiki>[[</nowiki>{{ns:media}}:Example.jpg]]
|-
|
[[{{ns:media}}:Example.jpg|Gamepedia]]
|
 <nowiki>[[</nowiki>{{ns:media}}:Example.jpg&#124;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:

 <nowiki>[[</nowiki>Dosya:Wiki.png|50px|link=MediaWiki]]

[[Dosya:Wiki.png|50px|link=MediaWiki]]

Aşağıdaki resme tıklamak sizi ''example.com'' sitesine götürecektir:

 <nowiki>[[</nowiki>Dosya:Wiki.png|50px|link=http://example.com]]

[[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:

 <nowiki>[[</nowiki>Dosya:Wiki.png|50px|link=]]

[[Dosya:Wiki.png|50px|link=]]

== Koşullar ==
Sayfanızdaki resimleri kullanmadan önce kullanıcının [[Dosyaları yönetme|dosyayı karşıya yükleme]] olması gerekir. Kullanıcılar ayrıca [[hydcommons:|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.
<pre>[http: //url.for/some/image.png]</pre>

Veya farklı bir görüntülenen metinle:
<pre>[http://url.for/some/image.png metni buraya bağla]</pre>

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ç):
<pre>[http://www.example.com/some/image.png örnek '''<del>rich</del>''' ''<ins>bağlantı metni</ins>'' burada.]</pre>
oluşturan: [http://www.example.com/some/image.png örnek '''<del>rich</del>''' ''<ins>bağlantı metni</ins>'' burada.]

== Potansiyel olarak yararlı üçüncü taraf yazılımları ==
* [[Harici araçlar]]

== Ayrıca bakınız ==
* [[Resim işleme]]

[[Dosya:Hydra party.png|300px|center|link=]]

<div style="text-align: center; width:100%; font-family:montserrat; font-size: 200%; font-weight: bold; color: #BEFE6B; text-shadow:1px 1px black;">
Yaşasın! Sayfanın sonuna geldiniz!
</div>

[[Kategori:Gelişmiş düzenleme]]

[[en:Advanced images]]