API tools faq
paste
Advertisement
Ilma

Daftar Karakter Roleplay

Ilma
Sep 21st, 2012
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>My Dearlings</title>
  6.  
  7. <style type='text/css' rel='stylesheet'>
  8.  
  9. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  10.  
  11.         body {
  12.         font-family: Calibri;
  13.         font-size: 10px;
  14.         color: #a3a3a3;
  15.         line-height:13px;
  16.         background: url('http://media.tumblr.com/tumblr_m1vpcc4Omu1r9ly5j.gif') repeat center top;
  17.         background-attachment: fixed;
  18.         cursor: url("http://img69.imageshack.us/img69/7673/cursorw.png"); }
  19.  
  20.         ::-webkit-scrollbar-thumb:vertical {
  21.         background-color: #ccc;
  22.         height: 30px;}
  23.          
  24.         ::-webkit-scrollbar {
  25.         height: 30px;
  26.         width: 4px;
  27.         background-color:#fff;}
  28.  
  29.         a:link, a:active, a:visited{
  30.         text-decoration:none;
  31.         cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur");
  32.         color: #fff; }
  33.  
  34.         a:hover{
  35.         cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur");
  36.         color: #fff;}
  37.  
  38.         #content {
  39.         margin: 0 auto 50px 0; }
  40.  
  41.         #container {
  42.         background:transparent;
  43.         margin:auto;
  44.         padding-bottom: 50px; }
  45.  
  46.         #bar
  47.         { width: 100%;
  48.         background-color: #6e6e6e;
  49.         border-bottom: 5px solid #ccc;
  50.         font-family: calibri;
  51.         text-shadow: 1px 1px 2px #ccc;
  52.         font-size: 20px;
  53.         text-transform: uppercase;
  54.         text-align: center;
  55.         font-weight: bold;
  56.         letter-spacing: 5px;
  57.         padding-top:15px;
  58.         padding-bottom: 15px;
  59.         color: #fff;}
  60.  
  61.         #desc
  62.         { width: 100%;
  63.         font-family: calibri;
  64.         font-size: 10px;
  65.         text-align: center;
  66.         padding-top:15px;
  67.         color: #fff; }
  68.  
  69.  
  70.         .item {
  71.         width: 200px;
  72.         margin: 5px;
  73.         float: left;
  74.         background-color:transparent;
  75.         padding:5px 5px 5px 5px;}
  76.  
  77.         h2 {
  78.         color: #8b8b8b;
  79.         font-size:20px;
  80.         text-align: center;
  81.         font-family: Calibri;
  82.         font-weight: bold;
  83.         text-transform: uppercase;
  84.         width:210px; }
  85.  
  86.         h3 {
  87.         color: #8b8b8b;
  88.         font-size:16px;
  89.         text-align: center;
  90.         font-family: Calibri;
  91.         font-weight: bold;
  92.         text-transform: uppercase;
  93.         width:210px; }
  94.  
  95.         #credit a{
  96.         position:fixed;
  97.         color: #000;
  98.         font-size:15px;
  99.         font-family: Calibri;
  100.         text-shadow: 1px 1px 2px #ccc;
  101.         bottom:5px;
  102.         right:5px;}
  103.  
  104.         select {
  105.         border: 1px solid #ccc;
  106.         border-left: 5px solid #ccc;
  107.         width:210px;
  108.         color:#a3a3a3;
  109.         font-family: Calibri;
  110.         -moz-box-shadow: 3px 0px 4px 8px #ccc;
  111.         -webkit-box-shadow: 3px 0px 4px 8px #ccc;
  112.         box-shadow: 3px 0px 4px 0px #ccc;}
  113.  
  114.         img {
  115.         opacity: 0.7;
  116.         width:200px;
  117.         height:200px;
  118.         border: 5px solid #ccc;
  119.         -webkit-transition: opacity 0.7s linear; }
  120.  
  121.         img:hover{
  122.         -webkit-transition: opacity 0.7s linear;
  123.         opacity: 1;
  124.         -moz-box-shadow: 3px 0px 4px 8px #ccc;
  125.         -webkit-box-shadow: 3px 0px 4px 8px #ccc;
  126.         box-shadow: 3px 0px 4px 0px #ccc;}
  127.  
  128. </style>
  129. </head>
  130.  
  131. <body>
  132.  
  133. <div id="credit"><a href="http://classily-trashy.tumblr.com">classily-trashy</a></div>
  134. <div id="content">
  135. <div id="bar">My Dearlings
  136. <div id="desc">Monochrome = Inactive Characters<br>
  137. <a href="/">return</a></div></div>
  138. <div id="container">
  139. <center>
  140. <div class="item"><h2>Aislynn Fitzburgh</h2>
  141. <img src="http://i.imgur.com/8p77k.png"><br><br>
  142. <select onChange="location.href=this.options[this.selectedIndex].value;">
  143.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  144.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1572888/">→ Profile</option>
  145.         <option value="http://afrobisher.tumblr.com/post/31262109489/aislynn-fitzburgh">→ Biodata</option>
  146.         <option value="/">→ Story Log</option>
  147.         <option value="http://afrobisher.tumblr.com/tagged/Aislynn">→ Tags</option>
  148.         </select>
  149. </div>
  150.  
  151. <div class="item"><h2>Alexander Clermont</h2>
  152. <img src="http://i.imgur.com/Bmkce.png"><br><br>
  153. <select onChange="location.href=this.options[this.selectedIndex].value;">
  154.         <option value="http://s1.zetaboards.com/IndoOlympians">→ INDOOLYMPIANS</option>
  155.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1662021/">→ Profile</option>
  156.         <option value="http://afrobisher.tumblr.com/post/31262161940/alexander-clermont">→ Biodata</option>
  157.         <option value="/">→ Story Log</option>
  158.         <option value="http://afrobisher.tumblr.com/tagged/Alex">→ Tags</option>
  159.         </select>
  160. </div>
  161.  
  162. <div class="item"><h2>Anastasia Frobisher</h2>
  163. <img src="http://i.imgur.com/camPY.png"><br><br>
  164. <select onChange="location.href=this.options[this.selectedIndex].value;">
  165.         <option value="http://www.indohogwartsrpg.com/">→ NEW INDOHOGWARTS</option>
  166.         <option value="http://indohogwartsrpg.com/profile/3368035/">→ Profile</option>
  167.         <option value="http://afrobisher.tumblr.com/post/31180843930/anastasia-frobisher">→ Biodata</option>
  168.         <option value="/">→ Story Log</option>
  169.         <option value="http://afrobisher.tumblr.com/tagged/Anastasia">→ Tags</option>
  170.         </select>
  171. </div>
  172.  
  173. <div class="item"><h2>Angelina Weasley</h2>
  174. <img src="http://i.imgur.com/4zDKX.png"><br><br>
  175. <select onChange="location.href=this.options[this.selectedIndex].value;">
  176.         <option value="http://reversedparadigm.b1.jcink.com/">→ REVERSED PARADIGM</option>
  177.         <option value="http://reversedparadigm.b1.jcink.com/index.php?s=f451787c6854d40deea6e497d5a1005c&showuser=236">→ Profile</option>
  178.         <option value="http://harrypotter.wikia.com/wiki/Angelina_Johnson">→ Biodata</option>
  179.         <option value="http://afrobisher.tumblr.com/tagged/Angelina">→ Tags</option>
  180.         </select>
  181. </div>
  182.  
  183. <div class="item"><h2>Annabeth A. Schmidt</h2>
  184. <img src="http://i.imgur.com/WRCGO.png"><br><br>
  185. <select onChange="location.href=this.options[this.selectedIndex].value;">
  186.         <option value="http://www.indohogwarts.co.nr">→ OLD INDOHOGWARTS</option>
  187.         <option value="http://s15.zetaboards.com/hogwartsnox/profile/3172460/">→ Profile</option>
  188.         <option value="http://afrobisher.tumblr.com/tagged/Annabeth">→ Tags</option>
  189.         </select>
  190. </div>
  191. <div class="item"><h2>Audrey Sanders</h2>
  192. <img src="http://i.imgur.com/4V8Da.png"><br><br>
  193. <select onChange="location.href=this.options[this.selectedIndex].value;">
  194.         <option value="http://s4.zetaboards.com/AussieWizards">→ AUSSIE WIZARDING SCHOOL</option>
  195.         <option value="http://s4.zetaboards.com/aussiewizards/profile/3712365/">→ Profile</option>
  196.         <option value="http://afrobisher.tumblr.com/post/31262414398/audrey-sanders">→ Biodata</option>
  197.         <option value="/">→ Story Log</option>
  198.         <option value="http://afrobisher.tumblr.com/tagged/Audrey">→ Tags</option>
  199.         </select>
  200. </div>
  201. <div class="item"><h3>Autumn Vanlandingham</h3>
  202. <img src="http://i.imgur.com/Q1kub.png"><br><br>
  203. <select onChange="location.href=this.options[this.selectedIndex].value;">
  204.         <option value="http://w11.zetaboards.com/Tower_Prep/">→ TOWER PREP</option>
  205.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3172693/">→ Profile</option>
  206.         <option value="http://afrobisher.tumblr.com/post/31262558930/autumn-vanlandingham">→ Biodata</option>
  207.         <option value="http://afrobisher.tumblr.com/tagged/Autumn">→ Tags</option>
  208.         </select>
  209. </div>
  210. <div class="item"><h2>Caia Jezebel</h2>
  211. <img src="http://media.tumblr.com/tumblr_ma4mj1ikTO1qcz0vp.png"><br><br>
  212. <select onChange="location.href=this.options[this.selectedIndex].value;">
  213.         <option value="http://w11.zetaboards.com/indocapitol/">→ INDOCAPTIOL</option>
  214.         <option value="http://w11.zetaboards.com/indocapitol/profile/3168943/">→ Profile</option>
  215.         <option value="http://afrobisher.tumblr.com/post/31262579504/caia-jezebel">→ Biodata</option>
  216.         <option value="/">→ Story Log</option>
  217.         <option value="http://afrobisher.tumblr.com/tagged/Caia">→ Tags</option>
  218.         </select>
  219. </div>
  220. <div class="item"><h2>Calysta Lightwood</h2>
  221. <img src="http://i.imgur.com/ftbMd.png"><br><br>
  222. <select onChange="location.href=this.options[this.selectedIndex].value;">
  223.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  224.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1684609/">→ Profile</option>
  225.         <option value="http://afrobisher.tumblr.com/post/31262649128/calysta-lightwood">→ Biodata</option>
  226.         <option value="/">→ Story Log</option>
  227.         <option value="http://afrobisher.tumblr.com/tagged/Calysta">→ Tags</option>
  228.         </select>
  229. </div>
  230. <div class="item"><h2>Cecilia Clarette</h2>
  231. <img src="http://i.imgur.com/D4GHr.png"><br><br>
  232. <select onChange="location.href=this.options[this.selectedIndex].value;">
  233.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  234.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1445503/">→ Profile</option>
  235.         <option value="http://afrobisher.tumblr.com/post/31262897142/cecilia-clarette">→ Biodata</option>
  236.         <option value="/">→ Story Log</option>
  237.         <option value="http://afrobisher.tumblr.com/tagged/Cecilia">→ Tags</option>
  238.         </select>
  239. </div>
  240. <div class="item"><h2>Cecille Mitchell</h2>
  241. <img src="http://i.imgur.com/rEDVw.png"><br><br>
  242. <select onChange="location.href=this.options[this.selectedIndex].value;">
  243.         <option value="http://w11.zetaboards.com/salems">→ INDOSALEM</option>
  244.         <option value="http://w11.zetaboards.com/salems/profile/3164339/">→ Profile</option>
  245.         <option value="http://afrobisher.tumblr.com/tagged/Cecille">→ Tags</option>
  246.         </select>
  247. </div>
  248. <div class="item"><h2>Cierra Rodriguez</h2>
  249. <img src="http://i.imgur.com/dotX2.png"><br><br>
  250. <select onChange="location.href=this.options[this.selectedIndex].value;">
  251.         <option value="http://w11.zetaboards.com/indocapitol/">→ INDOCAPITOL</option>
  252.         <option value="http://w11.zetaboards.com/indocapitol/profile/3340787/">→ Profile</option>
  253.         <option value="/">→ Biodata</option>
  254.         <option value="/">→ Story Log</option>
  255.         <option value="http://afrobisher.tumblr.com/tagged/Cierra">→ Tags</option>
  256.         </select>
  257. </div>
  258. <div class="item"><h2>Daniel Harnois</h2>
  259. <img src="http://i.imgur.com/KcJ3R.png"><br><br>
  260. <select onChange="location.href=this.options[this.selectedIndex].value;">
  261.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  262.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1531426/">→ Profile</option>
  263.         <option value="http://afrobisher.tumblr.com/post/31256438503/daniel-harnois">→ Biodata</option>
  264.         <option value="/">→ Story Log</option>
  265.         <option value="http://afrobisher.tumblr.com/tagged/Dan">→ Tags</option>
  266.         </select>
  267. </div>
  268. <div class="item"><h2>Dean Schneider</h2>
  269. <img src="http://i.imgur.com/LEoVZ.png"><br><br>
  270. <select onChange="location.href=this.options[this.selectedIndex].value;">
  271.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  272.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1705885/">→ Profile</option>
  273.         <option value="http://afrobisher.tumblr.com/post/31263079156/dean-schneider">→ Biodata</option>
  274.         <option value="/">→ Story Log</option>
  275.         <option value="http://afrobisher.tumblr.com/tagged/Dean">→ Tags</option>
  276.         </select>
  277. </div>
  278. <div class="item"><h2>Devon Donovan</h2>
  279. <img src="http://i.imgur.com/nCEds.png"><br><br>
  280. <select onChange="location.href=this.options[this.selectedIndex].value;">
  281.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  282.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1572891/">→ Profile</option>
  283.         <option value="http://afrobisher.tumblr.com/post/31263198588/devon-donovan">→ Biodata</option>
  284.         <option value="/">→ Story Log</option>
  285.         <option value="http://afrobisher.tumblr.com/tagged/Devon">→ Tags</option>
  286.         </select>
  287. </div>
  288. <div class="item"><h2>Drew Anderson</h2>
  289. <img src="http://i.imgur.com/v0wc5.png"><br><br>
  290. <select onChange="location.href=this.options[this.selectedIndex].value;">
  291.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  292.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1531426/">→ Profile</option>
  293.         <option value="http://afrobisher.tumblr.com/post/31256359967/drew-anderson">→ Biodata</option>
  294.         <option value="/">→ Story Log</option>
  295.         <option value="http://afrobisher.tumblr.com/tagged/drew">→ Tags</option>
  296.         </select>
  297. </div>
  298. <div class="item"><h2>Freya Beauregard</h2>
  299. <img src="http://i.imgur.com/fF9VF.png"><br><br>
  300. <select onChange="location.href=this.options[this.selectedIndex].value;">
  301.         <option value="http://indohogwartsrpg.com">→ NEW INDOHOGWARTS</option>
  302.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1531426/">→ Profile</option>
  303.         <option value="http://afrobisher.tumblr.com/post/31263276469/freya-beauregard">→ Biodata</option>
  304.         <option value="/">→ Story Log</option>
  305.         <option value="http://afrobisher.tumblr.com/tagged/freya">→ Tags</option>
  306.         </select>
  307. </div>
  308. <div class="item"><h2>Hanna Gorbachova</h2>
  309. <img src="http://i.imgur.com/ZfKBm.png"><br><br>
  310. <select onChange="location.href=this.options[this.selectedIndex].value;">
  311.         <option value="http://s4.zetaboards.com/new_indo_durmstrang">→ INDOOLYMPIANS</option>
  312.         <option value="http://s4.zetaboards.com/new_indo_durmstrang/profile/3825358/">→ Profile</option>
  313.         <option value="http://afrobisher.tumblr.com/post/31263358184/hanna-gorbachova">→ Biodata</option>
  314.         <option value="/">→ Story Log</option>
  315.         <option value="http://afrobisher.tumblr.com/tagged/Hanna">→ Tags</option>
  316.         </select>
  317. </div>
  318. <div class="item"><h2>Irvette Schwan</h2>
  319. <img src="http://i.imgur.com/MwgrX.png"><br><br>
  320. <select onChange="location.href=this.options[this.selectedIndex].value;">
  321.         <option value="http://w11.zetaboards.com/indocapitol/">→ INDOCAPITOL</option>
  322.         <option value="http://w11.zetaboards.com/indocapitol/profile/3340219/">→ Profile</option>
  323.         <option value="http://afrobisher.tumblr.com/post/31263370004/irvette-schwan">→ Biodata</option>
  324.         <option value="/">→ Story Log</option>
  325.         <option value="http://afrobisher.tumblr.com/tagged/Irvette">→ Tags</option>
  326.         </select>
  327. </div>
  328. <div class="item"><h2>Isabelle Lightwood</h2>
  329. <img src="http://i.imgur.com/oHJ4r.png"><br><br>
  330. <select onChange="location.href=this.options[this.selectedIndex].value;">
  331.         <option value="http://w11.zetaboards.com/Mortal_Instruments/">→ MORTAL INSTRUMETNS (INACTIVE)</option>
  332.         <option value="http://w11.zetaboards.com/Mortal_Instruments/profile/3118745/">→ Profile</option>
  333.         <option value="http://shadowhunters.wikia.com/wiki/Isabelle_Lightwood">→ Biodata</option>
  334.         <option value="/">→ Story Log</option>
  335.         <option value="http://afrobisher.tumblr.com/tagged/Isabelle">→ Tags</option>
  336.         </select>
  337. </div>
  338. <div class="item"><h2>Joscelyne Mussete</h2>
  339. <img src="http://i.imgur.com/eoIAT.png"><br><br>
  340. <select onChange="location.href=this.options[this.selectedIndex].value;">
  341.         <option value="http://s1.zetaboards.com/Beauxbatons_rpg/">→ BEAUXBATONS ACADEMY</option>
  342.         <option value="http://s1.zetaboards.com/Beauxbatons_rpg/profile/1513312/">→ Profile</option>
  343.         <option value="http://afrobisher.tumblr.com/post/31256303149/joscelyne-mussete">→ Biodata</option>
  344.         <option value="/">→ Story Log</option>
  345.         <option value="http://afrobisher.tumblr.com/tagged/Josie">→ Tags</option>
  346.         </select>
  347. </div>
  348. <div class="item"><h2>Julian Miller</h2>
  349. <img src="http://i.imgur.com/yPn4P.png"><br><br>
  350. <select onChange="location.href=this.options[this.selectedIndex].value;">
  351.         <option value="http://s1.zetaboards.com/sociussomnium/index/">→ SOCIUS SOMNIUM</option>
  352.         <option value="http://s1.zetaboards.com/sociussomnium/profile/1778022/">→ Profile</option>
  353.         <option value="http://afrobisher.tumblr.com/post/31263379597/julian-miller">→ Biodata</option>
  354.         <option value="/">→ Story Log</option>
  355.         <option value="http://afrobisher.tumblr.com/tagged/Julian">→ Tags</option>
  356.         </select>
  357. </div>
  358. <div class="item"><h2>Lauren Baskara</h2>
  359. <img src="http://media.tumblr.com/tumblr_ma4q9v8U2O1qcz0vp.png"><br><br>
  360. <select onChange="location.href=this.options[this.selectedIndex].value;">
  361.         <option value="http://w11.zetaboards.com/Tower_Prep/">→ Tower Prep</option>
  362.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3184004/">→ Profile</option>
  363.         <option value="/">→ Biodata</option>
  364.         <option value="/">→ Story Log</option>
  365.         <option value="http://afrobisher.tumblr.com/tagged/Lauren">→ Tags</option>
  366.         </select>
  367. </div>
  368. <div class="item"><h2>Libby F. Garrett</h2>
  369. <img src="http://i.imgur.com/Qqqer.png"><br><br>
  370. <select onChange="location.href=this.options[this.selectedIndex].value;">
  371.         <option value="http://s15.zetaboards.com/hogwartsnox">→ OLD INDOHOGWARTS</option>
  372.         <option value="http://s15.zetaboards.com/hogwartsnox/profile/3140225/">→ Profile</option>
  373.         <option value="http://afrobisher.tumblr.com/post/31263396675/libby-garrett">→ Biodata</option>
  374.         <option value="/">→ Story Log</option>
  375.         <option value="http://afrobisher.tumblr.com/tagged/Libby">→ Tags</option>
  376.         </select>
  377. </div>
  378. <div class="item"><h2>Malcolm Parker</h2>
  379. <img src="http://i.imgur.com/ZzzxG.png"><br><br>
  380. <select onChange="location.href=this.options[this.selectedIndex].value;">
  381.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  382.         <option value="s1.zetaboards.com/IndoOlympians/profile/1673229/">→ Profile</option>
  383.         <option value="http://afrobisher.tumblr.com/post/31263614907/malcolm-parker">→ Biodata</option>
  384.         <option value="http://camphalfblood.wikia.com/wiki/Malcolm">→ Percy Jackson Wikia</option>
  385.         <option value="/">→ Story Log</option>
  386.         <option value="http://afrobisher.tumblr.com/tagged/Malcolm">→ Tags</option>
  387.         </select>
  388. </div>
  389. <div class="item"><h2>Mirabelle Chase</h2>
  390. <img src="http://i.imgur.com/ghW88.png"><br><br>
  391. <select onChange="location.href=this.options[this.selectedIndex].value;">
  392.         <option value="http://w11.zetaboards.com/IndoCapitol">→ INDOCAPITOL</option>
  393.         <option value="http://w11.zetaboards.com/indocapitol/profile/3169648/">→ Profile</option>
  394.         <option value="http://afrobisher.tumblr.com/post/31263628359/mirabelle-chase">→ Biodata</option>
  395.         <option value="/">→ Story Log</option>
  396.         <option value="http://afrobisher.tumblr.com/tagged/Mirabelle">→ Tags</option>
  397.         </select>
  398. </div>
  399. <div class="item"><h2>Nathalie Patterson</h2>
  400. <img src="http://i.imgur.com/x6kbz.png"><br><br>
  401. <select onChange="location.href=this.options[this.selectedIndex].value;">
  402.         <option value="http://s4.zetaboards.com/Atlantis">→ ATLANTIS</option>
  403.         <option value="http://s4.zetaboards.com/Atlantis/profile/3629158/">→ Profile</option>
  404.         <option value="http://afrobisher.tumblr.com/post/31263641719/nathalie-patterson">→ Biodata</option>
  405.         <option value="/">→ Story Log</option>
  406.         <option value="http://afrobisher.tumblr.com/tagged/Nathalie">→ Tags</option>
  407.         </select>
  408. </div>
  409. <div class="item"><h2>Pedro Rodriguez</h2>
  410. <img src="http://i.imgur.com/PFUza.png"><br><br>
  411. <select onChange="location.href=this.options[this.selectedIndex].value;">
  412.         <option value="http://w11.zetaboards.com/indocapitol/">→ INDOCAPITOL</option>
  413.         <option value="http://w11.zetaboards.com/indocapitol/profile/3340782/">→ Profile</option>
  414.         <option value="/">→ Biodata</option>
  415.         <option value="/">→ Story Log</option>
  416.         <option value="http://afrobisher.tumblr.com/tagged/Pedro">→ Tags</option>
  417.         </select>
  418. </div>
  419. <div class="item"><h2>Ryouta Tomogaki</h2>
  420. <img src="http://i.imgur.com/IVRnB.png"><br><br>
  421. <select onChange="location.href=this.options[this.selectedIndex].value;">
  422.         <option value="http://s1.zetaboards.com/ryokubita/">→ INDOCAPITOL</option>
  423.         <option value="http://s1.zetaboards.com/ryokubita/profile/1577710/">→ Profile</option>
  424.         <option value="http://afrobisher.tumblr.com/post/31263682138/ryouta-tomogaki">→ Biodata</option>
  425.         <option value="/">→ Story Log</option>
  426.         <option value="http://afrobisher.tumblr.com/tagged/Ryouta">→ Tags</option>
  427.         </select>
  428. </div>
  429. <div class="item"><h2>Summer Beauregard</h2>
  430. <img src="http://i.imgur.com/vz6eW.png"><br><br>
  431. <select onChange="location.href=this.options[this.selectedIndex].value;">
  432.         <option value="http://s15.zetaboards.com/hogwartsnox">→ OLD INDOHOGWARTS</option>
  433.         <option value="http://s15.zetaboards.com/hogwartsnox/profile/3196981/">→ Profile</option>
  434.         <option value="http://afrobisher.tumblr.com/post/31263698139/summer-beauregard">→ Biodata</option>
  435.         <option value="/">→ Story Log</option>
  436.         <option value="http://afrobisher.tumblr.com/tagged/summer">→ Tags</option>
  437.         </select>
  438. </div>
  439. <div class="item"><h2>Tysha Campbell</h2>
  440. <img src="http://media.tumblr.com/tumblr_ma4q37Qewv1qcz0vp.png"><br><br>
  441. <select onChange="location.href=this.options[this.selectedIndex].value;">
  442.         <option value="http://w11.zetaboards.com/Tower_Prep/">→ TOWER PREP</option>
  443.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3285098/">→ Profile</option>
  444.         <option value="http://afrobisher.tumblr.com/post/31263899843/tysha-campbell">→ Biodata</option>
  445.         <option value="/">→ Story Log</option>
  446.         <option value="http://afrobisher.tumblr.com/tagged/Tysha">→ Tags</option>
  447.         </select>
  448. </div>
  449. <div class="item"><h2>Veneshia Halter</h2>
  450. <img src="http://i.imgur.com/nwMRc.png"><br><br>
  451. <select onChange="location.href=this.options[this.selectedIndex].value;">
  452.         <option value="http://s1.zetaboards.com/IndoOlympians/">→ INDOOLYMPIANS</option>
  453.         <option value="http://s1.zetaboards.com/IndoOlympians/profile/1673229/">→ Profile</option>
  454.         <option value="http://afrobisher.tumblr.com/post/31263977974/veneshia-halter">→ Biodata</option>
  455.         <option value="/">→ Story Log</option>
  456.         <option value="http://afrobisher.tumblr.com/tagged/Veneshia">→ Tags</option>
  457.         </select>
  458. </div>
  459. <div class="item"><h2>Staff Characters</h2>
  460. <img src="http://media.tumblr.com/tumblr_ma4q4liMz61qcz0vp.png"><br><br>
  461. <select onChange="location.href=this.options[this.selectedIndex].value;">
  462.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3172688">→ Whisper 121</option>
  463.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3172608">→ Headmaster</option>
  464.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3172682">→ Mathematic</option>
  465.         <option value="http://w11.zetaboards.com/Tower_Prep/profile/3355638">→ Astaroth Bedingfield</option>
  466.         <option value="http://w11.zetaboards.com/indocapitol/profile/3147391/">→ Mayor Hunter</option>
  467.         <option value="http://w11.zetaboards.com/indocapitol/profile/3168310/">→ Demian Hogg</option>
  468.         <option value="http://w11.zetaboards.com/indocapitol/profile/3148011/">→ Barbie Han</option>
  469.         <option value="http://w11.zetaboards.com/indocapitol/profile/3148014/">→ David Bangalore</option>
  470.         <option value="http://battleroyalerpg.b1.jcink.com/index.php?showuser=1">→ Akiyama Sakura</option>
  471.         </select>
  472. </div>
  473. </center>
  474. </div>
  475.  
  476. <script src="http://f.cl.ly/items/2330370g3U0Q2t222H3y/jquery-1.7.1.min.js"></script>
  477. <script src="http://f.cl.ly/items/2r0L353V0m3o2M2h371K/jquery.masonry.min.js"></script>
  478. <script>
  479.   $(function(){
  480.    
  481.     $('#container').masonry({
  482.       itemSelector : '.item',
  483.       columnWidth: 3,
  484.       isAnimated: true,
  485.       isFitWidth: true
  486.     });
  487.    
  488.   });
  489. </script>
  490.    
  491. </div>
  492.  
  493. </body>
  494. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!