Anda sedang offline saat ini, menunggu internet Anda untuk menyambung kembali

CARA: Membuat Custom hyperlink oleh menggunakan Cascading Style Sheets di FrontPage 2003

PENTING: Artikel ini diterjemahkan menggunakan perangkat lunak mesin penerjemah Microsoft dan bukan oleh seorang penerjemah. Microsoft menawarkan artikel yang diterjemahkan oleh seorang penerjemah maupun artikel yang diterjemahkan menggunakan mesin sehingga Anda akan memiliki akses ke seluruh artikel baru yang diterbitkan di Pangkalan Pengetahuan (Knowledge Base) dalam bahasa yang Anda gunakan. Namun, artikel yang diterjemahkan menggunakan mesin tidak selalu sempurna. Artikel tersebut mungkin memiliki kesalahan kosa kata, sintaksis, atau tata bahasa, hampir sama seperti orang asing yang berbicara dalam bahasa Anda. Microsoft tidak bertanggung jawab terhadap akurasi, kesalahan atau kerusakan yang disebabkan karena kesalahan penerjemahan konten atau penggunaannya oleh para pelanggan. Microsoft juga sering memperbarui perangkat lunak mesin penerjemah.

Klik disini untuk melihat versi Inggris dari artikel ini:825450
Untuk versi Microsoft FrontPage 2002 ini Pasal, lihat 287706.
RINGKASAN
Artikel ini menjelaskan cara membuat kustom hyperlink oleh menggunakan cascading style sheets (CSS) Microsoft Office FrontPage 2003. Itu berisi contoh-contoh yang menunjukkan cara menggunakan cascading style sheet fitur membuat hyperlink kustom.

Catatan Artikel ini menggunakan cascading style sheet fitur yang tidak dapat didukung oleh semua Web browser. Untuk informasi lebih lanjut, lihat FrontPage bantuan. Untuk melakukan Jadi, klik Microsoft FrontPage bantuan pada Bantuan menu, jenis cascading style sheet Kompatibilitas dalam Mencari Bar, dan kemudian tekan MASUK untuk melihat topik yang dikembalikan.

kembali ke atas

Membuat Custom hyperlink oleh menggunakan Cascading Style Sheets

Contoh berikut menunjukkan cara membuat kustom hyperlink dengan menggunakan cascading style sheet fitur:

Microsoft menyediakan contoh pemrograman hanya sebagai ilustrasi, tanpa jaminan apa pun baik tersurat maupun tersirat. Termasuk, namun tidak terbatas pada, jaminan tersirat mengenai kelayakan untuk diperdagangkan atau kesesuaian untuk keperluan tertentu. Artikel ini mengasumsikan bahwa Anda telah terbiasa dengan bahasa pemrograman yang ditunjukkan dan dengan alat yang digunakan untuk membuat dan mendebug prosedur. Teknisi dukungan Microsoft dapat membantu menjelaskan fungsionalitas prosedur tertentu, namun mereka tidak akan memodifikasi contoh untuk memberikan fungsionalitas tambahan atau menyusun prosedur untuk memenuhi persyaratan khusus Anda. Catatan Anda mungkin juga menerima pesan galat atau halaman mungkin tidak menampilkan dengan benar jika Anda menyalin contoh langsung dari artikel ini dan paste mereka FrontPage. Kurung sudut (< and="">) mungkin muncul sebagai kode HTML. Untuk mengatasi perilaku ini, pertama Sisipkan kode sampel untuk dokumen kosong dalam Notepad, dan kemudian salin kode sampel dari dokumen di Notepad untuk Anda Halaman di FrontPage.

kembali ke atas

Contoh 1: Membuat hyperlink di mana menggarisbawahi hanya ditampilkan dalam warna yang berbeda

Ini contoh format teks hyperlink ke warna yang sama teks dokumen. Hanya menggarisbawahi hyperlink ditampilkan dalam warna yang berbeda. Membuat hyperlink kustom, ikuti langkah berikut:
  1. Mulai FrontPage dan membuat halaman baru, kosong.
  2. Pada Lihat menu, klikHalaman, dan kemudian di bagian bawah halaman, klikKode.
  3. Masukkan kode berikut dalam<head></head> daerah halaman:
    <style>body      { color: black; background-color: white; font-family: arial }a         { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px }a:link    { border-bottom-color: blue }a:visited { border-bottom-color: purple }a:hover   { border-bottom-color: green }a:active  { border-bottom-color: red }</style>
  4. Masukkan kode berikut dalam<body></body> daerah halaman:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
  5. Pada Berkas menu, klikSimpan.
  6. Dalam Simpan sebagai kotak dialog, menentukan lokasi di mana Anda ingin menyimpan file, ketik Example1dalam Nama file kotak, dan kemudian klikSimpan.
  7. Pada Berkas menu, titik Pratinjau dalam Browser, lalu klik browser Web yang ingin Anda gunakan untuk Pratinjau halaman.
kembali ke atas

Contoh 2: Membuat hyperlink yang menggunakan Hover tombol

Contoh ini menciptakan hyperlink yang menggunakan tombol bergaya hover dengan latar belakang yang solid. Membuat hyperlink kustom, ikuti langkah berikut:
  1. Mulai FrontPage dan membuat halaman baru, kosong.
  2. Pada Lihat menu, klikHalaman, dan kemudian di bagian bawah halaman, klikKode.
  3. Masukkan kode berikut dalam<head></head> daerah halaman:
    <style>body      { color: black; background-color: white; font-family: arial }a         { text-decoration: none; padding: 3px }a:link    { color: white; background-color: blue }a:visited { color: white; background-color: purple }a:hover   { color: white; background-color: green }a:active  { color: white; background-color: red }</style>
  4. Masukkan kode berikut dalam<body></body> daerah halaman:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
  5. Pada Berkas menu, klikSimpan.
  6. Dalam Simpan sebagai kotak dialog, menentukan lokasi di mana Anda ingin menyimpan file, ketik Example2dalam Nama file kotak, dan kemudian klikSimpan.
  7. Pada Berkas menu, titik Pratinjau dalam Browser, lalu klik browser Web yang ingin Anda gunakan untuk Pratinjau halaman.
kembali ke atas

Contoh 3: Membuat hyperlink yang garis besar menggunakan tombol

Contoh ini menciptakan hyperlink yang menggunakan gaya hover diuraikan, tombol. Kotak berwarna muncul di sekitar teks hyperlink yang menciptakan sebuah kerangka efek. Membuat hyperlink kustom, ikuti langkah berikut:
  1. Mulai FrontPage dan membuat halaman baru, kosong.
  2. Pada Lihat menu, klikHalaman, dan kemudian di bagian bawah halaman, klikKode.
  3. Masukkan kode berikut dalam<head></head> daerah halaman:
    <style>body      { color: black; background-color: white; font-family: arial }a         { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px }a:link    { border-color: blue }a:visited { border-color: purple }a:hover   { border-color: green }a:active  { border-color: red }</style>
  4. Masukkan kode berikut dalam<body></body> daerah halaman:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p><p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
  5. Pada Berkas menu, klikSimpan.
  6. Dalam Simpan sebagai kotak dialog, menentukan lokasi di mana Anda ingin menyimpan file, ketik Example3dalam Nama file kotak, dan kemudian klikSimpan.
  7. Pada Berkas menu, titik Pratinjau dalam Browser, lalu klik browser Web yang ingin Anda gunakan untuk Pratinjau halaman.
kembali ke atas

Contoh 4: Membuat hyperlink yang menggunakan format teks yang berbeda

Ini contoh format hyperlink untuk menggunakan non-digarisbawahi teks miring, huruf kecil. Ketika Anda memindahkan kursor Anda melalui hyperlink, teks dalam hyperlink dikonversi ke huruf besar. Untuk membuat hyperlink kustom, ikuti langkah-langkah berikut:
  1. Mulai FrontPage dan membuat halaman baru, kosong.
  2. Pada Lihat menu, klikHalaman, dan kemudian di bagian bawah halaman, klikKode.
  3. Masukkan kode berikut dalam<head></head> daerah halaman:
    <style>body      { color: black; background-color: white; font-family: arial }a         { text-decoration: none; font-style: italic; text-transform: lowercase }a:link    { color: blue; font-weight: bold }a:visited { color: purple }a:hover   { color: green; text-transform: uppercase }a:active  { color: red  }</style>
  4. Masukkan kode berikut dalam<body></body> daerah halaman:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p><p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p>
  5. Pada Berkas menu, klikSimpan.
  6. Dalam Simpan sebagai kotak dialog, menentukan lokasi di mana Anda ingin menyimpan file, ketik Example4dalam Nama file kotak, dan kemudian klikSimpan.
  7. Pada Berkas menu, titik Pratinjau dalam Browser, lalu klik browser Web yang ingin Anda gunakan untuk Pratinjau halaman.
kembali ke atas
REFERENSI
Untuk informasi lebih lanjut tentang cascading style sheets di FrontPage 2003, lihat FrontPage bantuan. Untuk melakukannya, pada Bantuanmenu, klik Microsoft Office FrontPage bantuan. Dalam Mencari kotak, jenis cascading style lembar, kemudian tekan ENTER untuk melihat topik-topik yang kembali.

kembali ke atas
REFERENSI
Untuk tambahan informasi, klik nomor artikel di bawah ini untuk melihat artikel di Basis Pengetahuan Microsoft:
196488Fs000: Apa yang Cascading Style sheet?
205996 CARA: Membuat Cascading Style Sheets di FrontPage 2000
240972 CARA: Menghapus menggarisbawahi dari hyperlink di FrontPage 2000
222949 FP2000: Menciptakan efek Hover untuk bentuk tombol menggunakan DHTML dan CSS
fp2003

Peringatan: Artikel ini telah diterjemahkan secara otomatis

Properti

ID Artikel: 825450 - Tinjauan Terakhir: 10/07/2011 09:56:00 - Revisi: 2.0

  • kbhowto kbmt KB825450 KbMtid
Tanggapan
;did=1&t=">mov.clickstreamTracker.init();