Wapka Last Updates Code ।। ওয়াপকা সর্বশেষ ফাইল আপডেট কোড।

Wapka Last Updates Code

Hellow Friends, How Are You ? I Hope You Are Well. I Am Well Too. Today I Want To Sharing Wapka Last Updates Code With Css Style.

...Lets Strat...

This Is Very Atractive. I Hope , You Like It Very Much. I Am Also Like Too. I Am Created This Code.

First Go To Index Page. And Add File List. Open A New Interface. Six Box Will Be Open. Six Box Is -

Enter codes
Enter Config
Header
Footer
Default And
Item will be visible for

# Enter codes:-

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 main_page_category_music">
<a href="/download/%id%/:SLUG(%name%);.html">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 main_page_category_music_box clickablebox . odd" style="display: flex;">
<div class="main_page_category_music_img" style="width: 80px;height: 80px;background-image: url('//i.imgur.com/V86EPVw.gif');">
<img class="b-lazy b-loaded" src="%thumb%" style="width: 80px; height: 80px;"/>
</div>
<div class="main_page_category_music_txt">
<div>
<h3 style="font-size:14px; font-weight:700; margin-bottom:auto; margin-top:auto; line-height:20px; color: #050b0d;">%name%.%format%
</h3></div>
%size%
<br/>
:VALUE(%date%).DATE(AGO);
</div>
</div>
</a>
</div>

# Enter Config:-

<limit>30</limit><page>:GET(page);</page><url>?page=</url><order>new</order>

# Header:-

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 main_page_category_div">Recent Mp3 Songs</div>

# Footer:-

:PAGING(<center><div class="az a"> %prev% %num% %next% </div></center>);

# Default:-

<center><big>Do Not Found Any Document.</big></center>

# Item will be visible for:-

All User

All Done But Css Style Is Not Setup. Now We Are Setup Css Style. Go To Header Css Style And Add Under The Css Style. Ok.

div.clickablebox {
padding-top: 8px;
}
@media (min-width: 1200px) {
.col-lg-12 {
width: 100%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left;
}}
@media (min-width: 992px) {
.col-md-12 {
width: 100%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}}
@media (min-width: 768px) {
.col-sm-12 {
width: 100%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left;
}}
.col-xs-12 {
width: 100%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 6px;
padding-left: 6px;
}
.main_page_category_music_box {
border-bottom: 1px solid #d8d1d1;
padding-bottom: 7px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main_page_category_music_img {
float: left;
}
img {
vertical-align: middle;
border: 0;
}
.main_page_category_music_txt {
float: left;
padding-left: 10px;
}