Jump to content
  • Dark Nights

       (1 review)

    This is a lovely, dark post template. It's screen printed on a dark skin as well (my own site). It's rather easy to navigate the Post Template which includes two lines of lyric. The image is actually a gif but you don't have to use one.


    Actual Template Not Responsive

    You and I we wont get pulled under
    When the waves crash down we'll stay afloat
    Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna byviiiqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut byviiiquip ex ea commodo consequat. "Your speaking will go here, if you wrap it with <*t> <*/t> it will color your text. Remember to take out the stars." Excepteur sint occaecat cupidatat non proident, sunt in cubyviia qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna byviiiqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut byviiiquip ex ea commodo consequat. "Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur." Excepteur sint occaecat cupidatat non proident, sunt in cubyviia qui officia deserunt mollat anim id est laborum.
    For Character Name
    Notes go here, woop woop!

    Template code

    <link href="http://fonts.googleapis.com/css?family=Seaweed+Script" rel="stylesheet" type="text/css">
    <style type="text/css">
    .temp_byvii { width: 500px; background-color: #0a0a0a; }
    .temp_byvii img { width: 500px;}
    .temp_byviibk { width: 470px; background-color: #0a0a0a; padding: 15px;}
    .temp_byviitxt { width: 430px; color: #777; text-align: justify; font-family: roboto; font-size: 11px; }
    .temp_byviitxt t {color: #ccc; background-color: #0e0e0e;}
    .byviilyric_box1 { width: 450px; background-color: #0e0e0e; letter-spacing: 3px; color: #777; font-size: 8px; font-family: arial; text-transform: uppercase; margin-bottom: 5px;}
    .byviilyric_box2 { width: 450px; font-family: seaweed script; text-transform: lowercase; color: #ccc; font-size: 24px; margin-bottom: 2px; }
    .byviitemp_bottom {margin-top: 20px;}
    .byviitemp_tag {width: 450px; font-family: seaweed script; text-transform: lowercase; color: #ccc; font-size: 24px; text-align: left;}
    .byviitemp_notes { width: 450px; background-color: #0e0e0e; letter-spacing: 3px; color: #777; font-size: 8px; font-family: arial; text-transform: uppercase; margin-bottom: 5px;}
    </style>
     
    	<div align="center">
    		<div class="temp_byvii"><img src="http://i.imgur.com/LhIMDS6.gif"></div>
    		<div class="temp_byviibk">
    			<div class="byviilyric_box2">You and I we wont get pulled under </div>
    			<div class="byviilyric_box1">When the waves crash down we'll stay afloat </div>
     			<div class="temp_byviitxt">
     				Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna byviiiqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut byviiiquip ex ea commodo consequat. <t>"Your speaking will go here, if you wrap it with <*t> <*/t> it will color your text. Remember to take out the stars."</t> Excepteur sint occaecat cupidatat non proident, sunt in cubyviia qui officia deserunt mollat anim id est laborum. Lorem ipsum dolor sat amet, consectetur adipisicing elat, sed do eiusmod teapor incididunt ut labore et dolore magna byviiiqua. Ut enim ad minim veniam, quis nostrud exercatation ullamco laboris nisi ut byviiiquip ex ea commodo consequat. "Duis aute irure dolor in reprehenderat in voluptate velat esse cillum dolore eu fugiat nulla pariatur." Excepteur sint occaecat cupidatat non proident, sunt in cubyviia qui officia deserunt mollat anim id est laborum.
    			</div>
    			<div class="byviitemp_bottom">
    				<div class="byviitemp_tag">For Character Name</div>
    				<div class="byviitemp_notes">Notes go here, woop woop!</div>
    			</div>
     		</div>
         </div>



    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest

    ctazykat

      

    Easy to work with, beautiful design!  Is this code free for non commercial use?

    Share this review


    Link to review

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.