fallenvvings

Preserve (saved/moved #1)

Apr 15th, 2015
301
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.76 KB | None | 0 0
  1. <!DOCTYPE html><head><style>
  2.  
  3. .mid {
  4. background-color:lightpink; /*color of middle line*/
  5. width:100%;
  6. height:50px;
  7. position:fixed;
  8. top:50%;
  9. bottom:50%;
  10. left:0;
  11. }
  12.  
  13. /*TIP: to change middle color all at once: ctrl + F, put current color in left box and new color in right box, then click "All"*/
  14.  
  15. .midb {
  16. border:3px solid lightpink; /*middle box border color*/
  17. width:300px;
  18. height:200px;
  19. margin-top:-78px;
  20. left:37%;
  21. right:50%;
  22. position:fixed;
  23. background-color:white; /*middle box background color*/
  24. }
  25.  
  26. .tril {
  27. margin-top:60px;
  28. margin-left:250px;
  29. width: 0;
  30. height: 0;
  31. border-style: solid;
  32. border-width: 40px 50px 40px 0;
  33. border-color: transparent lightpink transparent transparent;
  34. } /*color of arrow on ^^ the right, pointing left*/
  35.  
  36. .trir {
  37. margin-top:-80px;
  38. width: 0;
  39. height: 0;
  40. border-style: solid;
  41. border-width: 40px 0 40px 50px;
  42. border-color: transparent transparent transparent lightpink;
  43. /*color of arrow on left, pointing right ^^*/
  44. }
  45.  
  46. /*TO PUT AN IMAGE IN THE TOP HALF:*/
  47. #top /*ADD "img" here (without quotes*/{
  48. background-color:#fff3f5;
  49. position:fixed;
  50. top:0;
  51. left:0;
  52. width:100%;
  53. height:50%;
  54. }
  55. /*TO ADD COLOR IN THE BOTTOM HALF*/
  56. #bottom img /*REMOVE "img" here*/ {
  57. /*add "background-color:#234234;" (whatever colo, without quotes)r*/
  58. position:fixed;
  59. bottom:0;
  60. left:0;
  61. width:100%;
  62. height:50%;
  63. }
  64.  
  65. p {
  66. margin-top:-140px;
  67. padding:5px;
  68. height:190px;
  69. text-align:center;
  70. font-size:25px;
  71. font-family:corbel; /*font stuff*/
  72. line-height:25px;
  73. }
  74.  
  75. a {text-decoration:none; /*link color*/color:#ff748c; font-style:italic; font-size:35px;}
  76. a:hover{color:#ffdae0; /*link color when you hover over it*/
  77. -webkit-transition: all 0.5s ease;
  78. -moz-transition: all 0.5s ease;
  79. -o-transition: all 0.5s ease;}
  80.  
  81. </style></head><body>
  82.  
  83. <div id="top"><!--TO ADD IMAGE IN TOP HALF,ADD <IMG SRC="LINK"> HERE--></div>
  84. <div id="bottom"><img src="http://static.tumblr.com/nuxi7mr/jDGnmns0z/untitled.png"><!--TO REMOVE IMAGE IN BOTTOM HALF/ADD COLOR TO BOTTOM HALF
  85. REMOVE EVERYTHING GTOM <IMG SRC...TO ">--></div>
  86.  
  87. <div class="mid"><div class="midb"><div class="tril"></div><div class="trir"></div><p></br>
  88. <!--this url, make sure you use "http://"-->
  89. <a href="/">URL</a></br></br>
  90. is saved by</br></br>
  91. <!--your current url, remember "http://"-->
  92. <a href="http://fallenvvings.co.vu">fallenvvings</a>
  93. </p></div></div>
  94.  
  95. <!--THAT'S IT FOLKS! PLEASE PLEASE do not remove credit <3-->
  96. <div style="position:fixed;bottom:2px; right:3px;"><a title="fvvthemes" href="http://fallenvvingsthemes.tumblr.com"><img width="80px;" src="http://fc03.deviantart.net/fs70/f/2012/318/3/2/stock_black_flying_birds_3___silhouette_by_jassy2012-d5l1xqo.png"></a></div>
  97. </body>
  98. </html>
Advertisement
Add Comment
Please, Sign In to add comment