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

Terjemahan Artikel Terjemahan Artikel
ID Artikel: 825450
Untuk versi Microsoft FrontPage 2002 ini Pasal, lihat 287706.
Perbesar semua | Perkecil semua

Pada Halaman ini

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.

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.

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.

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.

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.

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.

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.

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

Properti

ID Artikel: 825450 - Kajian Terakhir: 07 Oktober 2011 - Revisi: 2.0
Kata kunci: 
kbhowto kbmt KB825450 KbMtid
Penerjemahan Mesin
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

Berikan Masukan

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com