KALI INI MIMIN MAU BAGI TUTORIAL LAGI
CARA MEMBUAT ANIME ONGOING
BISA LIHAT DEMO DI ''ATAS''
Copy Css Di </stayle>
/* Ongoing Series by iMoechan */
.featured {
padding: 0px;
margin: 0;
overflow: hidden;
}
.rilisan {
padding: 6px;
margin-bottom: 5px;
color: #494949;
font-weight: 500;
background: #F7F7F7;
border: 1px solid #EBEDEE;
font-size: 13px;
text-transform: uppercase;
font-family: Open Sans;
position: relative;
}
.onlist {
font-size: 9px;
float: right;
background: #2977BE;
padding: 3px 5px;
position: absolute;
right: 6px;
top: 6px;
}
.onlist a {
color: #FFF;
}
.onlist a:hover {
color: #FFF;
}
.ongoinglist {
float: left;
margin: 3px;
}
.ongoinglist img {
width: 134px;
height: 177px;
border: 1px solid #D8D4D4;
padding: 1px;
}
Dan Copy HTML Di Post
<div class="featured" style="margin-top: 0px;"> <div class="rilisan">Ongoing Series<div class="onlist"><a href="/ongoing-list-2/">Ongoing List</a></div></div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/durararax2-shou/' title='Durarara!!x2 Shou'> <img width="225" height="321" src="http://wardhanime.net/wp-content/uploads/2015/01/67743.jpg" class="attachment-post-thumbnail wp-post-image" alt="67743" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/kantai-collection/' title='Kantai Collection'> <img width="225" height="316" src="http://wardhanime.net/wp-content/uploads/2015/01/65321.jpg" class="attachment-post-thumbnail wp-post-image" alt="65321" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/dog-days-3/' title='Dog Days 3'> <img width="225" height="350" src="http://wardhanime.net/wp-content/uploads/2015/01/70709.jpg" class="attachment-post-thumbnail wp-post-image" alt="70709" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/diamond-no-ace/' title='Diamond no Ace'> <img width="225" height="315" src="http://wardhanime.net/wp-content/uploads/2014/09/54235-1.jpg" class="attachment-post-thumbnail wp-post-image" alt="54235 (1)" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/naruto-shippuden/' title='Naruto Shippuden'> <img width="225" height="338" src="http://wardhanime.net/wp-content/uploads/2014/09/63249.jpg" class="attachment-post-thumbnail wp-post-image" alt="63249" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/tokyo-ghoul-%e2%88%9aa/' title='Tokyo Ghoul √A'> <img width="225" height="350" src="http://wardhanime.net/wp-content/uploads/2015/01/69237.jpg" class="attachment-post-thumbnail wp-post-image" alt="69237" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/juuou-mujin-no-fafnir/' title='Juuou Mujin no Fafnir'> <img width="225" height="310" src="http://wardhanime.net/wp-content/uploads/2015/01/69085.jpg" class="attachment-post-thumbnail wp-post-image" alt="69085" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/yoru-no-yatterman/' title='Yoru no Yatterman'> <img width="225" height="315" src="http://wardhanime.net/wp-content/uploads/2015/01/68765.jpg" class="attachment-post-thumbnail wp-post-image" alt="68765" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/junketsu-no-maria/' title='Junketsu no Maria'> <img width="225" height="320" src="http://wardhanime.net/wp-content/uploads/2015/01/69301.jpg" class="attachment-post-thumbnail wp-post-image" alt="69301" /></a> </div> <div class="ongoinglist"> <a href='http://wardhanime.net/anime/sengoku-musou/' title='Sengoku Musou'> <img width="225" height="306" src="http://wardhanime.net/wp-content/uploads/2015/01/71770.jpg" class="attachment-post-thumbnail wp-post-image" alt="71770" /></a> </div> <div class="clear"></div> </div> </div>
0 komentar:
Posting Komentar