Advertisement
Abyss90

CROWNED•QUEEN

Jun 23rd, 2019
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.87 KB | None | 0 0
  1. NOW OR NEVER DIV LAYOUT CODING
  2. FITS ALL SCREEN SIZES, YOU'RE WELCOME.
  3. OBVIOUSLY NO STEALING, DON'T BE STUPID.
  4. NO PSD TO THIS. JUST DO A REGULAR BLACK AND WHITE.
  5.  
  6. THE PRIMA'S TESTER TEXT NEXT TO THE ARIANA ICON IS THE NAMETEXT/YOUR DEFAULT DISPLAY NAME SHOWING.
  7. THE ARIANA ICON NEXT TO THE 'PRIMA'S TESTER' AND NAVI IS THE DEFAULT (SO IT'S LIKE A DEFAULT LAYOUT TECHNICALLY).
  8. THAT MEANS AS SOON AS YOU PUT THIS LAYOUT UP, THE ICON AND TEXT WILL CHANGE TO WHAT YOU HAVE SET ON ROLEPLAYER.ME
  9.  
  10. IF YOU WISH TO DISABLE THE DEFAULT ICON FEATURE, I HAVE A CODE TO ADD IN AN ICON OF YOUR OWN THAT ISN'T YOUR SET DEFAULT.
  11. ALSO, THE OTHER PART OF THIS CODING, THE STYLING PART, IS ALREADY IN THE STYLESHEET NOW SO I'M HOPING THIS IS EASY FOR YOU.
  12. ADD THIS TO THE LIKE TO MEET (IT CAN GO ANYWHERE JUST AS LONG AS YOU AREN'T PUTTING IT INSIDE ANOTHER DIV):
  13.  
  14. <div class="icon"><img src="YOUR IMAGE HERE"></div>
  15.  
  16. IT SHOULD FIT AND TURN BLACK AND WHITE AUTOMATICALLY!
  17.  
  18. IF YOU WISH TO DISABLE THE NAMETEXT/YOUR DEFAULT DISPLAY NAME PUT THIS IN THE ABOUT ME/STYLE CODING:
  19.  
  20. .nametext { display:none; }
  21.  
  22. EASY AS PIE. IF YOU HAVE ANY QUESTIONS ABOUT THIS LAYOUT YOU CAN CONTACT ME AT /HIGHTIMES
  23.  
  24. ENJOY THE LAYOUT
  25.  
  26.  
  27.  
  28.  
  29. ABOUT ME:
  30.  
  31. <body
  32. oncontextmenu="alert('STYLESHEET created by PR!M4D0NN4 AT HIGH TIMES');
  33. return false;">
  34.  
  35. </td>
  36. </tr>
  37. </table>
  38. </td>
  39. </tr>
  40. </table>
  41.  
  42. <style type="text/css">
  43.  
  44. body {
  45. background:url('https://i.imgur.com/lsVpISr.png') #101010;
  46. background-repeat:repeat;
  47. background-attachment:fixed;}
  48.  
  49. body, a:hover {cursor: url(https://i.imgur.com/6w1ZkAZ.gif), url(https://i.imgur.com/6w1ZkAZ.gif), progress !important;}
  50.  
  51. .xpdonnax { S c r o l l b a r }
  52. ::-webkit-scrollbar-thumb:vertical {
  53. background-color:transparent;
  54. border-right:1px solid #afafaf; }
  55.  
  56. ::-webkit-scrollbar {
  57. width:5px;
  58. height:5px;
  59. background-color:transparent; }
  60.  
  61. ::selection { background:#000000; color:#ffffff; }
  62. ::-moz-selection { background:#000000; color:#ffffff; }
  63. ::-webkit-selection { background:#000000; color:#ffffff; }
  64.  
  65.  
  66. .xpdonnax { T A B L E P R O P E R T I E S }
  67.  
  68. table, tr, td { background-color:transparent; }
  69.  
  70. .xpdonnax { T E X T P R O P E R T I E S }
  71.  
  72. .text, table, tr, td, li, p, div {
  73. font-family:tahoma;
  74. color:#000000;
  75. font-size:10px;
  76. font-weight:normal;
  77. line-height:160%;
  78. text-transform:normal;}
  79.  
  80. .xpdonnax { R E G U L A R L I N K S }
  81.  
  82. a:active, a:visited, a:link {
  83. color:#323232;
  84. font-family:consolas;
  85. font-size:10px;
  86. font-weight:normal;
  87. line-height:8px;
  88. text-transform:normal;
  89. text-decoration:none;
  90. display:inline-block;
  91. position:relative;
  92. -webkit-transition: all 0.3s ease-out;
  93. -moz-transition: all 0.3s ease-out;
  94. transition: all 0.3s ease-out;}
  95.  
  96. a:hover { color:#f1f1f1; }
  97.  
  98.  
  99. .xpdonnax { T A B S L I N K S }
  100.  
  101. a.first, a.first:link, a.first:active, a.first:visited {
  102. display:inline-block;
  103. float:left;
  104. font-size:10px;
  105. color:#ffffff;
  106. font-weight:lighter;
  107. font-family:calibri;
  108. background:#323232;
  109. width:190px;
  110. height:20px;
  111. margin:0px;
  112. padding:0px;
  113. text-align:center;
  114. line-height:20px;
  115. text-transform:uppercase;
  116. -webkit-transition: all .6s linear;
  117. -moz-transition: all .6s linear;
  118. transition: all .6s linear;}
  119.  
  120. a.first:hover {
  121. color:#323232;
  122. letter-spacing:2px;
  123. background-color:#ffffff;}
  124.  
  125.  
  126. .xpdonnax { S I B L I N G L I N K S }
  127.  
  128. main.tabs section#tab3 a.second, main.tabs section#tab3 a.second:link, main.tabs section#tab3 a.second:active, main.tabs section#tab3 a.second:visited {
  129. display:inline-block;
  130. float:left;
  131. width:18.6%;
  132. height:25px!important;
  133. color:#323232;
  134. line-height:28px!important;
  135. background:#ffffff;
  136. font-family:courier new;
  137. font-size:12px;
  138. margin:0px .5% 0px .5%;
  139. letter-spacing:-2px;
  140. text-transform:lowercase;
  141. border:1px solid #323232;
  142. -webkit-transition: all .6s linear;
  143. -moz-transition: all .6s linear;
  144. transition: all .6s linear;}
  145.  
  146. main.tabs section#tab3 a.second:hover {
  147. color:#ffffff;
  148. background:#323232;}
  149.  
  150.  
  151. .xpdonnax { A F F I L I A T E S L I N K S }
  152.  
  153. main.tabs section#tab3 a {
  154. top:0px;
  155. height:13px;
  156. float:left;
  157. width:100%;
  158. margin-top:10px;
  159. font-family:calibri;
  160. font-size:10px;
  161. line-height:13px;
  162. letter-spacing:2px;
  163. font-weight:italics;
  164. color:#323232;
  165. background:#ffffff;
  166. text-transform:uppercase;
  167. border-bottom:1px solid #f1f1f1;
  168. text-align:center;
  169. display:block;
  170. padding:0px!important;
  171. position:relative;
  172. -webkit-transition: all 0.6s ease-out;
  173. -moz-transition: all 0.6s ease-out;
  174. transition: all 0.6s ease-out;}
  175.  
  176. main.tabs section#tab3 a:hover {
  177. letter-spacing:0px; }
  178.  
  179. .xpdonnax { A C C C O U N T L I N K S }
  180.  
  181. main.tabs section#tab2 a {
  182. top:0px;
  183. height:13px;
  184. float:left;
  185. width:33%;
  186. margin:5px 0px 5px 0px;
  187. font-family:calibri;
  188. font-size:10px;
  189. line-height:13px;
  190. letter-spacing:0px;
  191. font-weight:italics;
  192. color:#323232;
  193. background:#ffffff;
  194. text-transform:uppercase;
  195. text-align:center;
  196. display:block;
  197. padding:0px 0px 4px 0px!important;
  198. position:relative;
  199. border-bottom:1px solid #ffffff;
  200. -webkit-transition: all 0.6s ease-out;
  201. -moz-transition: all 0.6s ease-out;
  202. transition: all 0.6s ease-out;}
  203.  
  204. main.tabs section#tab2 a:hover {
  205. border-bottom:1px solid #f1f1f1;}
  206.  
  207.  
  208. I {
  209. font: italic 11px georgia;
  210. color:#000000;
  211. line-height:9px;
  212. text-transform:none;
  213. letter-spacing:-.5px;
  214. font-weight:normal;}
  215.  
  216. Strong {
  217. font-family:cambria;
  218. font-size:10px;
  219. font-weight:bold;
  220. letter-spacing:1px;
  221. line-height:10px;
  222. color:#323232;
  223. text-transform:uppercase;}
  224.  
  225. B {
  226. color:#afafaf;
  227. font-family:cambria;
  228. font-weight:bold;
  229. font-size:10px;
  230. letter-spacing:1px;
  231. line-height:10px;
  232. text-transform:uppercase;}
  233.  
  234. U {
  235. font-family:ms gothic;
  236. font-size:10px;
  237. line-height:12px;
  238. background-color:#f1f1f1;
  239. text-transform:uppercase;
  240. text-decoration:none;
  241. font-weight:lighter;
  242. color:#323232;
  243. padding:1px 0px 2px 3px;
  244. letter-spacing:2px;}
  245.  
  246. tt {
  247. font:11px times;
  248. color:#000000;
  249. line-height:13px;
  250. font-weight:normal;
  251. text-decoration:none;
  252. text-transform:uppercase;
  253. border-bottom:1px solid #afafaf;}
  254.  
  255. small {
  256. font-size: 9px;
  257. font-family:cambria;
  258. text-transform:lowercase;
  259. color:#323232;
  260. line-height:12px;
  261. letter-spacing:2px;}
  262.  
  263. big {
  264. font-size: 14px;
  265. font-family: georgia;
  266. text-transform: lowercase;
  267. color:#424242;
  268. line-height: 12px;
  269. letter-spacing: -1px;
  270. padding:0px 5px 0px 0px;
  271. text-shadow: 1px 1px 0px #f1f1f1;}
  272.  
  273. .xpdonnax { H e a d e r 1 }
  274. h1{
  275. font-family:courier new;
  276. font-size:18px;
  277. background:#f1f1f1;
  278. color:#323232;
  279. font-weight:lighter;
  280. letter-spacing:4px;
  281. text-transform:uppercase;
  282. line-height:18px;
  283. text-align:center;
  284. padding:3px;
  285. margin:0px;}
  286.  
  287. .xpdonnax { D I V B O X E S }
  288.  
  289. .navo {
  290. top:227px;
  291. left:36%;
  292. height:3.5%;
  293. width:19.2%;
  294. z-index:99;
  295. text-transform:uppercase;
  296. text-align:center;
  297. font-family:calibri;
  298. font-size:10px;
  299. line-height:11px;
  300. color:#ffffff;
  301. font-style:italic;
  302. letter-spacing:2px;
  303. position:fixed;}
  304.  
  305. .navo a {
  306. color:#000000;
  307. font-family:calibri;
  308. font-size:10px;
  309. padding:3px;
  310. margin:2px 1px 0px 0px;
  311. text-transform:uppercase;
  312. letter-spacing:0px;
  313. font-style:normal;
  314. background:#ffffff;
  315. border:1px solid #ffffff;
  316. display:inline-block;}
  317.  
  318. .navo a:hover {
  319. background:transparent!important;
  320. color:#ffffff; }
  321.  
  322. .border{
  323. top: 200px;
  324. left: 50%;
  325. margin-right: -50%;
  326. transform: translate(-50%, 0%);
  327. width:550px;
  328. height:65px;
  329. padding:0% 10px 0% 10px;
  330. z-index:0;
  331. position:fixed;
  332. border-top:10px solid #ffffff;
  333. background:#323232;}
  334.  
  335. main.tabs{
  336. display:block;
  337. top: 275px;
  338. left: 50%;
  339. margin-right: -50%;
  340. transform: translate(-50%, 0%);
  341. width:550px;
  342. height:180px;
  343. padding:10px;
  344. z-index:0;
  345. position:fixed;
  346. background:#ffffff;}
  347.  
  348. main.tabs section{
  349. background:#ffffff!important;
  350. position:absolute;
  351. display:block;
  352. top:0px;
  353. left:0px;
  354. padding:10px;
  355. height:180px;
  356. z-index:0;
  357. -webkit-transition:all 500ms ease;
  358. -moz-transition:all 500ms ease;
  359. -ms-transition:all 500ms ease;
  360. -o-transition:all 500ms ease;
  361. transition:all 500ms ease;}
  362.  
  363. main.tabs section a {
  364. position:absolute;
  365. font-size:10px;
  366. text-transform:uppercase;
  367. display:inline-block;
  368. font-family:calibri;
  369. line-height:16px!important;
  370. width:200px;
  371. height:16px;
  372. bottom:-40px;
  373. left:0px;
  374. padding:2px;
  375. margin:0;
  376. color:#ffffff;
  377. background-color:#323232;}
  378.  
  379. main.tabs section a {
  380. display:block;
  381. width:100%;
  382. text-align:center;
  383. text-decoration:none;}
  384.  
  385. main.tabs section:first-child {z-index: 1;}
  386.  
  387. main.tabs section:target {
  388. color:#323232;
  389. background-color:#ffffff;
  390. z-index:2;
  391. -webkit-transition:all 500ms ease;
  392. -moz-transition:all 500ms ease;
  393. -ms-transition:all 500ms ease;
  394. -o-transition:all 500ms ease;
  395. transition:all 500ms ease;}
  396.  
  397.  
  398. .DROPCAP {
  399. float: left;
  400. line-height:10px;
  401. padding:4px 6px 4px 6px;
  402. margin:2px 4px 0px 0px;
  403. color:#ffffff;
  404. text-shadow:1px 1px 0px #101010;
  405. background-color:#323232;
  406. font:bold 16px georgia;
  407. position:relative;}
  408.  
  409. .supbitch, a span.supbitch, a:hover span.supbitch { color:#000000; }
  410.  
  411. .breezy, a span.breezy, a:hover span.breezy {
  412. color:#000000;
  413. padding-left:5px;
  414. letter-spacing:5px;
  415. font-style:normal;}
  416.  
  417. li {
  418. list-style-position:outside;
  419. list-style-type:none;
  420. overflow:auto;
  421. margin-top:11px;
  422. padding:5px;
  423. width:280px;
  424. height:119px;
  425. text-align:justify;
  426. border-left: solid 1px #4a5242;}
  427.  
  428. hr {
  429. border-top:1px solid #4a5242;
  430. border-bottom:none;
  431. border-right:none;
  432. border-left:none;
  433. margin:2px 0px 2px 0px;}
  434.  
  435.  
  436. .xpdonnax { C R E D I T L I N K S }
  437.  
  438. a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
  439. font-size:11px;
  440. font-family:courier;
  441. color:#000000;
  442. display:block;
  443. line-height:25px;
  444. padding:0px;
  445. text-align:center;
  446. margin:0px;
  447. width:25px;
  448. height:25px;
  449. text-transform:uppercase;
  450. background-color:#ffffff;
  451. -webkit-transition: all 0.8s linear;
  452. -moz-transition: all 0.8s linear;
  453. transition: all 0.8s linear;}
  454.  
  455. a.hightimes:hover {
  456. background-color:#1f7ef4;
  457. color:#ffffff;}
  458.  
  459.  
  460. .credit {
  461. bottom:6px;
  462. right:6px;
  463. width:25px;
  464. height:25px;
  465. z-index:99;
  466. text-align:center;
  467. overflow:hidden;
  468. position:fixed;}
  469.  
  470. .icon img {
  471. width:90px;
  472. height:90px;
  473. border-radius:90px; }
  474.  
  475. .icon {
  476. top:149px;
  477. left:55%;
  478. width:90px;
  479. height:90px;
  480. border-radius:90px;
  481. padding:1px;
  482. background:#000000;
  483. border:8px solid #ffffff!important;
  484. -webkit-filter: grayscale(1);
  485. filter: grayscale(1);
  486. border:8px solid #ffffff;
  487. position:absolute;
  488. z-index:100;}
  489.  
  490. .xpdonnax { PROFILE I N F O }
  491. .profileInfo td td { font-size:0px; }
  492. .profileInfo td td a { visibility:hidden; }
  493.  
  494. .profileinfo td.text {
  495. visibility:hidden!important;}
  496.  
  497. .profileinfo .nametext {
  498. visibility:visible!important; }
  499.  
  500. .nametext {
  501. color:#464646;
  502. font-size:22px;
  503. font-family:times;
  504. text-transform:uppercase;
  505. letter-spacing:1px;
  506. font-style:italic;
  507. font-weight:lighter;
  508. position:relative;
  509. top:30px;
  510. left:-64%;}
  511.  
  512. .profileInfo { position:absolute; z-index:99; top:133px; left:55%; }
  513.  
  514. table.profileInfo td.text a img {
  515. width:90px;
  516. height:90px;
  517. border-radius:90px;
  518. visibility:visible;
  519. padding:1px;
  520. background:#000000;
  521. border:8px solid #ffffff!important;
  522. -webkit-filter: grayscale(1);
  523. filter: grayscale(1);
  524. border:8px solid #ffffff;}
  525.  
  526. .xpdonnax { H I D E C O D E S }
  527.  
  528. .clearfix { display: none; }
  529. .lightbluetext8 { display:none; }
  530. .contacttable { display:none; }
  531. .whitetext12 { display:none; }
  532. .interestsanddetails { display:none; }
  533. .userProfiledetail { display:none; }
  534. .friendSpace { display:none; }
  535. .friendsComments { display:none; }
  536. .latestBlogEntry { display:none; }
  537. .orangetext15 { display:none; }
  538. .userProfileURL { display:none; }
  539. .extendedNetwork { display:none; }
  540. .blurbs { display:none; }
  541. .userAlbums { display:none; }
  542. #footerWarpper { display:none; }
  543. </style>
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566. LIKE TO MEET:
  567.  
  568. <div class="navo">
  569. providing you content since 2012
  570. <br>
  571. <a href="/home.php">home</a>
  572. <a href="/send_message.php?member_id=FRIENDID">mssg</a>
  573. <a href="/add_comment.php?member_id=FRIENDID">cmmt</a>
  574. <a href="/gallery.php?member_id=FRIENDID">gallery</a>
  575. <a href="/view_blog.php?id=BLOGID">rules</a>
  576. <a href="/view_blog.php?id=BLOGID">share us</a>
  577. </div>
  578.  
  579. <div class="border"></div>
  580.  
  581. <main class="tabs">
  582.  
  583. <section id="tab1">
  584.  
  585. <div style="float:left; overflow:auto; margin:0px 10px 0% 0%; text-align:justify; height:180px; width:350px;">
  586. <h1>About Us</h1>
  587. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  588.  
  589. </div>
  590.  
  591.  
  592. <div style="float:right; overflow:auto; margin:3px 0% 0% 0%; text-align:justify; height:177px; width:190px;">
  593. <center><big>recent updates</big></center>
  594. <br>
  595. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small><br><br>
  596.  
  597. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small><br><br>
  598.  
  599. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small><br><br>
  600.  
  601. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small><br><br>
  602.  
  603. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small><br><br>
  604.  
  605. <tt>00/00/0000</tt> list your <small>update</small> here, including anything <u>content</u> you have updated. If you did <b>premades</b>, Make sure to include how many premades you did <i>all together</i>, and even the <small>names of the albums.</small>
  606.  
  607. </div>
  608. </section>
  609.  
  610. <section id="tab2">
  611. <div style="float:left; overflow:auto; margin:0px 10px 0px 0px; text-align:justify; height:180px; width:270px;">
  612.  
  613. <img style="float:left; margin:0px 5px 5px 5px; width:70px; height:70px;" src="https://images2.imgbox.com/2f/62/wQKHvIzz_o.gif"><br><center><big style="text-align:center; float:left; width:67.5%;">owner/founder</big><br><small>display name</small></center>
  614. <br><br>
  615. <a href="/FRIENDID">1st account</a> <a href="/FRIENDID">2nd account</a> <a href="/FRIENDID">3rd account</a><br>
  616. <b>character name:</b> full middle last (fill in the name of the playby/character you are portraying for the site)<br>
  617. <strong>verse(s):</strong> write the verses you are or have been apart of.<br>
  618. <b>how long have you been roleplaying?</b> write short info here about your time roleplaying.<br>
  619. <strong>how many accounts do you have currently?</strong> write a number here.<br>
  620. <b>Is this your first time owning/helping/running a site?</b> If no, list all the sites you've helped in the past and any sites you have made in the past.<br>
  621. <strong>how long have you been editing?</strong> write short info here about your experience with editing.<br>
  622. <b>how long have you been coding?</b> If you don't know how to make layouts, write N/A or change the question.<br>
  623. <strong>strengths:</strong> list all the strengths in editing, coding, writing, etc.<br>
  624. <b>weaknesses:</b> list all the weaknesses you can think of, and things you wish to improve.
  625. <br><br>
  626.  
  627. <img style="float:right; margin:0px 5px 5px 5px; width:70px; height:70px;" src=""><br><center><big style="text-align:center; float:right; width:67.5%;">co-owner</big><br><small>display name</small></center>
  628. <br><br>
  629. <a href="/FRIENDID">1st account</a> <a href="/FRIENDID">2nd account</a> <a href="/FRIENDID">3rd account</a><br>
  630. <b>character name:</b> full middle last (fill in the name of the playby/character you are portraying for the site)<br>
  631. <strong>verse(s):</strong> write the verses you are or have been apart of.<br>
  632. <b>how long have you been roleplaying?</b> write short info here about your time roleplaying.<br>
  633. <strong>how many accounts do you have currently?</strong> write a number here.<br>
  634. <b>Is this your first time owning/helping/running a site?</b> If no, list all the sites you've helped in the past and any sites you have made in the past.<br>
  635. <strong>how long have you been editing?</strong> write short info here about your experience with editing.<br>
  636. <b>how long have you been coding?</b> If you don't know how to make layouts, write N/A or change the question.<br>
  637. <strong>strengths:</strong> list all the strengths in editing, coding, writing, etc.<br>
  638. <b>weaknesses:</b> list all the weaknesses you can think of, and things you wish to improve.
  639. <br><br>
  640.  
  641. <img style="float:left; margin:0px 5px 5px 5px; width:70px; height:70px;" src=""><br><center><big style="text-align:center; float:left; width:67.5%;">co-owner</big><br><small>display name</small></center>
  642. <br><br>
  643. <a href="/FRIENDID">1st account</a> <a href="/FRIENDID">2nd account</a> <a href="/FRIENDID">3rd account</a><br>
  644. <b>character name:</b> full middle last (fill in the name of the playby/character you are portraying for the site)<br>
  645. <strong>verse(s):</strong> write the verses you are or have been apart of.<br>
  646. <b>how long have you been roleplaying?</b> write short info here about your time roleplaying.<br>
  647. <strong>how many accounts do you have currently?</strong> write a number here.<br>
  648. <b>Is this your first time owning/helping/running a site?</b> If no, list all the sites you've helped in the past and any sites you have made in the past.<br>
  649. <strong>how long have you been editing?</strong> write short info here about your experience with editing.<br>
  650. <b>how long have you been coding?</b> If you don't know how to make layouts, write N/A or change the question.<br>
  651. <strong>strengths:</strong> list all the strengths in editing, coding, writing, etc.<br>
  652. <b>weaknesses:</b> list all the weaknesses you can think of, and things you wish to improve.
  653. </div>
  654.  
  655. <div style="float:right; overflow:auto; margin:0px 0% 0% 0%; text-align:justify; height:180px; width:270px;">
  656.  
  657. <img style="float:left; margin:0px 5px 5px 5px; width:70px; height:70px;" src=""><br><center><big style="text-align:center; float:left; width:67.5%;">desk jockey</big><br><small>display name</small></center>
  658. <br><br>
  659. <a href="/FRIENDID">1st account</a> <a href="/FRIENDID">2nd account</a> <a href="/FRIENDID">3rd account</a><br>
  660. <b>character name:</b> full middle last (fill in the name of the playby/character you are portraying for the site)<br>
  661. <strong>verse(s):</strong> write the verses you are or have been apart of.<br>
  662. <b>how long have you been roleplaying?</b> write short info here about your time roleplaying.<br>
  663. <strong>how many accounts do you have currently?</strong> write a number here.<br>
  664. <b>Is this your first time owning/helping/running a site?</b> If no, list all the sites you've helped in the past and any sites you have made in the past.<br>
  665. <strong>how long have you been editing?</strong> write short info here about your experience with editing.<br>
  666. <b>how long have you been coding?</b> If you don't know how to make layouts, write N/A or change the question.<br>
  667. <strong>strengths:</strong> list all the strengths in editing, coding, writing, etc.<br>
  668. <b>weaknesses:</b> list all the weaknesses you can think of, and things you wish to improve.
  669. <br><br>
  670.  
  671. <img style="float:right; margin:0px 5px 5px 5px; width:70px; height:70px;" src=""><br><center><big style="text-align:center; float:right; width:67.5%;">promoter</big><br><small>display name</small></center>
  672. <br><br>
  673. <a href="/FRIENDID">1st account</a> <a href="/FRIENDID">2nd account</a> <a href="/FRIENDID">3rd account</a><br>
  674. <b>character name:</b> full middle last (fill in the name of the playby/character you are portraying for the site)<br>
  675. <strong>verse(s):</strong> write the verses you are or have been apart of.<br>
  676. <b>how long have you been roleplaying?</b> write short info here about your time roleplaying.<br>
  677. <strong>how many accounts do you have currently?</strong> write a number here.<br>
  678. <b>Is this your first time owning/helping/running a site?</b> If no, list all the sites you've helped in the past and any sites you have made in the past.<br>
  679. <strong>how long have you been editing?</strong> write short info here about your experience with editing.<br>
  680. <b>how long have you been coding?</b> If you don't know how to make layouts, write N/A or change the question.<br>
  681. <strong>strengths:</strong> list all the strengths in editing, coding, writing, etc.<br>
  682. <b>weaknesses:</b> list all the weaknesses you can think of, and things you wish to improve.
  683.  
  684. </div>
  685. </section>
  686.  
  687. <section id="tab3">
  688.  
  689. <div style="float:left; margin:0px; height:25px; width:550px;">
  690.  
  691. <a href="/FRIENDID" class="second">sibling site</a>
  692. <a href="/FRIENDID" class="second">sibling site</a>
  693. <a href="/FRIENDID" class="second">sibling site</a>
  694. <a href="/FRIENDID" class="second">sibling site</a>
  695. <a href="/FRIENDID" class="second">sibling site</a>
  696.  
  697. </div>
  698.  
  699.  
  700. <div style="float:left; overflow:auto; margin:10px 10px 0px 0px; text-align:justify; height:145px; width:176px;">
  701. <center><big>highly recommended</big></center>
  702. <a href="/FRIENDID">affiliates</a>
  703. <a href="/FRIENDID">affiliates</a>
  704. <a href="/FRIENDID">affiliates</a>
  705. <a href="/FRIENDID">affiliates</a>
  706. <a href="/FRIENDID">affiliates</a>
  707. <a href="/FRIENDID">affiliates</a>
  708. <a href="/FRIENDID">affiliates</a>
  709. <a href="/FRIENDID">affiliates</a>
  710. <a href="/FRIENDID">affiliates</a>
  711. <a href="/FRIENDID">affiliates</a>
  712. <a href="/FRIENDID">affiliates</a>
  713. <a href="/FRIENDID">affiliates</a>
  714. <a href="/FRIENDID">affiliates</a>
  715. <a href="/FRIENDID">affiliates</a>
  716. <a href="/FRIENDID">affiliates</a>
  717. <a href="/FRIENDID">affiliates</a>
  718. </div>
  719.  
  720. <div style="float:left; overflow:auto; margin:10px 10px 0px 0px; text-align:justify; height:145px; width:177px;">
  721. <center><big>premades/resources/help sites</big></center>
  722. <a href="/FRIENDID">affiliates</a>
  723. <a href="/FRIENDID">affiliates</a>
  724. <a href="/FRIENDID">affiliates</a>
  725. <a href="/FRIENDID">affiliates</a>
  726. <a href="/FRIENDID">affiliates</a>
  727. <a href="/FRIENDID">affiliates</a>
  728. <a href="/FRIENDID">affiliates</a>
  729. <a href="/FRIENDID">affiliates</a>
  730. <a href="/FRIENDID">affiliates</a>
  731. <a href="/FRIENDID">affiliates</a>
  732. <a href="/FRIENDID">affiliates</a>
  733. <a href="/FRIENDID">affiliates</a>
  734. <a href="/FRIENDID">affiliates</a>
  735. <a href="/FRIENDID">affiliates</a>
  736. <a href="/FRIENDID">affiliates</a>
  737. <a href="/FRIENDID">affiliates</a>
  738. </div>
  739.  
  740. <div style="float:right; overflow:auto; margin:10px 0% 0% 0%; text-align:justify; height:145px; width:176px;">
  741. <center><big>roleplay groups</big></center>
  742. <a href="/FRIENDID">affiliates</a>
  743. <a href="/FRIENDID">affiliates</a>
  744. <a href="/FRIENDID">affiliates</a>
  745. <a href="/FRIENDID">affiliates</a>
  746. <a href="/FRIENDID">affiliates</a>
  747. <a href="/FRIENDID">affiliates</a>
  748. <a href="/FRIENDID">affiliates</a>
  749. <a href="/FRIENDID">affiliates</a>
  750. <a href="/FRIENDID">affiliates</a>
  751. <a href="/FRIENDID">affiliates</a>
  752. <a href="/FRIENDID">affiliates</a>
  753. <a href="/FRIENDID">affiliates</a>
  754. <a href="/FRIENDID">affiliates</a>
  755. <a href="/FRIENDID">affiliates</a>
  756. <a href="/FRIENDID">affiliates</a>
  757. <a href="/FRIENDID">affiliates</a>
  758. </div>
  759. </section>
  760.  
  761. <div style="position:absolute; bottom:-20px; left:0px;">
  762. <a href="#tab1" class="first">about us</a>
  763. <a href="#tab2" class="first">staff members</a>
  764. <a href="#tab3" class="first">affiliates</a>
  765. </div>
  766.  
  767. </main>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement