Cara Membuat Multi Halaman
Pergilah ke Dashboard,lalu pilih Tata Letak,kemudian pilih Add New Widget/Tambah Gadget/Element Baru,pilih HTML/Javascript.
Letakkan kode berikut:
div.TabView div.Tabs a{float: left;display: block;width: 80px; /* Lebar Kotak Tab */ height: 22px; /* Tinggi Menu Utama Atas */text-align: center; /* Posisi Teks Menu Tab */margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */ background-color: #222222; /* Warna background Kotak Tab */ padding-top: 2px; /* Spasi Atas */border: 1px solid #ffffff; /* Warna border kotak Tab */border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */font-weight: 900; /* Ketebalan Teks kotak tab */}div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background-color: #736F6E; /* Warna background utama kotak tab */ }div.TabView div.Pages{clear: both;border: 1px solid #cccccc; /* Warna border Kotak Konten */overflow: hidden;background-color: #ffffff; /* Warna background Kotak konten */}div.TabView div.Pages div.Page{height: 100%;padding: 5px; /* Jarak teks dalam kotak content */overflow: hidden;}div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}Untuk kode yang bercetak tebal,ubahlah dan gantilah sesuai keinginan anda,sedangkan kode yang berwarna merah,hanya sebuah penjelasan dari masing-masing kode.
Tidak ada komentar:
Posting Komentar