yuukiasuna

[Ani Indo] Cara Membuat Anime List

Dec 25th, 2014
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.54 KB | None | 0 0
  1. <div id="animelist">
  2. <div class="allgenres">
  3. </div>
  4. <!-- ANIME LIST MANUAL -->
  5. <div class="nav_apb">
  6. <a href="##">#</a>
  7. <a href="#A">A</a>
  8. <a href="#B">B</a>
  9. <a href="#C">C</a>
  10. <a href="#D">D</a>
  11. <a href="#E">E</a>
  12. <a href="#F">F</a>
  13. <a href="#G">G</a>
  14. <a href="#H">H</a>
  15. <a href="#I">I</a>
  16. <a href="#J">J</a>
  17. <a href="#K">K</a>
  18. <a href="#L">L</a>
  19. <a href="#M">M</a>
  20. <a href="#N">N</a>
  21. <a href="#O">O</a>
  22. <a href="#P">P</a>
  23. <a href="#Q">Q</a>
  24. <a href="#R">R</a>
  25. <a href="#S">S</a>
  26. <a href="#T">T</a>
  27. <a href="#U">U</a>
  28. <a href="#V">V</a>
  29. <a href="#W">W</a>
  30. <a href="#X">X</a>
  31. <a href="#Y">Y</a>
  32. <a href="#Z">Z</a>
  33. <div class="clear">
  34. </div>
  35. </div>
  36. <br/>
  37. <div class="letter-group">
  38. <div class="letter-cell"><a name="A">A</a></div>
  39. <div class="row-cells">
  40. </div>
  41. <div class="row-cells">
  42. <div class="title-cell">Akame ga Kill! (coming soon)</div>
  43. </div>
  44. <div class="row-cells">
  45. <div class="title-cell"> - </div>
  46. </div>
  47. <div class="row-cells">
  48. <div class="title-cell"> - </div>
  49. </div>
  50. <div class="row-cells">
  51. <div class="title-cell"> - </div>
  52. </div>
  53. <div class="clear"></div></div><br/><br/>
  54. <div class="letter-group">
  55. <div class="letter-cell"><a name="B">B</a></div>
  56. <div class="row-cells">
  57. </div>
  58. <div class="row-cells">
  59. <div class="title-cell"><a href="http://ani-sub-indo.blogspot.com/p/boku-wa-tomodachi-ga-sukunai.html" target="_blank">Boku wa Tomodachi ga Sukunai</a></div>
  60. </div>
  61. <div class="row-cells">
  62. <div class="title-cell"> - </div>
  63. </div>
  64. <div class="row-cells">
  65. <div class="title-cell"> - </div>
  66. </div>
  67. <div class="row-cells">
  68. <div class="title-cell"> - </div>
  69. </div>
  70. <div class="clear"></div></div><br/><br/>
  71. <div class="letter-group">
  72. <div class="letter-cell"><a name="C">C</a></div>
  73. <div class="row-cells">
  74. </div>
  75. <div class="row-cells">
  76. <div class="title-cell"> - </div>
  77. </div>
  78. <div class="row-cells">
  79. <div class="title-cell"> - </div>
  80. </div>
  81. <div class="row-cells">
  82. <div class="title-cell"> - </div>
  83. </div>
  84. <div class="row-cells">
  85. <div class="title-cell"> - </div>
  86. </div>
  87. <div class="clear"></div></div><br/><br/>
  88. <div class="letter-group">
  89. <div class="letter-cell"><a name="D">D</a></div>
  90. <div class="row-cells">
  91. </div>
  92. <div class="row-cells">
  93. <div class="title-cell"> - </div>
  94. </div>
  95. <div class="row-cells">
  96. <div class="title-cell"> - </div>
  97. </div>
  98. <div class="row-cells">
  99. <div class="title-cell"> - </div>
  100. </div>
  101. <div class="row-cells">
  102. <div class="title-cell"> - </div>
  103. </div>
  104. <div class="clear"></div></div><br/><br/>
  105. <div class="letter-group">
  106. <div class="letter-cell"><a name="E">E</a></div>
  107. <div class="row-cells">
  108. </div>
  109. <div class="row-cells">
  110. <div class="title-cell"> - </div>
  111. </div>
  112. <div class="row-cells">
  113. <div class="title-cell"> - </div>
  114. </div>
  115. <div class="row-cells">
  116. <div class="title-cell"> - </div>
  117. </div>
  118. <div class="row-cells">
  119. <div class="title-cell"> - </div>
  120. </div>
  121. <div class="clear"></div></div><br/><br/>
  122. <div class="letter-group">
  123. <div class="letter-cell"><a name="F">F</a></div>
  124. <div class="row-cells">
  125. </div>
  126. <div class="row-cells">
  127. <div class="title-cell"><a href="http://ani-sub-indo.blogspot.com/p/fatestay-nigh-unlimited-blade-works.html" target="_blank">Fate/Stay night - Unlimited Blade Works</a></div>
  128. </div>
  129. <div class="row-cells">
  130. <div class="title-cell"> - </div>
  131. </div>
  132. <div class="row-cells">
  133. <div class="title-cell"> - </div>
  134. </div>
  135. <div class="row-cells">
  136. <div class="title-cell"> - </div>
  137. </div>
  138. <div class="clear"></div></div><br/><br/>
  139. <div class="letter-group">
  140. <div class="letter-cell"><a name="G">G</a></div>
  141. <div class="row-cells">
  142. </div>
  143. <div class="row-cells">
  144. <div class="title-cell">Grisaia no Kajitsu</div>
  145. </div>
  146. <div class="row-cells">
  147. <div class="title-cell"> - </div>
  148. </div>
  149. <div class="row-cells">
  150. <div class="title-cell"> - </div>
  151. </div>
  152. <div class="row-cells">
  153. <div class="title-cell"> - </div>
  154. </div>
  155. <div class="clear"></div></div><br/><br/>
  156. <div class="letter-group">
  157. <div class="letter-cell"><a name="H">H</a></div>
  158. <div class="row-cells">
  159. </div>
  160. <div class="row-cells">
  161. <div class="title-cell"> - </div>
  162. </div>
  163. <div class="row-cells">
  164. <div class="title-cell"> - </div>
  165. </div>
  166. <div class="row-cells">
  167. <div class="title-cell"> - </div>
  168. </div>
  169. <div class="row-cells">
  170. <div class="title-cell"> - </div>
  171. </div>
  172. <div class="clear"></div></div><br/><br/>
  173. <div class="letter-group">
  174. <div class="letter-cell"><a name="I">I</a></div>
  175. <div class="row-cells">
  176. </div>
  177. <div class="row-cells">
  178. <div class="title-cell"> - </div>
  179. </div>
  180. <div class="row-cells">
  181. <div class="title-cell"> - </div>
  182. </div>
  183. <div class="row-cells">
  184. <div class="title-cell"> - </div>
  185. </div>
  186. <div class="row-cells">
  187. <div class="title-cell"> - </div>
  188. </div>
  189. <div class="clear"></div></div><br/><br/>
  190. <div class="letter-group">
  191. <div class="letter-cell"><a name="J">J</a></div>
  192. <div class="row-cells">
  193. </div>
  194. <div class="row-cells">
  195. <div class="title-cell"> - </div>
  196. </div>
  197. <div class="row-cells">
  198. <div class="title-cell"> - </div>
  199. </div>
  200. <div class="row-cells">
  201. <div class="title-cell"> - </div>
  202. </div>
  203. <div class="row-cells">
  204. <div class="title-cell"> - </div>
  205. </div>
  206. <div class="clear"></div></div><br/><br/>
  207. <div class="letter-group">
  208. <div class="letter-cell"><a name="K">K</a></div>
  209. <div class="row-cells">
  210. </div>
  211. <div class="row-cells">
  212. <div class="title-cell"> - </div>
  213. </div>
  214. <div class="row-cells">
  215. <div class="title-cell"> - </div>
  216. </div>
  217. <div class="row-cells">
  218. <div class="title-cell"> - </div>
  219. </div>
  220. <div class="row-cells">
  221. <div class="title-cell"> - </div>
  222. </div>
  223. <div class="clear"></div></div><br/><br/>
  224. <div class="letter-group">
  225. <div class="letter-cell"><a name="L">L</a></div>
  226. <div class="row-cells">
  227. </div>
  228. <div class="row-cells">
  229. <div class="title-cell"> - </div>
  230. </div>
  231. <div class="row-cells">
  232. <div class="title-cell"> - </div>
  233. </div>
  234. <div class="row-cells">
  235. <div class="title-cell"> - </div>
  236. </div>
  237. <div class="row-cells">
  238. <div class="title-cell"> - </div>
  239. </div>
  240. <div class="clear"></div></div><br/><br/>
  241. <div class="letter-group">
  242. <div class="letter-cell"><a name="M">M</a></div>
  243. <div class="row-cells">
  244. </div>
  245. <div class="row-cells">
  246. <div class="title-cell"> - </div>
  247. </div>
  248. <div class="row-cells">
  249. <div class="title-cell"> - </div>
  250. </div>
  251. <div class="row-cells">
  252. <div class="title-cell"> - </div>
  253. </div>
  254. <div class="row-cells">
  255. <div class="title-cell"> - </div>
  256. </div>
  257. <div class="clear"></div></div><br/><br/>
  258. <div class="letter-group">
  259. <div class="letter-cell"><a name="N">N</a></div>
  260. <div class="row-cells">
  261. </div>
  262. <div class="row-cells">
  263. <div class="title-cell"><a href="http://ani-sub-indo.blogspot.com/p/naruto-shippuden-subtitle-indonesia.html" target="_blank">Naruto Shippuden</a></div>
  264. </div>
  265. <div class="row-cells">
  266. <div class="title-cell"> - </div>
  267. </div>
  268. <div class="row-cells">
  269. <div class="title-cell"> - </div>
  270. </div>
  271. <div class="row-cells">
  272. <div class="title-cell"> - </div>
  273. </div>
  274. <div class="clear"></div></div><br/><br/>
  275. <div class="letter-group">
  276. <div class="letter-cell"><a name="O">O</a></div>
  277. <div class="row-cells">
  278. </div>
  279. <div class="row-cells">
  280. <div class="title-cell"> - </div>
  281. </div>
  282. <div class="row-cells">
  283. <div class="title-cell"> - </div>
  284. </div>
  285. <div class="row-cells">
  286. <div class="title-cell"> - </div>
  287. </div>
  288. <div class="row-cells">
  289. <div class="title-cell"> - </div>
  290. </div>
  291. <div class="clear"></div></div><br/><br/>
  292. <div class="letter-group">
  293. <div class="letter-cell"><a name="P">P</a></div>
  294. <div class="row-cells">
  295. </div>
  296. <div class="row-cells">
  297. <div class="title-cell"> - </div>
  298. </div>
  299. <div class="row-cells">
  300. <div class="title-cell"> - </div>
  301. </div>
  302. <div class="row-cells">
  303. <div class="title-cell"> - </div>
  304. </div>
  305. <div class="row-cells">
  306. <div class="title-cell"> - </div>
  307. </div>
  308. <div class="clear"></div></div><br/><br/>
  309. <div class="letter-group">
  310. <div class="letter-cell"><a name="Q">Q</a></div>
  311. <div class="row-cells">
  312. </div>
  313. <div class="row-cells">
  314. <div class="title-cell"> - </div>
  315. </div>
  316. <div class="row-cells">
  317. <div class="title-cell"> - </div>
  318. </div>
  319. <div class="row-cells">
  320. <div class="title-cell"> - </div>
  321. </div>
  322. <div class="row-cells">
  323. <div class="title-cell"> - </div>
  324. </div>
  325. <div class="clear"></div></div><br/><br/>
  326. <div class="letter-group">
  327. <div class="letter-cell"><a name="R">R</a></div>
  328. <div class="row-cells">
  329. </div>
  330. <div class="row-cells">
  331. <div class="title-cell"> - </div>
  332. </div>
  333. <div class="row-cells">
  334. <div class="title-cell"> - </div>
  335. </div>
  336. <div class="row-cells">
  337. <div class="title-cell"> - </div>
  338. </div>
  339. <div class="row-cells">
  340. <div class="title-cell"> - </div>
  341. </div>
  342. <div class="clear"></div></div><br/><br/>
  343. <div class="letter-group">
  344. <div class="letter-cell"><a name="S">S</a></div>
  345. <div class="row-cells">
  346. </div>
  347. <div class="row-cells">
  348. <div class="title-cell">Sword Art Online 2</div>
  349. </div>
  350. <div class="row-cells">
  351. <div class="title-cell"> - </div>
  352. </div>
  353. <div class="row-cells">
  354. <div class="title-cell"> - </div>
  355. </div>
  356. <div class="row-cells">
  357. <div class="title-cell"> - </div>
  358. </div>
  359. <div class="clear"></div></div><br/><br/>
  360. <div class="letter-group">
  361. <div class="letter-cell"><a name="T">T</a></div>
  362. <div class="row-cells">
  363. </div>
  364. <div class="row-cells">
  365. <div class="title-cell"> - </div>
  366. </div>
  367. <div class="row-cells">
  368. <div class="title-cell"> - </div>
  369. </div>
  370. <div class="row-cells">
  371. <div class="title-cell"> - </div>
  372. </div>
  373. <div class="row-cells">
  374. <div class="title-cell"> - </div>
  375. </div>
  376. <div class="clear"></div></div><br/><br/>
  377. <div class="letter-group">
  378. <div class="letter-cell"><a name="U">U</a></div>
  379. <div class="row-cells">
  380. </div>
  381. <div class="row-cells">
  382. <div class="title-cell"> - </div>
  383. </div>
  384. <div class="row-cells">
  385. <div class="title-cell"> - </div>
  386. </div>
  387. <div class="row-cells">
  388. <div class="title-cell"> - </div>
  389. </div>
  390. <div class="row-cells">
  391. <div class="title-cell"> - </div>
  392. </div>
  393. <div class="clear"></div></div><br/><br/>
  394. <div class="letter-group">
  395. <div class="letter-cell"><a name="V">V</a></div>
  396. <div class="row-cells">
  397. </div>
  398. <div class="row-cells">
  399. <div class="title-cell"> - </div>
  400. </div>
  401. <div class="row-cells">
  402. <div class="title-cell"> - </div>
  403. </div>
  404. <div class="row-cells">
  405. <div class="title-cell"> - </div>
  406. </div>
  407. <div class="row-cells">
  408. <div class="title-cell"> - </div>
  409. </div>
  410. <div class="clear"></div></div><br/><br/>
  411. <div class="letter-group">
  412. <div class="letter-cell"><a name="W">W</a></div>
  413. <div class="row-cells">
  414. </div>
  415. <div class="row-cells">
  416. <div class="title-cell"> - </div>
  417. </div>
  418. <div class="row-cells">
  419. <div class="title-cell"> - </div>
  420. </div>
  421. <div class="row-cells">
  422. <div class="title-cell"> - </div>
  423. </div>
  424. <div class="row-cells">
  425. <div class="title-cell"> - </div>
  426. </div>
  427. <div class="clear"></div></div><br/><br/>
  428. <div class="letter-group">
  429. <div class="letter-cell"><a name="X">X</a></div>
  430. <div class="row-cells">
  431. </div>
  432. <div class="row-cells">
  433. <div class="title-cell"> - </div>
  434. </div>
  435. <div class="row-cells">
  436. <div class="title-cell"> - </div>
  437. </div>
  438. <div class="row-cells">
  439. <div class="title-cell"> - </div>
  440. </div>
  441. <div class="row-cells">
  442. <div class="title-cell"> - </div>
  443. </div>
  444. <div class="clear"></div></div><br/><br/>
  445. <div class="letter-group">
  446. <div class="letter-cell"><a name="Y">Y</a></div>
  447. <div class="row-cells">
  448. </div>
  449. <div class="row-cells">
  450. <div class="title-cell"> - </div>
  451. </div>
  452. <div class="row-cells">
  453. <div class="title-cell"> - </div>
  454. </div>
  455. <div class="row-cells">
  456. <div class="title-cell"> - </div>
  457. </div>
  458. <div class="row-cells">
  459. <div class="title-cell"> - </div>
  460. </div>
  461. <div class="clear"></div></div><br/><br/>
  462. <div class="letter-group">
  463. <div class="letter-cell"><a name="Z">Z</a></div>
  464. <div class="row-cells">
  465. </div>
  466. <div class="row-cells">
  467. <div class="title-cell"> - </div>
  468. </div>
  469. <div class="row-cells">
  470. <div class="title-cell"> - </div>
  471. </div>
  472. <div class="row-cells">
  473. <div class="title-cell"> - </div>
  474. </div>
  475. <div class="row-cells">
  476. <div class="title-cell"> - </div>
  477. </div>
  478. <div class="clear"></div></div><br> <!-- end manual anime list -->
  479.  
  480. </div>
  481.  
  482. <!-- STYLE POST [jangan di edit!] -->
  483. <style type='text/css'>
  484. #main-wrap {
  485. float: left;
  486. width: 968px;
  487. margin-right: 28px;
  488. }
  489. #sidebar-wrap {
  490. width: 300px;
  491. float: left;
  492. margin: 0px auto;
  493. display: none;
  494. }
  495. .navigation {
  496. background: #3a3a3a;
  497. -webkit-border-radius: 5px;
  498. -moz-border-radius: 5px;
  499. border-radius: 5px;
  500. height: 35px;
  501. margin: 10px 20px;
  502. text-align: center;
  503. line-height: 35px;
  504. display: none;
  505. }
  506. </style>
Advertisement
Add Comment
Please, Sign In to add comment