Cara Membuat Daftar Isi Di Blog Ver. MRR Cyber

Cara Membuat Daftar Isi Blog - MRR Cyber ​​

Maaf Ya, Lagi Jadi bingung Membuat Kata Lurus ke TKP Aja: v
Ingin Lihat Daftar Isi Bagaimana?
Info ScreenShot:

Ingin Lebih Jelas Lagi?

Klik Disini

kelas =" pemisah "style =" clear: both; text-align: left; "> Jenis style =" text / css ">
# tab-toc {
margin: 0 auto;
background-color: # 8A94F0;
-webkit-box-shadow: 0 1px 3px RGBA (0,0,0, 0,4);
-moz- box-shadow: 0 1px 3px RGBA (0,0,0, 0,4);
box-shadow: 0 1px 3px RGBA (0,0 , 0, 0,4);
overflow: hidden;
Posisi : relative;
color: # 000;
}
# tab-toc. pemuatan {
display: block;
padding: 10px 5px;
Font: normal 12px Tahoma tebal, Sans-Serif;
Warna: putih,
}
# tab-toc ul,
# tab-toc ol,
# tab-toc li {
margin: 0 0;
padding: 0 0; list-style: none;
}
# tab-toc. toc-tab {
width: 20%;
float: kiri ;
}
# tab-toc. toc-tab li a {
display: block;
Font: biasa berani 10px/28px Tahoma, Sans-Serif;
height: 28px;
overflow: hidden;
text-overflow: elipsis;
color: # 000;
text-transform: uppercase;
text-decoration: none;
padding: 0 12px;
kursor : pointer;
}
# tab-toc. toc-tab li a: hover {
background-color: # C4C9F8;
warna: hitam,
}
# tab-toc . toc-tab-tab li a.active {
, background-color: # 181D67;
warna: putih,
-webkit-box-shadow: 2px 2px 2px-RGBA (0,0,0, .5 );
-moz-box-shadow: 2px 2px 2px-RGBA (0,0,0, 0,5);
box-shadow: 2px 2px 2px-RGBA (0,0,0, 0,5);
position: relative;
z-index: 5;
margin: 0 1px 0-0;
/ * kursor: text; * /
}
# tab-toc. toc-konten,
# tab-toc. pembagi-layer {
width: 80%;
float: right ;
background-color: white;
border-left: 5px solid # 181D67;
-webkit-box-sizing: border-kotak,
-moz-box-sizing: border-kotak,
kotak-sizing: border-kotak,
}
# tab-toc. pembagi-layer {
float: none;
display: block;
position: absolute;
top: 0;
kanan: 0;
bottom: 0;
-webkit-box-shadow: 0 0 7px RGBA (0,0,0, 0,7);
-moz-box-shadow: 0 0 7px RGBA (0,0,0, 0,7);
box-shadow: 0 0 7px RGBA (0,0,0, 0,7);
}
# tab-toc. panel {
position: relative;
z-index: 5;
Font: normal 10px Tahoma normal, Sans-Serif;
}
# tab-toc. panel li a {
display: block;
position: relative;
font-weight: bold;
font-size: 11px;
color: # 051466;
line-height: 20px;
height: 20px;
padding: 0 12px;
text-decoration: none;
outline: none;
overflow: hidden;
}
# tab-toc. panel waktu li {
display: block;
font-style: italic;
font-weight: normal;
font-size: 10px;
color: # 666;
float: right;
}
# tab-toc. panel li. Ringkasan {
display: block;
padding: 10px 12px 10px;
font-style: italic;
border-bottom: 4px padat # 275 827;
overflow: hidden;
}
# tab-toc. panel li. Ringkasan img.thumbnail {
float: left;
display: block ;
margin: 0 8px 0 0;
padding: 4px 4px ;
, width: 72px;
height: 72px;
, border: 1px solid # dcdcdc;
background-color: # fafafa ;
}
# tab-toc. panel li: n-anak (bahkan) {
background-color: # eee;
}
# tab-toc. panel li a: hover,
# tab-toc. panel li a: fokus,
# tab-toc. panel li a: waktu hover,
# tab-toc. panel li.bold a {
background-color: # 999;
Warna: none;
outline: none;
}
# tab-toc. li.bold panel a: hover,
# tab-toc. li.bold panel: hover {waktu
background-color: # 222;
}
@ media (max-width: 700px) {
# tab-toc {
border: 2px solid # 333;
}
# tab-toc. toc-tab,
# tab-toc. toc-konten {
overflow: hidden;
width: auto;
float: none;
display: block;
}
# tab-toc. toc-tab li {
display: inline;
float: kiri ;
}
# tab-toc. toc-tab li a,
# tab-toc. toc-tab-tab li a.active {
background-color: # 224C19;
-webkit-box-shadow: 0 2px 7px RGBA (0,0,0, 0,4);
-moz-box -shadow: 0 2px 7px RGBA (0,0,0, 0,4);
box-shadow: 0 2px 7px RGBA (0,0, 0, 0,4);
}
# tab-toc. toc-tab-tab li a.active {
background-color: white;
color: # 333;
}
# tab -toc. toc-konten {
border: none;
}
# tab-toc. pembagi-layer,
# tab-toc. panel waktu li {
, display: none;
}
}

Loading ...

LSC

kelas =" pemisah "style =" clear: both; ">