Download Box Manga

Ini download box khusus untuk manga. Bukan download box anime.

Inspirasinya dari situs apa ya, saya lupa, nanti saya cantumkan sumbernya kalau ingat.


.ofz {display: flex;padding: 5px;border-bottom: 1px solid #f1f1f1;justify-content: space-between;}
#downloadlist {padding: 20px;}
#downloadlist ul {padding-left: 0;list-style: none;}
#downloadlist li {border-bottom: solid 1px #eceff5;padding: 7px 10px;}
#downloadlist .db {color: #FF6347;margin-left: 20px;}
.dt {float: right;}

<div id='downloadlist'>
  <div class='ofz'>
    <span>Chapter #</span>
    <span>Date</span>
  </div>
  <ul>
    <li>
      <a href='#'>Chapter 10</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>22 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 09</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>12 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 08</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>9 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 07</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>8 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 06</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>7 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 05</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>6 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 04</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>5 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 03</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>4 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 02</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>3 November, 2020</span>
    </li>
    <li>
      <a href='#'>Chapter 01</a>
      <a class='db' href='#'>Download</a>
      <span class='dt'>2 November, 2020</span>
    </li>
  </ul>
</div>
Ads
Iklan
Kalau begini min https://1.bp.blogspot.com/-z4i2f2X6JzM/YK5o1vSt5sI/AAAAAAAAAQ0/zKrItQCxzLEGcIXPC9dUIG7ZJcoyxMPBACLcBGAsYHQ/s0/IMG_20210526_222632.jpg
14