API tools faq
paste
yayfritzi

Flowers in your hair

yayfritzi
Feb 25th, 2013
7,604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. Code by selenagomezhelps @ tumblr
  5. Please read this before using this template.
  6. http://freetexthost.com/urneqacxmv
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'>
  15.  
  16. <style type="text/css">
  17. body{color:#000; background-attachment:fixed; background-color:#eee; background-image: url('BACKGROUNDIMAGEURL'); text-align:justify; font-family:verdana; font-size:12px;}
  18. a{color:#AAAAAA; text-decoration: none;}
  19. a:hover{ color:#000;}
  20.  
  21. #yayo {background-image: url('http://media.tumblr.com/6b127420e7a9cd85bf68758dc4c5ab6f/tumblr_inline_misednT6aS1qz4rgp.png');margin-top:-67px; margin-left:360px; width:230px; height:430px;}.box {width: 230px; height: 300px; margin-top:54px; margin-left:-2px;} .main2 {width: 213px; margin-top:50px; height: 299px; background-color: #fff; position: relative; z-index: 10;}
  22. .s1, .s2 {opacity: 0.0; height: 0px; height: 300px; width: 165px; position: absolute; z-index: 5; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .s1 {background-color: #0e0e0e;} .box:hover .s1 {opacity: 1.0; margin-left: -175px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;} .s2 {background-color: #0e0e0e;} .box:hover .s2 {opacity: 1.0; margin-left: 240px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}#phoneicons {margin-top:-35px; margin-left:0px; width:214px; height:30px;position: relative; z-index: 10;}#banner {color:#000;background-color:#eee;margin-top:-313px; margin-left:1px; width:214px; height:15px;position: relative; z-index: 10; font-family:georgia; font-size:9px; line-height:16px;}#name {width:340px;margin-top:70px; margin-left:630px; padding:10px; text-align:center; font-family:Dosis; font-size:30px;text-shadow:1px 1px 4px #000000;}::-webkit-scrollbar {width: 5px; height: 4px; background: #FFFFFF; }::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
  23.  
  24. .trackerbox { background-color: #362940; width: 360px; height: 25px; color: transparent; line-height: 90%; font-family: calibri; text-align: justify; font-size: 10px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; overflow: hidden; }
  25. .trackerbox:hover { width: 360px; height: 250px; overflow: auto; background-color: #fff; color: #fff; line-height: 90%; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; }
  26.  
  27. {CustomCSS}
  28.  
  29. </style>
  30. </head>
  31. <body>
  32.  
  33. <div id="name"> CHARACTER'S NAME HERE </div></div>
  34.  
  35. <!-- PHONE STARTS HERE -->
  36. <div id="yayo">
  37. <center><br>
  38. <div class="box">
  39. <div class="s1"><br><div style="width:165px; background-color:#1c1c1c; font-family:georgia; color:#3982c6; text-align:center; width:165px; font-size:18px; font-style:italic; line-height:90%; padding-top:3px; padding-bottom:3px;">
  40.  
  41. PHONE-NUMBER-HERE
  42.  
  43. </div><br><center>
  44. <div style="font-family:georgia; color:#bbbbbb; background-color:#1c1c1c; width:130px; padding:10px; height:222px; overflow:auto; text-align:justify; font-size:8.5px;">
  45.  
  46. "VOICEMAIL MESSAGE HERE."
  47.  
  48. </div></center></div>
  49. <div class="s2"><br><div style="width:165px; background-color:#1c1c1c; color:#cccccc; padding-bottom:3px; padding-top:3px;">
  50.  
  51.  
  52. <!-- EDIT MUSIC PLAYER -->
  53.  
  54. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="165" height="10">
  55. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  56. <param name="bgcolor" value="#1c1c1c" />
  57. <param name="FlashVars" value="mp3=http%3A// SONG URL HERE &amp;bgcolor=1c1c1c&amp;loadingcolor=3982c6&amp;slidercolor=ffffff" />
  58. </object></div>
  59.  
  60.  
  61. <br><center>
  62. <div style="font-family:georgia; text-transform:lowercase; color:#bbbbbb; background-color:#1c1c1c; width:130px; padding:10px; height:225px; overflow:auto; text-align:left; font-size:8px;">
  63. <div style="font-family: georgia; font-size: 13px; color: #3982c6; text-align: center; font-style: italic;">Ringtones.</div></a>
  64.  
  65.  
  66. <!-- EDIT RINGTONES -->
  67.  
  68. <p><div style="width:133px; font-family: trebuchet ms; font-size:9px; line-height: 90%; color: #3982c6; text-align: justify;" > <b>
  69. calls - - - - - - - - - - - - - - - - - - </b></div>
  70. song by artist
  71. <p>
  72.  
  73. <p><div style="width:133px; font-family: trebuchet ms; font-size:9px; line-height: 90%; color: #3982c6; text-align: justify;" > <b>
  74. texts - - - - - - - - - - - - - - - - - -</b></div>
  75. song by artist
  76. <p>
  77.  
  78. <p><div style="width:133px; font-family: trebuchet ms; font-size:9px; line-height: 90%; color: #3982c6; text-align: justify;" > <b>
  79. voicemails - - - - - - - - - - - - - </b></div>
  80. song by artist
  81. <p>
  82.  
  83. <div style="font-family: georgia; font-size: 13px; color: #3982c6; text-align: center; font-style: italic;">Contacts.</div>
  84.  
  85. <!-- EDIT CONTACTS -->
  86.  
  87. <table><tr><td><img src="IMAGE URL" width="50" height="50"></td><td style="width: 90px; font-family: georgia; font-size: 8px; text-align: justify;">NAME<br>"SONG" - <br>ARTIST</tr></table>
  88.  
  89. <table><tr><td><img src="IMAGE URL" width="50" height="50"></td><td style="width: 90px; font-family: georgia; font-size: 8px; text-align: justify;">NAME<br>"SONG" - <br>ARTIST</tr></table>
  90.  
  91. <table><tr><td><img src="IMAGE URL" width="50" height="50"></td><td style="width: 90px; font-family: georgia; font-size: 8px; text-align: justify;">NAME<br>"SONG" - <br>ARTIST</tr></table>
  92.  
  93. </div>
  94. </div>
  95.  
  96.  
  97. <!-- EDIT PHONE PICTURE -->
  98. <div class="main2">
  99. <div style="background-image:url(PHONE IMAGE URL 300x214); height:300px; width: 214px;opacity: 0.9;"></div>
  100.  
  101.  
  102.  
  103. <div id="phoneicons">
  104. <a href="/"><img src="http://media.tumblr.com/fdff60e2851c5ad63d54c3706212c9f7/tumblr_inline_misk1sSVII1qz4rgp.png"/></a>
  105.  
  106. <a href="/tagged/text"><img src="http://media.tumblr.com/7351aedd661c193e7754c830d950572b/tumblr_inline_misjxlFEGN1qz4rgp.png"/></a>
  107.  
  108. <a href="/tagged/instagram"><img src="http://media.tumblr.com/851c1ea578e4b7baa76f33ed4bd3c1a8/tumblr_inline_misjntNf0U1qz4rgp.png"/></a>
  109.  
  110. <a href="/tagged/ipod"><img src="http://media.tumblr.com/7d03b32703e5ff1fbb86ba962187c2fb/tumblr_inline_misjr1xzw11qz4rgp.png"/></a>
  111. </div> </div>
  112.  
  113. <div id="banner"><marquee>You have 3 new messages, 1 missed call.</marquee></div></div></div>
  114.  
  115. <!-- PHONE ENDS HERE -->
  116.  
  117.  
  118. <!-- ID CARD/BIO -->
  119. <div style="width: 360px; margin-top:-380px; margin-left:630px;height: 10px;padding: 23 0 23 0;background-color: #915475;"></div>
  120. <div style="width: 360px; margin-left:630px;background-color: #fff;">
  121. <div style="width: 360px; height: 200px;">
  122.  
  123. <table><tr><td><img src="IDIMAGEURL150x194" width="150" height="194"></td>
  124. <td style="width: 90px; font-family: georgia; font-size: 8px; text-align: justify;">
  125.  
  126.  
  127. <div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  128. <b>NAME:</b></div>
  129. CHANGE THIS
  130.  
  131. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  132. <b>DATE OF BIRTH:</b></div>
  133. CHANGE THIS
  134. </p>
  135.  
  136. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  137. <b>PLACE OF BIRTH:</b></div>
  138. CHANGE THIS
  139. <p>
  140.  
  141. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  142. <b>RESIDENCE:</b></div>
  143. CHANGE THIS
  144. <p>
  145.  
  146. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  147. <b>HEIGHT/WEIGHT:</b></div>
  148. CHANGE THIS
  149. <p>
  150.  
  151. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  152. <b>HAIR:</b></div>
  153. CHANGE THIS
  154. <p>
  155.  
  156. <p><div style="width:133px; font-family: Courier; font-size:11px; line-height: 90%; color: #000; text-align: justify;" >
  157. <b>EYES:</b></div>
  158. CHANGE THIS
  159. <p>
  160.  
  161. </tr></table></div>
  162.  
  163.  
  164. <div class='trackerbox'>
  165. <div style="font-family: arial; font-size: 8px; text-transform: uppercase; padding: 9px 0px 3px 0px; color: #fff; text-align: center;"> Learn more about CHARACTER'S NAME. </div>
  166.  
  167.  
  168. <center><div style="width: 350px; font-family:courier; font-size:10;text-align: justify;color:#000;">
  169. <Center>
  170. <table><tr><td valign="top">
  171.  
  172. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e. Bio goes here or w/e.
  173.  
  174. </div></td></div></tr></table></center></div></div>
  175.  
  176. <!-- ID/BIO ENDS HERE -->
  177.  
  178. <!-- TWITTER -->
  179.  
  180. <center>
  181. <div class="basec">
  182. <div class="infoc"><table><td valign="top">
  183. <div class="avc"></div></td>
  184. <td valign="top">
  185. <div class="tdesc">
  186. <div class="usernamec">@USERNAME</div>
  187. <i>TWITTER DESC. HERE</i></div></td>
  188. <td><div style="margin-left: 30px">
  189. <div class="tstatsc"><font size="2" color="#444444">2,904</font> <br>
  190. <a href="/tagged/tweet">TWEETS</a></div>
  191. <div class="tstatsc"><font size="2" color="#444444">208</font> FOLLOWING</div>
  192. <div class="tstatsc"><font size="2" color="#444444">1,233</font> FOLLOWERS</div></div></td></table></center>
  193.  
  194. <style type='text/css'>
  195. .basec {padding: 10px; width: 340px; background-image: url('TWITTERBACKGROUNDURL'); #eeeeee; border-bottom: 1px dotted #000;}
  196. .infoc {padding: 5px; width: 320px; background-color: #eeeeee; border: 1px solid #cccccc; -moz-border-radius: 10px; -webkit-border-radius:10px; }
  197. .avc { margin-top:10px;width: 60px; height: 60px; background-image: url('TWITTERICONURL60x60'); -moz-border-radius: 5px; -webkit-border-radius:5px; }.usernamec { margin-top:10px;font-family: arial; font-size: 16px; color: #777777; }.tdesc { width: 150px; font-family: georgia; font-size: 10px; color: #777777; }.tstatsc { font-family: arial; font-size: 8px; color: #777777; text-transform: uppercase; text-align: left; border-bottom: 1px solid #777777; }</style>
  198.  
  199.  
  200. </div>
  201. </div>
  202. </body>
  203. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!