API tools faq
paste
Advertisement
Abyss90

Back to you

Abyss90
Sep 16th, 2019
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
raw download clone embed print report
  1. BLACK MAGIC DIV LAYOUT FOR SITES (obvious you can change stuff out and use it how you want!)
  2. NO PSD INCLUDED. Doesn't really have images except for the owners section.
  3.  
  4.  
  5.  
  6. ABOUT ME:
  7.  
  8. </td>
  9. </tr>
  10. </table>
  11. </td>
  12. </tr>
  13. </table>
  14.  
  15. <style type="text/css">
  16.  
  17. body {
  18. background:url('https://i.imgur.com/a7veUyu.jpg') #101010;
  19. background-repeat:repeat;
  20. background-attachment:fixed;
  21. border:60px solid #000000;}
  22.  
  23. body, a:hover {cursor: url(https://i.imgur.com/6w1ZkAZ.gif), url(https://i.imgur.com/6w1ZkAZ.gif), progress !important;}
  24.  
  25. .xpdonnax { S c r o l l b a r }
  26. ::-webkit-scrollbar-thumb:vertical {
  27. background-color:transparent;
  28. border-right:1px solid #000000; }
  29.  
  30. ::-webkit-scrollbar {
  31. width:5px;
  32. height:5px;
  33. background-color:transparent; }
  34.  
  35. ::selection { background:#121212; }
  36. ::-moz-selection { background:#121212; }
  37. ::-webkit-selection { background:#121212; }
  38.  
  39.  
  40. .xpdonnax { T A B L E P R O P E R T I E S }
  41.  
  42. table, tr, td { background-color:transparent; }
  43.  
  44. .xpdonnax { T E X TP R O P E R T I E S }
  45.  
  46. .text, table, tr, td, li, p, div {
  47. font-family:tahoma;
  48. color:#000000;
  49. font-size:9px;
  50. font-weight:normal;
  51. line-height:180%;
  52. text-transform:normal;}
  53.  
  54. .xpdonnax { R E G U L A R L I N K S }
  55.  
  56. a:active, a:visited, a:link {
  57. color:#be508b;
  58. font-family:consolas;
  59. font-size:10px;
  60. font-weight:normal;
  61. line-height:8px;
  62. text-transform:normal;
  63. text-decoration:none;
  64. display:inline-block;
  65. position:relative;
  66. -webkit-transition: all 0.3s ease-out;
  67. -moz-transition: all 0.3s ease-out;
  68. transition: all 0.3s ease-out;}
  69.  
  70. a:hover { color:#f8e9d0; }
  71.  
  72. .xpdonnax { T A B S L I N K S }
  73.  
  74. a.first, a.first:link, a.first:active, a.first:visited {
  75. top:0px;
  76. height:12px;
  77. width:62.5%;
  78. margin:0px;
  79. font-style:italic;
  80. font-family:arial narrow;
  81. font-size:10px;
  82. line-height:14px;
  83. letter-spacing:2px;
  84. color:#ababab;
  85. text-transform:uppercase;
  86. text-align:center;
  87. display:inline-block;
  88. padding:2px 0px 3px 0px!important;
  89. position:relative;
  90. border-bottom:1px solid #ffffff;
  91. -webkit-transition: all 0.6s ease-out;
  92. -moz-transition: all 0.6s ease-out;
  93. transition: all 0.6s ease-out;}
  94.  
  95. a.first:hover {
  96. border-bottom:1px solid #000000;}
  97.  
  98. .xpdonnax { S I B L I N G L I N K S }
  99.  
  100. a.second, a.second:link, a.second:active, a.second:visited {
  101. display:inline-block;
  102. width:148px;
  103. float:left;
  104. text-align:center;
  105. height:23px!important;
  106. color:#ffffff;
  107. line-height:24px!important;
  108. background:#000000;
  109. font-family:courier new;
  110. font-size:12px;
  111. margin:0px 10px 10px 0px;
  112. letter-spacing:-2px;
  113. text-transform:lowercase;
  114. border:1px solid #000000;
  115. -webkit-transition: all .6s linear;
  116. -moz-transition: all .6s linear;
  117. transition: all .6s linear;}
  118.  
  119. a.second:hover {
  120. color:#000000;
  121. background:transparent!important;}
  122.  
  123. .xpdonnax { A F F I L I A T E S L I N K S }
  124.  
  125. a.third, a.third:link, a.third:active, a.third:visited {
  126. display:inline-block;
  127. width:308px;
  128. float:left;
  129. text-align:center;
  130. height:15px!important;
  131. color:#ffffff;
  132. font-weight:bold;
  133. line-height:15px!important;
  134. background:#000000;
  135. font-family:calibri;
  136. font-size:10px;
  137. margin:0px 10px 10px 0px;
  138. letter-spacing:4px;
  139. text-transform:uppercase;
  140. border:1px solid #000000;
  141. -webkit-transition: all .6s linear;
  142. -moz-transition: all .6s linear;
  143. transition: all .6s linear;}
  144.  
  145. a.third:hover {
  146. color:#000000;
  147. background:transparent!important;
  148. border:1px solid #000000;}
  149.  
  150. I {
  151. font: italic 11px georgia;
  152. line-height:9px;
  153. text-transform:none;
  154. letter-spacing:-.5px;
  155. font-weight:normal;}
  156.  
  157. Strong {
  158. color:#ababab;
  159. font-family:cambria;
  160. font-size:10px;
  161. font-weight:bold;
  162. letter-spacing:1px;
  163. line-height:10px;
  164. text-transform:uppercase;}
  165.  
  166. B {
  167. color:#000000;
  168. font-family:cambria;
  169. font-weight:bold;
  170. font-size:10px;
  171. letter-spacing:1px;
  172. line-height:10px;
  173. text-transform:uppercase;}
  174.  
  175. U {
  176. font-family:ms gothic;
  177. font-size:10px;
  178. line-height:12px;
  179. background-color:#000000;
  180. text-transform:uppercase;
  181. text-decoration:none;
  182. font-weight:lighter;
  183. color:#ffffff;
  184. padding:1px 0px 2px 3px;
  185. letter-spacing:2px;}
  186.  
  187. tt {
  188. font:11px times;
  189. color:#000000;
  190. line-height:13px;
  191. font-weight:normal;
  192. text-decoration:none;
  193. text-transform:uppercase;
  194. border-bottom:1px solid #000000;}
  195.  
  196. small {
  197. color:#000000;
  198. font-size: 9px;
  199. font-family:cambria;
  200. text-transform:lowercase;
  201. line-height:12px;
  202. letter-spacing:2px;}
  203.  
  204. big {
  205. font-size: 14px;
  206. font-family: georgia;
  207. text-transform: lowercase;
  208. color:#000000;
  209. line-height: 12px;
  210. letter-spacing: -1px;
  211. padding:0px 5px 0px 0px;
  212. margin:0px 0px 0px 100px;
  213. text-shadow: 1px 1px 0px #f1f1f1;}
  214.  
  215. .xpdonnax { H e a d e r 1 }
  216. h1{
  217. font-family:courier new;
  218. font-size:19px;
  219. color:#000000;
  220. font-weight:lighter;
  221. letter-spacing:5px;
  222. text-transform:uppercase;
  223. line-height:18px;
  224. text-align:left;
  225. margin:0px 0px 5px 0px;}
  226.  
  227. .xpdonnax { H e a d e r 2 }
  228. h2{
  229. font-family:gerogia;
  230. font-size:22px;
  231. color:#000000;
  232. width:210px;
  233. float:left;
  234. font-weight:lighter;
  235. letter-spacing:-1.5px;
  236. text-transform:lowercase;
  237. line-height:13px;
  238. text-align:center;
  239. margin:15px 0px 10px 0px;}
  240.  
  241. .xpdonnax { D I V B O X E S }
  242.  
  243. .navo {
  244. height:90px;
  245. width:500px;
  246. padding:30px 10px 0px 10px;
  247. background:#000000;
  248. text-transform:uppercase;
  249. font-weight:lighter;
  250. text-align:center;
  251. font-family:arial;
  252. font-size:10px;
  253. line-height:11px;
  254. color:#ffffff;
  255. font-style:italic;
  256. letter-spacing:2px;}
  257.  
  258. .navo a {
  259. color:#000000;
  260. font-family:georgia;
  261. font-size:12px;
  262. padding:3px;
  263. font-weight:lighter;
  264. line-height:14px;
  265. padding:3px 10px 3px 10px;
  266. margin:5px 2px 0px 2px;
  267. text-transform:lowercase;
  268. letter-spacing:-1px;
  269. font-style:normal;
  270. background:#ffffff;
  271. border:1px solid #ffffff;
  272. display:inline-block;}
  273.  
  274. .navo a:hover {
  275. background:transparent!important;
  276. color:#ffffff; }
  277.  
  278. .tabs{
  279. top: 50%;
  280. left: 50%;
  281. background-color:#ffffff;
  282. transform: translate(-50%, -50%);
  283. position:absolute;
  284. display:block;
  285. float:left;
  286. width:520px;
  287. height:360px;
  288. z-index:0;}
  289.  
  290. .tab { float:right; }
  291.  
  292. .tab label {
  293. display:block;
  294. font-size:13px;
  295. text-align:center;
  296. font-family:times;
  297. font-style:italic;
  298. text-transform:lowercase;
  299. padding: 0px 0px 0px 0px;
  300. margin: 0px 0px 10px 10px;
  301. position:relative;
  302. width:100px;
  303. top:10px;
  304. right:10px;}
  305.  
  306. .tab [type=radio] { display: none; }
  307.  
  308. .content {
  309. float:right;
  310. top:155px;
  311. color:#000000;
  312. position:absolute;
  313. right:10px;
  314. overflow-x:hidden;
  315. overflow-y:auto;
  316. height:195px;
  317. width:320px;
  318. display:inline-block;
  319. margin-bottom:11px;
  320. background-color:#ffffff;
  321. -webkit-transition:all 0.6s ease;
  322. -moz-transition:all 0.6s ease;
  323. transition:all 0.6s ease;}
  324.  
  325. .content > * {
  326. opacity: 0;
  327. -webkit-transform:translate3d(0, 0, 0);
  328. -webkit-transform:translateX(-100%);
  329. -moz-transform:translateX(-100%);
  330. transform:translateX(-100%);
  331. -webkit-transition:all 0.6s ease;
  332. -moz-transition:all 0.6s ease;
  333. transition:all 0.6s ease;}
  334.  
  335. [type=radio]:checked ~ label {
  336. color:#ffffff;
  337. background:#000000;
  338. z-index: 2;}
  339.  
  340. [type=radio]:checked ~ label ~ .content { z-index: 1; }
  341.  
  342. [type=radio]:checked ~ label ~ .content > * {
  343. opacity:1;
  344. -webkit-transform:translateX(0);
  345. -moz-transform:translateX(0);
  346. transform:translateX(0);}
  347.  
  348.  
  349. .DROPCAP {
  350. float: left;
  351. line-height:10px;
  352. padding:4px 6px 4px 6px;
  353. margin:2px 4px 0px 0px;
  354. color:#ffffff;
  355. background-color:#000000;
  356. font:bold 16px georgia;
  357. position:relative;}
  358.  
  359.  
  360. .xpdonnax { C R E D I T L I N K S }
  361.  
  362. a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
  363. font-size:16px;
  364. font-family:courier new;
  365. color:#ffffff;
  366. display:block;
  367. line-height:14px;
  368. text-align:center;
  369. margin:0px;
  370. height:14px;
  371. padding:10px;
  372. font-weight:lighter;
  373. letter-spacing:-1px;
  374. text-transform:uppercase;
  375. background-color:transparent;
  376. -webkit-transition: all 0.8s linear;
  377. -moz-transition: all 0.8s linear;
  378. transition: all 0.8s linear;}
  379.  
  380.  
  381. .credit {
  382. bottom:6px;
  383. right:6px;
  384. height:30px;
  385. z-index:99;
  386. text-align:center;
  387. overflow:hidden;
  388. position:fixed;}
  389.  
  390. .xpdonnax { H I D E C O D E S }
  391.  
  392. .profileinfo { display: none; }
  393. .clearfix { display: none; }
  394. .lightbluetext8 { display:none; }
  395. .contacttable { display:none; }
  396. .whitetext12 { display:none; }
  397. .interestsanddetails { display:none; }
  398. .userProfiledetail { display:none; }
  399. .friendSpace { display:none; }
  400. .friendsComments { display:none; }
  401. .latestBlogEntry { display:none; }
  402. .orangetext15 { display:none; }
  403. .userProfileURL { display:none; }
  404. .extendedNetwork { display:none; }
  405. .blurbs { display:none; }
  406. .userAlbums { display:none; }
  407. #footerWarpper { display:none; }
  408. </style>
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438. LIKE TO MEET:
  439.  
  440. <div class="tabs">
  441.  
  442. <div class="navo">
  443. <font style="color:#ffffff; font-family:times; line-height:15px; text-transform:lowercase; letter-spacing:-3px; font-weight:lighter; font-size:48px; padding-bottom:3px;">site name</font>
  444. <br>
  445. write something short here
  446. <br>
  447. <a href="/home.php">home</a>
  448. <a href="/send_message.php?member_id=FRIENDID">message</a>
  449. <a href="/add_comment.php?member_id=FRIENDID">comment</a>
  450. <a href="/view_blog.php?id=BLOGID">rules</a>
  451. <a href="/view_blog.php?id=BLOGID">share code</a>
  452. </div>
  453.  
  454. <div style="text-align:justify; overflow:auto; float:left; width:160px; padding:10px; margin:0px 0px 0px 0px; height:220px; background:#000000; color:#ffffff;">
  455. <h1 style="color:#ffffff;"><font style="color:#ffffff; font-size:17px; letter-spacing:8px;">●</font>About Site</h1>
  456.  
  457. <span class="dropcap">W</span>elcome to back to you custom edits, this site is not about providing premades, its purpose here is to provide artwork for a small profit, the less you want the less you have to to pay, depending on how much of my time and effort I put into it. So yeah and there will be promotions and bundles in the future but right now just try to earn money to help pay the bills and rent, so help a girl out, aye?
  458.  
  459. <B>Bold</B> <Strong>Strong</Strong> <I>Italic</I> <TT>TT</TT> <U>Underline</U> <small>small</small>
  460.  
  461. </div>
  462.  
  463. <div class="tab">
  464. <input type="radio" id="tab-1" name="tab-group-1" checked>
  465. <label for="tab-1">Updates</label>
  466.  
  467. <div class="content">
  468.  
  469. <h1><font style="color:#000000; font-size:17px; letter-spacing:8px;">●</font>recent updates</h1>
  470.  
  471. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  472.  
  473. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  474.  
  475. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  476.  
  477. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  478.  
  479. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  480.  
  481. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  482.  
  483. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  484.  
  485. <u>00/00/0000</u> write <b>important</b> updates here.<br><br>
  486.  
  487. <u>00/00/0000</u> write <b>important</b> updates here.
  488.  
  489. </div>
  490. </div>
  491.  
  492. <div class="tab">
  493. <input type="radio" id="tab-2" name="tab-group-1">
  494. <label for="tab-2">Affiliates</label>
  495.  
  496. <div class="content">
  497.  
  498. <h1><font style="color:#000000; font-size:17px; letter-spacing:8px;">●</font>affiliates</h1>
  499. <small>sibling sites</small><br>
  500. <div style="pverflow:hidden; float:left; margin-top:10px; width:320px;">
  501. <a href="/FRIENDID" class="second">sibling site</a>
  502. <a href="/FRIENDID" class="second">sibling site</a>
  503. <a href="/FRIENDID" class="second">sibling site</a>
  504. <a href="/FRIENDID" class="second">sibling site</a>
  505. <a href="/FRIENDID" class="second">sibling site</a>
  506. <a href="/FRIENDID" class="second">sibling site</a>
  507. </div>
  508. <small>highly recommended</small><br>
  509. <div style="pverflow:hidden; float:left; margin-top:10px; width:320px;">
  510. <a href="/FRIENDID" class="third">affiliates</a>
  511. <a href="/FRIENDID" class="third">affiliates</a>
  512. <a href="/FRIENDID" class="third">affiliates</a>
  513. <a href="/FRIENDID" class="third">affiliates</a>
  514. <a href="/FRIENDID" class="third">affiliates</a>
  515. <a href="/FRIENDID" class="third">affiliates</a>
  516. <a href="/FRIENDID" class="third">affiliates</a>
  517. <a href="/FRIENDID" class="third">affiliates</a>
  518. <a href="/FRIENDID" class="third">affiliates</a>
  519. <a href="/FRIENDID" class="third">affiliates</a>
  520. </div>
  521. <small>premade sites</small><br>
  522. <div style="pverflow:hidden; float:left; margin-top:10px; width:320px;">
  523. <a href="/FRIENDID" class="third">affiliates</a>
  524. <a href="/FRIENDID" class="third">affiliates</a>
  525. <a href="/FRIENDID" class="third">affiliates</a>
  526. <a href="/FRIENDID" class="third">affiliates</a>
  527. <a href="/FRIENDID" class="third">affiliates</a>
  528. <a href="/FRIENDID" class="third">affiliates</a>
  529. <a href="/FRIENDID" class="third">affiliates</a>
  530. <a href="/FRIENDID" class="third">affiliates</a>
  531. <a href="/FRIENDID" class="third">affiliates</a>
  532. <a href="/FRIENDID" class="third">affiliates</a>
  533. </div>
  534. <small>roleplay groups</small>
  535. <div style="pverflow:hidden; float:left; margin-top:10px; width:320px;">
  536. <a href="/FRIENDID" class="third">affiliates</a>
  537. <a href="/FRIENDID" class="third">affiliates</a>
  538. <a href="/FRIENDID" class="third">affiliates</a>
  539. <a href="/FRIENDID" class="third">affiliates</a>
  540. <a href="/FRIENDID" class="third">affiliates</a>
  541. <a href="/FRIENDID" class="third">affiliates</a>
  542. <a href="/FRIENDID" class="third">affiliates</a>
  543. <a href="/FRIENDID" class="third">affiliates</a>
  544. <a href="/FRIENDID" class="third">affiliates</a>
  545. <a href="/FRIENDID" class="third">affiliates</a>
  546. </div>
  547.  
  548. </div>
  549. </div>
  550.  
  551. <div class="tab">
  552. <input type="radio" id="tab-3" name="tab-group-1">
  553. <label for="tab-3">Administration</label>
  554.  
  555. <div class="content">
  556.  
  557. <h1><font style="color:#000000; text-align:justify; font-size:17px; letter-spacing:8px;">●</font>Administration</h1>
  558.  
  559. <img style="float:left; margin:0px 10px 0px 0px; border:8px solid #000000; padding:2px; width:70px; height:70px;" src="https://images2.imgbox.com/e1/a1/S0o3XI0a_o.gif">
  560.  
  561. <h2>title<br><small>littlest teller</small>
  562. <br>
  563. <center>
  564. <a href="/FRIENDID" class="first">my account</a>
  565.  
  566. </center></h2>
  567. <p style="margin-bottom:10px; width:100%; float:left;">
  568. <b>character name:</b> trinity ashby-teller <br>
  569. <strong>verse(s):</strong> sons of anarchy & mayans mc <br>
  570. <b>how long have you been roleplaying?</b> been roleplaying since the Myspace years, only had a different face. <br>
  571. <strong>how many accounts do you have currently?</strong> just this one and my main account. <br>
  572. <b>Is this your first time owning/helping/running a site?</b> not exactly, but hopefully this time is better? It helps if people here are supportive and shares things I guess. <br>
  573. <strong>how long have you been editing?</strong> it's been an off and on thing here, I kept doubting my artwork when I couldn't get any orders and I closed down the page. Hoping that doesn't happen here. <br>
  574. <b>how long have you been coding?</b> that's the one thing I dont do, in the future I'd love to learn that. <br>
  575. <strong>strengths:</strong> crossover gifs, manipulations, extra and simple edits, I guess it really depends on the order and whe the client wants and also depending on their playby. It can go good, great, wonderful ot just flat out bad. <br>
  576. <b>weaknesses:</b> coding mostly.
  577. </p>
  578.  
  579. <img style="float:left; margin:0px 10px 0px 0px; border:8px solid #000000; padding:2px; width:70px; height:70px;" src="https://i.imgur.com/g7vo4P9.gif">
  580.  
  581. <h2>title<br><small>display name</small>
  582. <br>
  583. <center>
  584. <a href="/FRIENDID" class="first">my account</a>
  585.  
  586. </center></h2>
  587. <p style="margin-bottom:10px; width:100%; float:left;">
  588. <b>character name:</b> -- <br>
  589. <strong>verse(s):</strong> -- <br>
  590. <b>how long have you been roleplaying?</b> -- <br>
  591. <strong>how many accounts do you have currently?</strong> -- <br>
  592. <b>Is this your first time owning/helping/running a site?</b> --- <br>
  593. <strong>how long have you been editing?</strong> -- <br>
  594. <b>how long have you been coding?</b> -- <br>
  595. <strong>strengths:</strong> -- <br>
  596. <b>weaknesses:</b> --
  597. </p>
  598.  
  599. </div>
  600. </div>
  601.  
  602. </div>
  603.  
  604.  
  605. <div class="credit"><a href="/hightimes" class="hightimes">HT</a></div>
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!