Cara Membuat Staff List by iMoechan

Tutorial Kali ini Mimin Akan Membuat
Cara Membuat Staff List by iMoechan
Langsung diikuti ya Tutorial dibawah ini :)
Kalau dipahami pasti ngerti kok :v

Masukkan CSS dibawah ini diatas </b:skin> / </style>

 /* Staff List by iMoechan Kece */
.fslist {
margin:-8px;}
.imgfslist {
float: left;
margin-right: 10px;
margin: -12px 10px;
}
.imgfslist img {
width: 50px;
height: 50px;
border: 1px solid #DDD;
border-radius: 5px;
padding: 1px;
}
.infofslist {border-bottom:1px solid dashed #ccc;}

.infofslist h2 {
font-size: 12px;
margin: 0px;
text-transform: none;
border: 0px none;
padding: 0px;
font-weight: bold;
}

Masukkan HTML ya

 <div class="fslist">
<div class="imgfslist">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJqdGKGch0M5xsiL6fJ22GPVpk6mFz0-4vbeTL7NGBCYoCST0vSGxK0fUHn6hplULaAKVgLPKdP578NO_NGzkx6lWlxb9H9dqhrLC2_rxrw1dZecFXxmcI7-HM2Et-LQxviJgHQgN9lcU/s1600/ReiKazuya.png" /></div>
<div class="infofslist">
<h2>
Rei Kazuya</h2>
Translator<br />
Contact Admin : &gt;<a href="https://www.facebook.com/Agecuk" target="_blank">Facebook</a>&lt;</div>
<br />
<div class="clear">
</div>
</div>
<div class="fslist">
<div class="imgfslist">
<img src="URL Gambar" /></div>
<div class="infofslist">
<h2>
Nama</h2>
TLC<br />
Contact Admin : &gt;Facebook&lt;</div>
<br />
<div class="clear">
</div>
</div>
<div class="fslist">
<div class="imgfslist">
<img src="URL Gambar" /></div>
<div class="infofslist">
<h2>
Nama</h2>
Encoder + Uploader<br />
Contact Admin : &gt;Facebook&lt;</div>
<br />
<div class="clear">
</div>
</div>

Nah, Simple Kan? :v
Emang iyee :v
Mimin pun buatnya simpel aja kok :3
Nah, Kalau ada masalah comment langsung yah :v


0 Comments for "Cara Membuat Staff List by iMoechan"