IMG PREVIEW Hooray! I did my first dohtml template. It's fairly simple but i really do like it a lot. So i thought i'd share with all of you! It's a pretty expository application, as i often like mine to be -- so a lot of it is writing based. It's also pretty open ended to any kind of rp, so there you have it. Feel free to make minor edits, such as color changes and simply let me know if you want a bit more of a drastic change. Also feel free to post any questions and comments! It makes me happy to know you guys like it. Just please do not remove my credit. Thanks :] note: images should always be 500 px for things to line up correctly. Code: Select [dohtml] <style type="text/css"> #overalltable {width:100%; border:5px solid #090b10; background-color: #060606; } #overalltable td {font-family: helvetica; font-size:12px; color: #77777f; text-align:justify;} #subheader td {font-family: helvetica; font-size:12px; color: #77777f; text-align:justify;} #table1header {padding:5px 5px 5px 5px} </style> <table id="overalltable" cellspacing="0px"><tr><td width="100%" id="table1header"> <div align=center><img src="http://img641.imageshack.us/img641/553/profileimage1.jpg"></align> <div style="width: 500px; background: #090b10; font-family: times; font-size:18; letter-spacing: 9; text-transform: uppercase; font-style: none; color:#b6b6cc;">Firstname Lastname</div> <div style="width: 500px; background: #020202; font-family: times; font-size:10; letter-spacing: 1; text-transform: uppercase; font-style: none; color:#b6b6cc;">age: -- | gender: -- | occupation: -- | nationality: --</div><p> <b><div style="font-family:helvetica; font-size:12; letter-spacing: 2; color:#FFFFFF; line-height: 90%;">APPEARANCE</div></b> <div align=center> <hr style="width:50%; color:#555656; border: 1px solid #555656;" /></hr></align> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec sapien dui, eget egestas orci. Duis feugiat, justo a iaculis dictum, metus dui gravida ipsum, id accumsan libero elit ac arcu. Donec laoreet aliquam iaculis. Duis a malesuada velit. Etiam vel enim vitae tellus adipiscing pretium quis at lectus. Suspendisse consectetur nunc quis odio laoreet faucibus. Vivamus tristique accumsan ante vel malesuada. Pellentesque massa lectus, dapibus vitae vulputate laoreet, varius quis lacus. Aenean bibendum ultrices diam, ut sollicitudin arcu auctor non. Nulla facilisi. Etiam at sem leo. Curabitur mattis massa et odio hendrerit sit amet iaculis diam scelerisque. Nullam eu feugiat nibh. In hac habitasse platea dictumst. In in lectus vel magna ultricies fringilla. Suspendisse tempor feugiat semper. Morbi arcu nisl, accumsan non tincidunt eu, sollicitudin quis leo. Vivamus aliquam luctus purus eu mollis. Duis vehicula massa vitae nibh mattis semper.<br><br> Etiam elementum, nisi sed interdum aliquet, sem metus adipiscing mi, rhoncus tincidunt tortor orci vel urna. Curabitur facilisis varius dolor non molestie. Aenean aliquam luctus sem, sit amet tempus erat dictum in. Proin id odio ac nisl sagittis ultrices non ut eros. Fusce posuere, augue non porta mattis, tortor est malesuada tellus, sit amet tristique nisl erat id libero. Donec et nisi ipsum, commodo rutrum enim. Nullam in tortor est, vitae dapibus orci. Vivamus quis ligula velit, quis blandit enim. In ultrices fermentum nisi, et auctor est facilisis at. Nam laoreet lorem in leo dignissim porttitor. Integer nisi diam, pellentesque sit amet dapibus vitae, hendrerit mollis ipsum. Donec luctus hendrerit mattis. Vestibulum est tellus, bibendum ut blandit volutpat, varius et ante. Praesent lobortis placerat lectus. Mauris purus velit, consectetur in auctor ac, gravida sit amet est. Nullam sed est eget odio consectetur elementum. Etiam metus sem, laoreet sit amet facilisis a, pharetra tempus odio. <br><br> <b><div style="font-family:helvetica; font-size:12; letter-spacing: 2; color:#FFFFFF; line-height: 90%;">PERSONALITY</div></b> <div align=center> <hr style="width:50%; color:#555656; border: 1px solid #555656;" /></hr></align> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit luctus mauris sit amet fermentum. Aenean rhoncus dui nec dui vehicula ultricies. Donec non nisl ligula, et pharetra urna. Nunc lectus leo, sagittis sed eleifend et, vestibulum quis nisi. Suspendisse fringilla, nisl vitae sollicitudin fermentum, libero lorem vehicula turpis, vel semper erat sapien a leo. Nulla molestie molestie libero, vel posuere dolor porttitor ac. Nunc ultricies cursus justo, nec ultricies quam aliquam sit amet. Nullam consectetur rhoncus scelerisque. Curabitur convallis orci ac diam luctus imperdiet vel vitae urna. Morbi sagittis semper tincidunt. Proin vestibulum convallis pretium. Proin sed metus tortor. Ut placerat justo quis dolor facilisis quis pulvinar ante semper. Vivamus nisl elit, consequat ut ullamcorper eu, luctus semper nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br><br> Integer orci urna, interdum quis aliquet vel, accumsan et mauris. Duis ullamcorper, eros nec tempus aliquet, est odio commodo elit, in feugiat urna risus vel erat. Proin vitae nisi lacus, eu adipiscing ante. Integer consectetur lacinia sagittis. Donec quis varius dui. Morbi quam justo, tincidunt eleifend semper ut, posuere et eros. Maecenas eget sollicitudin nibh. Morbi varius lobortis est at ullamcorper. Morbi consectetur mauris et erat dictum at euismod mauris condimentum. Nulla semper condimentum enim, eu commodo nunc dignissim nec. Quisque varius pulvinar nisi, sit amet accumsan augue tempor ut. Integer nisl magna, vehicula quis bibendum non, vehicula quis arcu. Sed vitae rhoncus odio.<br><br> Sed et nibh vitae sem mollis convallis. Pellentesque interdum nibh quis turpis cursus et elementum felis mattis. Vivamus auctor malesuada diam in mattis. Suspendisse molestie placerat odio, in accumsan nisl molestie vel. Nam at diam vitae nunc gravida luctus non et est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in urna sit amet augue iaculis faucibus. Suspendisse iaculis eleifend mollis. Nam eleifend adipiscing viverra. Praesent ornare ligula lorem, sed commodo turpis. Curabitur sed ante nunc.<br><br> In hac habitasse platea dictumst. Fusce congue cursus aliquam. Donec at metus vitae orci euismod faucibus at sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam dapibus turpis ac nibh tincidunt quis tempus sem hendrerit. Suspendisse velit lorem, suscipit sed dapibus at, tempor porttitor nulla. Praesent in nibh nulla, commodo pellentesque augue. Proin adipiscing orci ut lectus malesuada quis egestas erat dictum. Fusce bibendum rutrum turpis, eu auctor nibh sollicitudin quis. Nullam commodo massa nunc, vitae tincidunt nisi. Nulla lectus urna, elementum quis porta at, interdum at ante. Maecenas gravida, lectus vitae placerat porttitor, mauris justo sagittis dui, interdum aliquam metus lacus eget leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra massa sit amet mauris bibendum ut adipiscing mi semper. Curabitur et nunc est, vestibulum malesuada libero. Nam ac tristique velit.<br><br> <b><div style="font-family:helvetica; font-size:12; letter-spacing: 2; color:#FFFFFF; line-height: 90%;">STORY THUS FAR</div></b> <div align=center> <hr style="width:50%; color:#555656; border: 1px solid #555656;" /></hr></align> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit luctus mauris sit amet fermentum. Aenean rhoncus dui nec dui vehicula ultricies. Donec non nisl ligula, et pharetra urna. Nunc lectus leo, sagittis sed eleifend et, vestibulum quis nisi. Suspendisse fringilla, nisl vitae sollicitudin fermentum, libero lorem vehicula turpis, vel semper erat sapien a leo. Nulla molestie molestie libero, vel posuere dolor porttitor ac. Nunc ultricies cursus justo, nec ultricies quam aliquam sit amet. Nullam consectetur rhoncus scelerisque. Curabitur convallis orci ac diam luctus imperdiet vel vitae urna. Morbi sagittis semper tincidunt. Proin vestibulum convallis pretium. Proin sed metus tortor. Ut placerat justo quis dolor facilisis quis pulvinar ante semper. Vivamus nisl elit, consequat ut ullamcorper eu, luctus semper nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br><br> Integer orci urna, interdum quis aliquet vel, accumsan et mauris. Duis ullamcorper, eros nec tempus aliquet, est odio commodo elit, in feugiat urna risus vel erat. Proin vitae nisi lacus, eu adipiscing ante. Integer consectetur lacinia sagittis. Donec quis varius dui. Morbi quam justo, tincidunt eleifend semper ut, posuere et eros. Maecenas eget sollicitudin nibh. Morbi varius lobortis est at ullamcorper. Morbi consectetur mauris et erat dictum at euismod mauris condimentum. Nulla semper condimentum enim, eu commodo nunc dignissim nec. Quisque varius pulvinar nisi, sit amet accumsan augue tempor ut. Integer nisl magna, vehicula quis bibendum non, vehicula quis arcu. Sed vitae rhoncus odio.<br><br> Sed et nibh vitae sem mollis convallis. Pellentesque interdum nibh quis turpis cursus et elementum felis mattis. Vivamus auctor malesuada diam in mattis. Suspendisse molestie placerat odio, in accumsan nisl molestie vel. Nam at diam vitae nunc gravida luctus non et est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in urna sit amet augue iaculis faucibus. Suspendisse iaculis eleifend mollis. Nam eleifend adipiscing viverra. Praesent ornare ligula lorem, sed commodo turpis. Curabitur sed ante nunc.<br><br> In hac habitasse platea dictumst. Fusce congue cursus aliquam. Donec at metus vitae orci euismod faucibus at sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam dapibus turpis ac nibh tincidunt quis tempus sem hendrerit. Suspendisse velit lorem, suscipit sed dapibus at, tempor porttitor nulla. Praesent in nibh nulla, commodo pellentesque augue. Proin adipiscing orci ut lectus malesuada quis egestas erat dictum. Fusce bibendum rutrum turpis, eu auctor nibh sollicitudin quis. Nullam commodo massa nunc, vitae tincidunt nisi. Nulla lectus urna, elementum quis porta at, interdum at ante. Maecenas gravida, lectus vitae placerat porttitor, mauris justo sagittis dui, interdum aliquam metus lacus eget leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra massa sit amet mauris bibendum ut adipiscing mi semper. Curabitur et nunc est, vestibulum malesuada libero. Nam ac tristique velit.<br><br> <div style="width: 500px; background: #020202; font-family: times; font-size:10; letter-spacing: 1; text-transform: uppercase; font-style: none; color:#b6b6cc;">play by: -- | alias: -- | age: -- | gender: --</div> <div style="width: 500px; background: #090b10; font-family: times; font-size:18; letter-spacing: 9; text-transform: uppercase; font-style: none; color:#b6b6cc;">The Puppetteer</div> </td> </tr> </table> <p><center> <div style="width: 260px; background: #090b10; font-family: times; font-size:8; letter-spacing: 2; text-transform: uppercase; font-style: none; color:#b6b6cc;">application by <a href="http://rpg-directory.com/index.php?showuser=9013">boleyn</a> of rpg-d</div></p></center>[/dohtml]
<div align=center><span style='font-size:17pt;line-height:100%'>DOHTML TEMPLATE ARCHIVED</span> <span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span> Thank you for submitting to our role-play resources and contributing to making forums pretty everywhere!</div>
