Bantuan:Warna pranala
 | Halaman bantuan ini merupakan panduan tentang bagaimana cara melakukan sesuatu di Wikipedia. Halaman ini menjelaskan secara jelas proses atau prosedur atas beberapa aspek dari berbagai norma dan praktik yang berlaku di Wikipedia. Halaman ini tidak termasuk salah satu kebijakan atau pedoman Wikipedia, karena belum didiskusikan secara menyeluruh oleh komunitas. |
| Pemranalaan dan manipulasi halaman |
|---|
Di Wikipedia, warna pranala menunjukkan status halaman tujuan yang bersangkutan. Warna bawaan (pada tampilan default Vector 2022) memiliki arti seperti yang ditunjukkan pada tabel di bawah ini. Lihat pula Wikipedia:Pedoman gaya/Aksesibilitas.
Warna standar
[sunting | sunting sumber]
| Warna pranala | Jenis | Vector 2022 | Tema lainnya | ||
|---|---|---|---|---|---|
| Kode warna | Warna | Kode warna | Warna | ||
| pranala biru (Vector 2022) pranala biru (tema lain) |
Mempranalakan ke halaman Wikipedia yang sudah tersedia, tetapi belum pernah Anda kunjungi. | #3366CC = rgb(51,102,204) | #0645AD = rgb(6,69,173) | ||
| pranala ungu (Vector 2022) pranala nila (tema lain) |
Mempranalakan ke halaman Wikipedia yang sudah tersedia, tetapi sudah pernah Anda kunjungi. | #795CB2 = rgb(121,92,178) | #0B0080 = rgb(11,0,128) | ||
| pranala merah (Vector 2022) pranala merah (tema lainnya) |
Mempranalakan ke halaman Wikipedia yang belum tersedia, tetapi belum pernah Anda kunjungi. | #BF3C2D = rgb(191,60,45) | #BA0000 = rgb(186,0,0) | ||
| pranala merah manggis cerah | Mempranalakan ke halaman Wikipedia yang sudah tersedia, tetapi sudah pernah Anda kunjungi. | #A55858 = rgb(165,88,88) | #A55858 = rgb(165,88,88) | ||
| pranala merah manggis | Tautan ke artikel/rintisan yang sangat singkat di Wikipedia, tetapi hanya jika pengguna telah mengatur opsi preferensi untuk memformat pranala ke rintisan dengan cara ini. | belum didefinisikan | #772233 = rgb(119,34,51) | ||
| pranala biru (Vector 2022) pranala biru muda 1 (tema lainnya) pranala biru muda 2 (tema lainnya) |
Pranala ke halaman di wiki lain, biasanya proyek Wikimedia lain atau pranala luar.
Perhatikan bahwa warna biru muda digunakan terlepas dari apakah halaman tersebut ada di target maupun tidak. Belum tentu halaman yang dituju sudah dibuat. |
#3366CC = rgb(51,102,204) | #3366BB = rgb(51,102,187) | ||
| pranala ungu (Vector 2022) pranala ungu (tema lainnya) |
Pranala ke halaman di situs lain yang telah dikunjungi. | #795CB2 = rgb(121,92,178) | #663366 = rgb(102,51,102) | ||
Perhatikan bahwa warna dalam kotak mungkin tampak lebih gelap daripada teks dengan warna yang sama; selain itu, teks yang lebih besar atau tebal cenderung terlihat lebih gelap. Lebih lanjut, warna sebenarnya yang dilihat oleh pengguna akan sedikit berbeda tergantung pada sistem operasi, pengaturan desktop, dan browser mereka, serta monitor mereka dan untuk LCD kelas rendah, sudut penglihatan terhadap layar. Pengguna yang masuk juga dapat mengubah warna yang mereka lihat dengan memilih tema yang berbeda atau menggunakan CSS kustom.
Warna kustom
[sunting | sunting sumber]Untuk menggunakan warna CSS bernama untuk teks pada latar belakang putih, lihat Wikipedia:Pedoman gaya/Aksesibilitas untuk warna yang direkomendasikan.
Teks normal
[sunting | sunting sumber]Untuk teks normal, templat {{color}} dengan dua parameter dapat digunakan: warna, baik berdasarkan nama atau kode heksadesimal, dan beberapa teks. Namun, teks prosa yang ditujukan untuk pembaca jangan pernah diberi warna secara manual.
{{color|orange|Hello, world!}}→ Hello, world!{{color|#00F000|Hello, world!}}→ Hello, world!
Pranala
[sunting | sunting sumber]Hindari menerapkan pranala berwarna yang dapat menghambat kemampuan pengguna untuk membedakan pranala dari teks biasa, atau mewarnai pranala semata-mata karena alasan estetika.
Menata gaya pranala individu pada sebuah halaman
[sunting | sunting sumber]Anda dapat mengatur warna pranala individual atau sekumpulan pranala pada suatu halaman (bukan perubahan global pada gaya semua pranala di Wikipedia) sebagai berikut. Pengaturan gaya dengan cara ini akan berlaku untuk semua orang yang melihat pranala atau halaman tertentu tersebut, bukan hanya Anda. Namun, pranala yang ditujukan untuk pembaca tidak boleh diwarnai secara manual.
Templat {{colored link}} membutuhkan dua parameter agar berfungsi: warna pranala, artikel yang dipranalakan, dengan parameter ketiga opsional untuk teks alternatif yang akan ditampilkan sebagai pranala pipa.
{{colored link|orange|Kanada}}→ Kanada{{colored link|#00F000|Halaman tujuan|Teks alternatif}}→ Teks alternatif
- Atau
Anda dapat mengubah warna pranala seperti ini:
| Markup | *[[example|<span style="color:Orange;text-decoration:inherit;">Halaman ini tersedia.</span>]] *[[exampl|<span style="color:green;text-decoration:inherit;">Halaman ini belum tersedia.</span>]] |
| Tampilan hasil |
Atau, jika Anda ingin melakukan pengecekan keberadaan, Anda dapat mencoba:
| Markup | *[[example|{{#ifexist: example|<span style="color:Orange;text-decoration:inherit;">Halaman ini tersedia.</span>|Halaman ini belum tersedia.}}]]
*[[exampl|{{#ifexist: exampl|<span style="color:green;text-decoration:inherit;">Halaman ini tersedia.</span>|Halaman ini belum tersedia.}}]] |
| Tampilan hasil |
Pranala luar
[sunting | sunting sumber]Elemen span dengan gaya serupa dapat ditambahkan di dalam pranala luar:
| Markup | *[http://example.com <span style="color:green;">Contoh pranala luar</span>] |
| Tampilan hasil |
Menggayakan pranala sesuai kehendak Anda
[sunting | sunting sumber]Anda hanya boleh menyesuaikan warna pranala dengan menyunting CSS di subhalaman tema Anda. Perubahan ini akan berlaku untuk semua pranala di seluruh situs, tetapi hanya akan terlihat oleh Anda.
Pemilih pranala standar adalah:
- a:link — menentukan gaya untuk pranala normal yang belum dikunjungi
- a:visited — menentukan gaya untuk pranala yang sudah dikunjungi
- a:active — menentukan gaya untuk pranala aktif; pranala menjadi aktif setelah Anda mengkliknya.
- a:hover — menentukan gaya untuk pranala yang di-hover; pranala akan muncul saat kursor tetikus bergerak di atasnya.
Warna didefinisikan oleh karakter heksadesimal: lihat warna web.
/* standard link colors */
.mw-body-content a:link { color: #0000FF; } /* normal unvisited links */
.mw-body-content a:link:visited { color: #0B0080; } /* visited links */
.mw-body-content a:link:active { color: #FF0000; } /* active links */
.mw-body-content a:link.new { color: #FF0000; } /* new links */
.mw-body-content a:link.extiw { color: #3366BB; } /* interwiki links */
.mw-body-content a:link.external { color: #3366BB; } /* external links */
.mw-body-content a:link.stub { color: #772233; } /* hovered links */
.mw-body-content a:link {color: #FF0000}
.mw-body-content a:visited {color: #00FF00}
.mw-body-content a:hover {color: #FF00FF}
.mw-body-content a:active {color: #0000FF}
Keterangan:
- a:hover harus diletakkan setelah a:link dan a:visited
- a:active harus diletakkan setelah a:hover
- Anda perlu menambahkan ".mw-body-content" di depan definisi pranala standar, karena jika tidak, definisi default di situs web ini akan tetap diutamakan daripada definisi yang telah Anda buat.
Pengalihan
[sunting | sunting sumber]Menampilkan pengalihan sebagai pranala hijau:
.mw-body-content a.mw-redirect {color:#308050}
.mw-body-content a.mw-redirect:visited {color:#3070A0}
Pranala luar
[sunting | sunting sumber]Menampilkan pranala luar sebagai pranala hijau:
.mw-body-content a.external {color: #008000}
.mw-body-content a.external:visited {color: #008000}
Dekorasi teks
[sunting | sunting sumber]Ini memungkinkan pemformatan seperti garis bawah. Misalnya:
.mw-body-content a:link {color: #000000; text-decoration: underline; }
Anda dapat menggunakan pilihan berikut:
- none
- underline
- overline
- line-through
Rupa huruf
[sunting | sunting sumber]Ini akan mengubah font pranala:
.mw-body-content a:link {font-family: monospace}
Preferensi
[sunting | sunting sumber]Fitur "tampilkan pranala ke halaman disambiguasi dalam warna oranye", yang terletak di tab gadgets pada preferensi (di bawah bagian "tampilan"), akan menampilkan semua pranala ke halaman disambiguasi dalam warna oranye.
Skrip
[sunting | sunting sumber]Halaman User:Anomie/linkclassifier di Wikipedia bahasa Inggris adalah skrip populer yang menyesuaikan warna untuk menunjukkan pranala seperti halaman yang akan dihapus, media non-bebas, pengalihan, halaman yang dilindungi, dan banyak lagi.
Lihat pula
[sunting | sunting sumber]
- {{resize}}
- {{background color}}
- {{font color}} – allows setting both text and background color
- {{coltit}} – colored table header cell
- {{fake link}}
