#BackToTopMM {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer; display:none;color:#000; font-family:verdana;font-size:11px;}

Minggu, 02 Desember 2012

cara membuat kotak teks keren

1. kotak teks berwarna orange

  <div style="-moz-box-shadow: 0 0 30px #888888; background-color: orange; border-radius: 5px; border: 3px double#888888; box-shadow: 0 0 30px #888888; height: auto; margin: 0 30px 0 30px; moz-border-radius: 5px; padding: 10px; width: auto;">
&nbsp; &nbsp; &nbsp; &nbsp;</div>     
2. kotak teks berwarna biru


<span itemprop="description"></span><br />
<div style="-moz-box-shadow: 0 0 30px #888888; background-color: cyan; border-radius: 5px; border: 3px double#888888; box-shadow: 0 0 30px #888888; margin: 0 30px 0 30px; moz-border-radius: 5px; padding: 10px; width: auto;">
<span style="font-size: large;"><b><br /></b></span></div>
<span itemprop="description"><br />
                <br />

                <br />

</span>



3. kotak teks berwarna original


<br />
<div>
<div style="background-color: #eeffff; border-bottom-color: rgb(136, 136, 136); border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-style: double; border-bottom-width: 3px; border-left-color: rgb(136, 136, 136); border-left-style: double; border-left-width: 3px; border-right-color: rgb(136, 136, 136); border-right-style: double; border-right-width: 3px; border-top-color: rgb(136, 136, 136); border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-top-style: double; border-top-width: 3px; margin-bottom: 0px; margin-left: 30px; margin-right: 30px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: auto;">
<br /></div>
</div>
<div class="separator" style="clear: both;">
<br /></div>
<br />


4. kotak teks berwarna hitam


<div style="-moz-box-shadow: 0 0 10px #888888; background: #111; box-shadow: 0 0 10px #888888; color: white; margin-bottom: 5px; padding: 25px 15px 25px 15px; width: 570px;">
<span style="font-size: medium;"><b><br /></b></span>
<br />
<hr />
<br />
<hr />
<b><br /></b></div>
<br />



selamat mencoba ya

                                                                                     by ; indra muhammad hidayat

5.kotak teks geser ke samping

Tidak ada komentar:

Posting Komentar