<div style="background-color: white; border: 3px #1780dd Double; padding: 10px; text-align: left;">
isikan scrip
</div>
keterangan kode:isikan scrip
</div>
1 border:3px artinya = ketebalan kotak scrip
2 #1780dd artinya warna kotak scrip
3 double; artinya bentuk kotak bisa di ganti dengan (dashed,dotted, Double )
4 Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.
5 Dan text-align:left; = posisi tulisan didalam kotak di kiri.bisa di rubah ke kanan ataw tengah.
http://pengguna-komputer.blogspot.com/2013/04/cara-membuat-kotak-script-di-posting.html
kotak scrip pakai scrol
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bikinmenubarlianno herisontal</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<ul id="menu">
<li><a href="#">Menu 1 </a></li>
<li><a href="#">Menu 2</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 5</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
<li><a href="#">Sub Menu 4</a></li>
</ul>
</li>
</ul>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bikinmenubarlianno herisontal</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<ul id="menu">
<li><a href="#">Menu 1 </a></li>
<li><a href="#">Menu 2</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 5</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
<li><a href="#">Sub Menu 4</a></li>
</ul>
</li>
</ul>
</body>
</html>
note yang berbentuk scrip converdulu pakai coding encoding supaya bisa terlihat di blog
kunjugi www.barliannet.com
Tidak ada komentar:
Posting Komentar