Wikipedia:Tutorial imej: Perbezaan antara semakan

Kandungan dihapus Kandungan ditambah
PM Poon (bincang | sumb.)
PM Poon (bincang | sumb.)
Tiada ringkasan suntingan
Baris 45:
 
 
'''<nowiki>[[Imej:Wikipedesketch1.png|frame|right|Ini adalah kapsyen yang membosankan.]]</nowiki>'''
 
[[Imej:Wikipedesketch1.png|frame|right|HereIni isadalah akapsyen boringyang captionmembosankan]]
<span style="color:#996633">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
 
Baris 83:
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla risus massa, luctus sed, sagittis ac, dapibus eu, pede. Suspendisse convallis ligula ac lorem. Quisque luctus. Mauris ut purus a libero semper sollicitudin. Integer dapibus, velit sit amet rhoncus aliquam, pede ligula cursus ante, nec elementum erat dui et mauris. Nulla quam dolor, nonummy vel, varius fermentum, suscipit ut, sapien. Pellentesque suscipit felis ac nibh. Nunc luctus hendrerit eros. Phasellus lacus. Donec non leo in sem consequat pulvinar. Curabitur ut magna vitae lectus tristique ultrices. Phasellus venenatis neque vulputate leo. Mauris quis eros.</span>
[[Imej:Wikipedesketch1.png|frame|ThisGambar pictureini wasmerupakan penyertaan Stevertigo's entrydalam inpertandingan themaskot Wikipedia mascot contest]]
<span style="color:#996633">*Vestibulum nonummy. Nulla facilisis sapien dignissim risus. Quisque arcu urna, aliquam ac, facilisis ac, egestas non, est. Quisque neque. Donec et mi. Phasellus consequat. Integer pellentesque consectetuer lectus. Etiam malesuada eros id nibh. Fusce in tellus vitae mi auctor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae metus.</span>
 
Baris 90:
<span style="color:#996633">Donec tempor nulla in turpis. Nam rutrum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel turpis vel risus fermentum posuere. In porta augue quis dui. Integer risus justo, venenatis ut, dapibus in, tempor sed, risus. In tincidunt rhoncus urna. Mauris placerat, tortor et malesuada congue, velit urna elementum urna, vel ornare est tellus vel nunc. Ut et risus. Integer in lorem. Ut in lectus ac arcu pretium rutrum. Phasellus imperdiet pede ut arcu. Sed ac massa. Donec id leo. Etiam ante odio, nonummy ac, elementum sit amet, suscipit eget, dolor. Nam id felis in quam ullamcorper sodales.</span>
<br style="clear:both;">
 
 
==Lakaran kenit==
Baris 104 ⟶ 105:
<span style="color:#996633">Vestibulum nonummy. Nulla facilisis sapien dignissim risus. Quisque arcu urna, aliquam ac, facilisis ac, egestas non, est. Quisque neque. Donec et mi. Phasellus consequat. Integer pellentesque consectetuer lectus. Etiam malesuada eros id nibh. Fusce in tellus vitae mi auctor tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae metus.</span>
<br style="clear:both;">
 
 
==Mengubahkan saiz==
Baris 118 ⟶ 120:
 
'''<nowiki>[[Imej:Wikipedesketch1.png|100px|Maskot Wikipedia yang dicadangkan]]</nowiki>'''
[[Imej:Wikipedesketch1.png|100px|Maskot WikipdiaWikipedia yang dicadangkan]]
 
 
Baris 132 ⟶ 134:
 
Perhatikan juga bahawa mutu gambar jelas lebih buruk. Ini disebabkan kerana kita menentukan lebar sebanyak 500 piksel, iaitu lebih lebar daripada gambar yang asal. Oleh sebab itu, perisian harus membesarkannya. Jangan memperbesar gambar dengan cara ini dalam rencana.
 
 
==Menggabungkan pelbagai pilihan==
Ok, all this so far as has been cool, but it's not really useful unless you combine it all. Let's say we have a picture that we want floating, right aligned, thumbnailed, resized to 100 pixels, and with a caption. You can combine all of the above. Order does not matter, except that '''the picture name must come first and the caption must come last''':
 
'''<nowiki>[[Imej:Wikipedesketch1.png|thumb|100px|right|TheLogo Wikipedia logo]]</nowiki>'''
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis dapibus dictum purus. Cras nibh. Vivamus ante nunc, ultricies ut, fermentum at, luctus ac, felis. Suspendisse ac diam. Suspendisse lacinia congue mauris.</span>
[[Imej:Wikipedesketch1.png|thumb|100px|right|TheLogo Wikipedia logo]]
<span style="color:#996633">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Donec varius egestas tortor. Curabitur augue leo, ullamcorper ac, tempus sed, gravida quis, felis.
Curabitur pretium malesuada dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur et urna. Cras lacus. Donec risus. Proin ornare eros ac nibh.
Baris 151 ⟶ 154:
One of the problems many users of floating images hit is that multiple images sometimes "stack up" horizontally, particularly with large screens and wide images. The ''best'' solution to this is simply to add more text, but this sometimes isn't possible. This section shows some solutions to this problem.
 
[[Imej:Wikipedesketch1.png|thumb|300px|right|TheLogo Wikipedia logo]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
[[Imej:Flag of Scotland.svg|right|thumb|200px|The flag ofBendera Scotland]]
<br style="clear:both;">
 
Baris 163 ⟶ 166:
[[Imej:Wikipedesketch1.png|none|thumb|300px|Wikipedia logo]]
 
[[Imej:Flag of Scotland.svg|none|thumb|200px|The flag ofBendera Scotland]]
</div>
</pre>
Baris 170 ⟶ 173:
 
<div style="float:right;width:315px;">
[[Imej:Wikipedesketch1.png|right|thumb|300px|WikipediaLogo logoWikipedia]]
<br style="clear:all;">
[[Imej:Flag of Scotland.svg|right|thumb|200px|The flag ofBendera Scotland]]
</div>
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tellus neque, bibendum ac, accumsan eget, vestibulum a, nibh. Sed viverra urna non massa. Etiam vehicula ligula vitae nibh. Phasellus tempus auctor wisi. In consequat. Cras vel neque. Donec leo dolor, lobortis luctus, volutpat vitae, vestibulum in, eros. Maecenas porttitor, erat ullamcorper tempus faucibus, odio arcu venenatis nisl, ut cursus odio felis sed urna. Nullam ut elit vel est eleifend egestas. Ut dictum orci eu mi. Cras ultricies. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</span>
Baris 185 ⟶ 188:
{|
|-
| [[Imej:Wikipedesketch1.png|none|thumb|300px|WikipediaLogo logoWikipedia]] ||[[Imej:Wikipedesketch1.png|none|thumb|300px|WikipediaLogo logoWikipedia]]
|}
However, this should be used sparingly, as it can cause the images to protrude off the right of the page for people with narrow browser windows.
Baris 193 ⟶ 196:
{|
|-
| [[Imej:Wikipedesketch1.png|none|thumb|300px|WikipediaLogo logoWikipedia]]
| [[Imej:Wikipedesketch1.png|none|thumb|300px|WikipediaLogo logoWikipedia]]
|}
</pre>
 
An alternative, that avoids being too wide, is to align both left and allow them to stack up if possible:
[[Imej:Wikipedesketch1.png|left|thumb|300px|WikipediaLogo logoWikipedia]]
[[Imej:Wikipedesketch1.png|left|thumb|300px|WikipediaLogo logoWikipedia]]
<br style="clear:both;">
<pre>
[[Imej:Wikipedesketch1.png|left|thumb|300px|WikipediaLogo logoWikipedia]]
[[Imej:Wikipedesketch1.png|left|thumb|300px|WikipediaLogo logoWikipedia]]
<br style="clear:both;">
</pre>
Baris 210 ⟶ 213:
<pre><br style="clear:both;"></pre>
in order to prevent subsequent text from being placed alongside the images.
 
 
===Bersilih ganti apungan kiri dan kanan===
Perhaps the easiest way is to make floating images alternate left then right; this way they don't come into contact with one another, and so can't stack up in an unattractive way.
 
'''<nowiki>[[Imej:Wikipedesketch1.png|thumb|150px|right|TheLogo Wikipedia logo]]
[[Imej:Flag of Scotland.svg|left|thumb|150px|The flag ofBendera Scotland]]</nowiki>'''
 
[[Imej:Wikipedesketch1.png|thumb|150px|right|TheLogo Wikipedia logo]]
[[Imej:Flag of Scotland.svg|left|thumb|150px|The flag ofBendera Scotland]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec in enim. Aliquam erat volutpat. Maecenas id nibh ut turpis lobortis commodo. Phasellus sed neque. Proin fringilla euismod libero. Etiam vel lectus. Aliquam dui. Curabitur venenatis molestie neque. Integer mi dolor, gravida at, accumsan eget, fringilla eget, arcu. Suspendisse euismod. Nam et lorem accumsan magna venenatis pellentesque. In et ante. Etiam magna. Cras rutrum mi quis tellus. Nunc tristique risus pulvinar ante. Vivamus varius.</span>
 
Baris 230 ⟶ 234:
<pre> <br style="clear:both;"></pre>
 
[[Imej:Wikipedesketch1.png|thumb|300px|right|TheLogo Wikipedia logo]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<br style="clear:both;">
[[Imej:Flag of Scotland.svg|right|thumb|200px|The flag ofBendera Scotland]]
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
<br style="clear:both;">
Baris 244 ⟶ 248:
<pre>
<nowiki>
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 1]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 2]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 3]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 4]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 5]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 6]]
<br style="clear: left"/>
</nowiki>
Baris 256 ⟶ 260:
''Advantages:'' Adapts to screen width by wrapping, simple markup.
 
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 1]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 2]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 3]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 4]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 5]]
[[Imej:Wikipedesketch1.png|128px|thumb|left|TheLogo Wikipedia logo 6]]
<br style="clear:left;">
 
Baris 272 ⟶ 276:
<nowiki>
<gallery>
ImageImej:Wikipedesketch1.png|TheLogo Wikipedia logo
ImageImej:Wikipedesketch1.png|A WikipediaSatu logo Wikipedia
ImageImej:Wikipedesketch1.png|Logo bagi Wikipedia logo
ImageImej:Wikipedesketch1.png|Wikipedia'sLogo logountuk Wikipedia
ImageImej:Wikipedesketch1.png|ASatu logo forbagi Wikipedia
ImageImej:Wikipedesketch1.png|OneSatu logo foruntuk Wikipedia
ImageImej:Wikipedesketch1.png|Wikipedia hasmempunyai logo
ImageImej:Wikipedesketch1.png|TheSiapa logokata ofini bukan logo Wikipedia
</gallery>
</nowiki>
Baris 289 ⟶ 293:
 
<gallery>
ImageImej:Wikipedesketch1.png|TheLogo Wikipedia logo
ImageImej:Wikipedesketch1.png|A WikipediaSatu logo Wikipedia
ImageImej:Wikipedesketch1.png|Logo bagi Wikipedia logo
ImageImej:Wikipedesketch1.png|Wikipedia'sLogo logountuk Wikipedia
ImageImej:Wikipedesketch1.png|ASatu logo forbagi Wikipedia
ImageImej:Wikipedesketch1.png|OneSatu logo foruntuk Wikipedia
ImageImej:Wikipedesketch1.png|Wikipedia hasmempunyai logo
ImageImej:Wikipedesketch1.png|TheSiapa logokata ofini bukan logo Wikipedia
</gallery>
 
Baris 313 ⟶ 317:
''Disadvantages:'' Puts scroll bars and other nasties in some browsers. Can't specify image size.
 
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery|Wikipedesketch1.png|TheLogo Wikipedia logo}}
{{gallery end}}
 
Baris 346 ⟶ 350:
 
When the link is clicked the image will be displayed with other text information at a reasonable size, while the user can click through the medium-sized image to get to the full size highest resolution image.
 
 
==Mengguna teg jadual HTML==
Baris 379 ⟶ 384:
</nowiki>
</pre>
 
 
 
Baris 408 ⟶ 412:
</tr>
</table>
 
 
==Lihat juga==