Cara Membuat CSS Khusus untuk Webs.com

Akaun Webs.com anda menyediakan ciri, seperti templat halaman yang telah dirancang, yang membolehkan anda menerbitkan laman web perniagaan dan peribadi anda tanpa pengetahuan pengekodan. Walau bagaimanapun, jika anda tahu Cascading Style Sheets, atau CSS, anda boleh membuat kod tersuai. CSS memberi anda kawalan penuh terhadap susun atur dan reka bentuk templat laman web anda sehingga anda dapat membuatnya dari awal atau mengubah reka bentuk yang ada. Gunakan menu di Webs.com untuk menerapkan CSS yang menjadikan halaman anda menonjol.

Langkah 1

Log masuk ke akaun Webs.com anda dan klik tab "Ubah Templat" di bar menu di sudut kanan atas.

Langkah 2

Klik pautan "Ubah Templat" yang muncul di bawah menu utama, kemudian klik pilihan "Semua" yang dipaparkan di sebelah kiri. Tindakan ini menunjukkan semua pilihan templat yang terdapat di Webs.com.

Langkah 3

Tatal ke sebelah kanan pilihan templat dan klik kotak "Custom CSS". Klik tab "CSS Lanjutan" yang dipaparkan untuk memunculkan kotak teks di mana anda memasukkan peraturan gaya anda.

Langkah 4

Ketik kod CSS khusus anda untuk merancang templat Webs.com anda. Contohnya, tentukan warna latar badan, yang mengawal keseluruhan penampilan halaman anda, seperti dalam contoh berikut:body {background-color:#cccccc; }

Klik butang "Simpan" di sudut kanan atas. Klik butang "Lihat Laman Saya" di tetingkap dialog yang dipaparkan untuk melihat CSS khusus yang diterbitkan ke laman web Webs.com anda.

Petua

• Sesuaikan ketinggian tajuk anda, yang merupakan sepanduk teratas di halaman anda, dengan memasukkan "# fw-head {height:px;}" dan menaip nilai nombor yang diingini setelah atribut tinggi. Contohnya:
• # fw-head {tinggi:300px; }
• Terapkan warna pada item menu di bar navigasi anda dengan mengetik "# fw-nav-menu li {color:;}" dan masukkan nilai warna setelah atribut warna. Sebagai contoh:
• # fw-nav-menu li {color:# c0c0c0; }
• Format ukuran tajuk yang muncul di atas kawasan kandungan utama di halaman anda dengan memasukkan ".fw-title {font-size:px;}" dan menaip nombor selepas atribut ukuran-font, seperti itu:
• .fw-title {font-size:18px; }
• Reka bentuk latar belakang bar sisi anda, yang merupakan lajur menegak di sebelah kanan atau kiri halaman anda, dengan mengetik "# fw-sidebar {background-color:;}" dan memasukkan nilai warna yang diinginkan. Untuk menggambarkan:
• # fw-bar sisi {background-color:ffff00; }
• Peribadikan warna hyperlink anda dengan memasukkan "a:link {color:;}" dan taipkan nilai warna, seperti contoh berikut:
• a:pautan {color:# 00ffff; }