ProjeXCode Forum: Membuat List Anime Sesuai Abjad

November 01, 2020

Share this Threads

Daftar List Anime Sesuai Abjad. Source By Naminakiky

Untuk Contoh Silahkan Kunjungi :

Result

Langkah 1 :

Masukkan CSS di atas Code </head> atau bisa diatas </b:skin> / </style> juga.

<style>
  /* Daftar Judul Anime */
.naminadaftar{overflow:hidden}
.naminadaftar .namina-ini{font-size:14px}
.naminadaftar .namina-ini a{line-height:30px;width:32px;color:#fff;border-radius:3px;background:#6AB2F2;transition:all 0.25s;display:inline-block;text-align:center;margin-bottom:3px}
.naminadaftar .namina-ini a:hover{text-decoration:underline;color:#FFFFFF}
.naminadaftar .namina-wrap{margin-top:20px}
.naminadaftar .namina-group{display:inline-block;width:100%;background:#F9F9F9;margin-bottom:10px}
.naminadaftar .namina-head{font-weight:700;overflow:hidden;margin-bottom:10px;background:#1581BC;font-size:15px}
.naminadaftar .namina-head a{color:#FFFFFF;background:#19A3EA;float:left;margin:-5px -10px -8px -10px;padding:12px 30px;border-top-right-radius:50px}
.naminadaftar .namina-item{float:left;color:#727272;width:33.3%;border-left:2px solid #D7D7D7}
.naminadaftar .namina-item a{line-height:24px;font-size:14px;color:#7A7A7A;padding-right:10px;text-overflow:ellipsis;overflow:hidden;font-weight:100;white-space:nowrap;padding-left:10px}
@media screen and (max-width:1066px){.naminadaftar .namina-ini a{margin:1px}}
@media only screen and (max-width:768px){.naminadaftar .namina-item{width:50%}}
@media screen and (max-width:480px){.naminadaftar .namina-item{width:100%}}
</style>

Langkah 2 :
Masukkan Script dibawah ini ke halaman dan pilih Mode HTML.

<div class='naminadaftar'>
   <div class='namina-ini'>
      <a href='#%23'>#</a>
      <a href='#A'>A</a>
      <a href='#B'>B</a>
      <a href='#C'>C</a>
      <a href='#D'>D</a>
      <a href='#E'>E</a>
      <a href='#F'>F</a>
      <a href='#G'>G</a>
      <a href='#H'>H</a>
      <a href='#I'>I</a>
      <a href='#J'>J</a>
      <a href='#K'>K</a>
      <a href='#L'>L</a>
      <a href='#M'>M</a>
      <a href='#N'>N</a>
      <a href='#O'>O</a>
      <a href='#P'>P</a>
      <a href='#Q'>Q</a>
      <a href='#R'>R</a>
      <a href='#S'>S</a>
      <a href='#T'>T</a>
      <a href='#U'>U</a>
      <a href='#V'>V</a>
      <a href='#W'>W</a>
      <a href='#X'>X</a>
      <a href='#Y'>Y</a>
      <a href='#Z'>Z</a>
      <div class='clear'></div>
   </div>
   <div class='namina-wrap'>
      <div class='namina-group'>
         <div class='namina-head'><a name='#'>#</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='A'>A</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='B'>B</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='C'>C</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='D'>D</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='E'>E</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='F'>F</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='G'>G</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='H'>H</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='I'>I</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='J'>J</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='K'>K</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='L'>L</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='M'>M</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='N'>N</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='O'>O</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='P'>P</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='Q'>Q</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='R'>R</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='S'>S</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='T'>T</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='U'>U</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='V'>V</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='W'>W</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='X'>X</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='Y'>Y</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
      <div class='namina-group'>
         <div class='namina-head'><a name='Z'>Z</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
         <div class='namina-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
      </div>
   </div>
</div>

Silahkan Ganti "Nama Anime" untuk Judul Anime, dan "#" Link Post Anime

Title Role Staff

Title Role Senior Member

Title Role Member

Title Role Junior Member

Title Role New Member

Title Badge Moderator

Title Color Moderator

Title Badge Staff

Title Color Staff

Title Badge Member

Title Color Member

Status Info

Status Verified

ADS Title User

Similar Threads