NO LIVE PREVIEW
Please read the rules before using and leave all credit.
Contact me if you use. You can leave it in the comments here.
Contact me if you use. You can leave it in the comments here.
Looks best in Google Chrome.
-Sanity Layouts. xo.
<style type="text/css">
.mesg,.error,block,h1,h2,h3,.comment_avatar,.light,.breadcrumbs,td,.fake_link,header{display:none;}.quote_action_sep{border:0px solid black;height:6px;}.overlined{border:0px solid white;}a{color:white}.comment:hover{box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;padding:5px 0px 3px 0px;border-radius:10px 10px 10px 10px;background:#000;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}.comment{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px;border:0px solid #000;color:white;margin-bottom:10px;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;}.comment_meat{margin-left:20px;width:480px;}.footer{max-height:0px;}body,.meatcol,.meat,.rows{background:url(http://29.media.tumblr.com/tumblr_m0bt3k1lWe1r6uwfxo4_r1_100.png)}#fancywrapper{left:190px;margin:0px;top:-120px;position:absolute;width:600px;}.grid_11{color:white;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;height:100px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px 10px 10px 10px;}.grid_11:hover{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}.grid_5{text-align:center;box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;height:93px;width:500px;padding:5px 0px 3px 0px;margin-left:12px;border-radius:10px 10px 10px 10px;background:#000;position:absolute;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:0;}.grid_5:hover{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:1;}.grid_5 img {display:none;}.quote_action_sep {border:0px solid #000;height:0px;}.quote_action_sep a {background-image:none;padding:0px;}.quote_action_sep a:hover {background-image:none;padding:0px;}.about{position:absolute;top:40px;left:-60px;width:300px;text-align:center;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;color:white;z-index:30000000000;background:#000;border:10px #000 solid;box-shadow: 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010;border-radius:10px;}.about:hover{box-shadow:0px 0px 4px #3887A1 inset,0px 0px 5px #3887A1,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1,0px 0px 12px #3887A1,0px 0px 14px #3887A1,0px 0px 16px #3887A1 inset;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border:10px #3887A1 solid;} </style>
<div style="height:700px;position:fixed;width:200px;background:black;left:890px;z-index:30000000000;">
<div class="about">
<img src="http://24.media.tumblr.com/tumblr_m4psm0b5a71r9uz5do1_500.jpg" style="border:1px #101010 solid;position:relative;top:5px;" width="288" />
<div style="font-size:10px;line-height:8px;width:300px;">
About me goes here. Please leave all credit and tell me if you use the layout. Looks best in Google Chrome. The box will get longer with the more you type. The picture is automatically the dimensions they are currently so its no problem if you change it. Don't forget to add your username and userid in the code if you use it. -kclove5 <marquee behavior="scroll" direction="left">SCROLLING TEXT. <span style="color:transparent;">.</span></marquee> <a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE">Quotes</a>//<a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE/comments">Comments</a>//<a href="#follow" id="follow_171963" onclick="javascript:follow.startfollowing(USERIDHERE);">Follow</a>//<a href="http://s-anity.blogspot.com" target="_blank">Credit</a></div>
</div>
</div>
</div>
.mesg,.error,block,h1,h2,h3,.comment_avatar,.light,.breadcrumbs,td,.fake_link,header{display:none;}.quote_action_sep{border:0px solid black;height:6px;}.overlined{border:0px solid white;}a{color:white}.comment:hover{box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;padding:5px 0px 3px 0px;border-radius:10px 10px 10px 10px;background:#000;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}.comment{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px;border:0px solid #000;color:white;margin-bottom:10px;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;}.comment_meat{margin-left:20px;width:480px;}.footer{max-height:0px;}body,.meatcol,.meat,.rows{background:url(http://29.media.tumblr.com/tumblr_m0bt3k1lWe1r6uwfxo4_r1_100.png)}#fancywrapper{left:190px;margin:0px;top:-120px;position:absolute;width:600px;}.grid_11{color:white;background:#101010;margin-left:12px;box-shadow:0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black,0px 0px 3px black;width:500px;height:100px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border-radius:10px 10px 10px 10px;}.grid_11:hover{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}.grid_5{text-align:center;box-shadow:0px 0px 4px #143B4F inset,0px 0px 5px #3887A1 inset,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1 inset,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1 inset,0px 0px 12px #3887A1 inset,0px 0px 14px #3887A1 inset,0px 0px 16px #3887A1 inset;height:93px;width:500px;padding:5px 0px 3px 0px;margin-left:12px;border-radius:10px 10px 10px 10px;background:#000;position:absolute;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:0;}.grid_5:hover{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;opacity:1;}.grid_5 img {display:none;}.quote_action_sep {border:0px solid #000;height:0px;}.quote_action_sep a {background-image:none;padding:0px;}.quote_action_sep a:hover {background-image:none;padding:0px;}.about{position:absolute;top:40px;left:-60px;width:300px;text-align:center;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;color:white;z-index:30000000000;background:#000;border:10px #000 solid;box-shadow: 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010, 0px 0px 2px #101010;border-radius:10px;}.about:hover{box-shadow:0px 0px 4px #3887A1 inset,0px 0px 5px #3887A1,0px 0px 6px #3887A1 inset,0px 0px 7px #3887A1,0px 0px 8px #3887A1 inset,0px 0px 10px #3887A1,0px 0px 12px #3887A1,0px 0px 14px #3887A1,0px 0px 16px #3887A1 inset;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;border:10px #3887A1 solid;} </style>
<div style="height:700px;position:fixed;width:200px;background:black;left:890px;z-index:30000000000;">
<div class="about">
<img src="http://24.media.tumblr.com/tumblr_m4psm0b5a71r9uz5do1_500.jpg" style="border:1px #101010 solid;position:relative;top:5px;" width="288" />
<div style="font-size:10px;line-height:8px;width:300px;">
About me goes here. Please leave all credit and tell me if you use the layout. Looks best in Google Chrome. The box will get longer with the more you type. The picture is automatically the dimensions they are currently so its no problem if you change it. Don't forget to add your username and userid in the code if you use it. -kclove5 <marquee behavior="scroll" direction="left">SCROLLING TEXT. <span style="color:transparent;">.</span></marquee> <a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE">Quotes</a>//<a href="http://www.wittyprofiles.com/author/ADDYOURNAMEHERE/comments">Comments</a>//<a href="#follow" id="follow_171963" onclick="javascript:follow.startfollowing(USERIDHERE);">Follow</a>//<a href="http://s-anity.blogspot.com" target="_blank">Credit</a></div>
</div>
</div>
</div>
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home