To use these userlookups, copy everything in the box below the image and paste it in the description box here. These layouts come with a handy 'About me' section for you to write whatever you like in, but if you would like that changed slightly - made into two columns instead of one, for example - don't hesitate to ask!

Facts and figures: there are a total of 22 userlookups in 5 styles. Hopefully there will be more soon, so keep checking back!

If you have five pets...

... Then you may find that some of these layouts are too small for your pets. Luckily, I have a couple of easy fixes for you! Just paste the snippets of code below between your style tags, and you're good to go.

To make the neopet images smaller:

#userneopets img {
width: 120px;
height: 120px;
}

To make the neopet images thinner:

#userneopets a {
          display: block;
          overflow: hidden;
          width: 100px;
          height: 150px;
}
#userneopets img {
          margin-left: -25px;
}

Faerie Fantastic

These userlookups have a scrolling About Me section perfect for any amount of friendly chatter. On the other hand, if you're the sort to let your trophies do the talking then just head down the page to find these userlookups available without the box at the top.

<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #73cae4; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Waterfarue.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6ba7cb; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #2189b5; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #ffe13d; margin-bottom: 10px; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -289px; float: right; width: 340px; height: 190px; overflow: auto; } #about b { color: #ffe02b; } #about i { color: #e75aff; } </style> <div id="about"> <h1>About me</h1> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. <br><br> Fusce diam nulla, pharetra eu suscipit eget, varius nec turpis. Sed sed augue in metus semper gravida. In id magna et arcu tincidunt rutrum. Donec ultricies erat eu lorem luctus vitae fringilla orci volutpat. Nulla urna quam, vulputate sed blandit fermentum, malesuada ac arcu. Sed at posuere mauris. Curabitur mattis orci eget enim lacinia vestibulum. Fusce ut ligula eget sem ornare sagittis at nec urna. Vivamus id facilisis purus. Vestibulum quis dolor non est venenatis rhoncus. Aenean consectetur risus congue sem sollicitudin euismod. Praesent ornare magna ut elit rhoncus accumsan. Maecenas vulputate porttitor justo vel rhoncus. Donec vel scelerisque odio. <br><br><div style="float: right;"><a href="/~accury">credit</a></div> </div>	<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #bce8f5; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Lightlookup.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6bc5e1; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #ef9800; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #fffc86; margin-bottom: 10px; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -289px; float: right; width: 340px; height: 190px; overflow: auto; } #about b { color: #ffe02b; } #about i { color: #ef9800; } </style> <div id="about"> <h1>About me</h1> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. <br><br> Fusce diam nulla, pharetra eu suscipit eget, varius nec turpis. Sed sed augue in metus semper gravida. In id magna et arcu tincidunt rutrum. Donec ultricies erat eu lorem luctus vitae fringilla orci volutpat. Nulla urna quam, vulputate sed blandit fermentum, malesuada ac arcu. Sed at posuere mauris. Curabitur mattis orci eget enim lacinia vestibulum. Fusce ut ligula eget sem ornare sagittis at nec urna. Vivamus id facilisis purus. Vestibulum quis dolor non est venenatis rhoncus. Aenean consectetur risus congue sem sollicitudin euismod. Praesent ornare magna ut elit rhoncus accumsan. Maecenas vulputate porttitor justo vel rhoncus. Donec vel scelerisque odio. <br><br><div style="float: right;"><a href="/~accury">credit</a></div> </div>	<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #bce8f5; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 10px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerielookupl.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6bc5e1; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #6869ef; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #fffc86; margin-bottom: 10px; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -289px; float: right; width: 340px; height: 190px; overflow: auto; } #about b { color: #ffe02b; } #about i { color: #596ad7; } </style> <div id="about"> <h1>About me</h1> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. <br><br> Fusce diam nulla, pharetra eu suscipit eget, varius nec turpis. Sed sed augue in metus semper gravida. In id magna et arcu tincidunt rutrum. Donec ultricies erat eu lorem luctus vitae fringilla orci volutpat. Nulla urna quam, vulputate sed blandit fermentum, malesuada ac arcu. Sed at posuere mauris. Curabitur mattis orci eget enim lacinia vestibulum. Fusce ut ligula eget sem ornare sagittis at nec urna. Vivamus id facilisis purus. Vestibulum quis dolor non est venenatis rhoncus. Aenean consectetur risus congue sem sollicitudin euismod. Praesent ornare magna ut elit rhoncus accumsan. Maecenas vulputate porttitor justo vel rhoncus. Donec vel scelerisque odio. <br><br><div style="float: right;"><a href="/~accury">credit</a></div> </div>

<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #a1c98e; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Battlefaerie-1.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #194604; background-color: #7cbe5c; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #328709; font-weight: normal; } #main a:hover, a:hover b { color: #a944b9; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #194604; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #a944b9; margin-bottom: 10px; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -289px; float: right; width: 340px; height: 190px; overflow: auto; } #about b { color: #ffe02b; } #about i { color: #e75aff; } </style> <div id="about"> <h1>About me</h1> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. <br><br> Fusce diam nulla, pharetra eu suscipit eget, varius nec turpis. Sed sed augue in metus semper gravida. In id magna et arcu tincidunt rutrum. Donec ultricies erat eu lorem luctus vitae fringilla orci volutpat. Nulla urna quam, vulputate sed blandit fermentum, malesuada ac arcu. Sed at posuere mauris. Curabitur mattis orci eget enim lacinia vestibulum. Fusce ut ligula eget sem ornare sagittis at nec urna. Vivamus id facilisis purus. Vestibulum quis dolor non est venenatis rhoncus. Aenean consectetur risus congue sem sollicitudin euismod. Praesent ornare magna ut elit rhoncus accumsan. Maecenas vulputate porttitor justo vel rhoncus. Donec vel scelerisque odio. <br><br><div style="float: right;"><a href="/~accury">credit</a></div> </div>

Silence of the Sides

These userlookups have no About Me section, for those of us who aren't quite as talkative as others. Personally, I find them very useful for side accounts, hence the title. All of these layouts are also available with space to write about yourself; just scroll up to find them.

<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #73cae4; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Waterfarues.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6ba7cb; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #2189b5; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #ffe13d; margin-bottom: 10px; } </style>	<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #bce8f5; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Lightslookup-1.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6bc5e1; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #ef9800; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #fffc86; margin-bottom: 10px; } </style>	<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #bce8f5; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 10px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieuls.png") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #65c7e4; background-color: #d8f1fa; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #6bc5e1; font-weight: normal; } #main a:hover, a:hover b { color: #ffe02b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader, h1 { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #6869ef; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #fffc86; margin-bottom: 10px; } </style>

<style> #ban, #ban_bottom, #footer, #nst, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: #a1c98e; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #header a img { visibility: hidden; display: block; } #main { margin-top: 0px; width: 980px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Airfaerieulbg.png"); border: none; } #content { width: 960px; padding: 10px; margin-top: -70px; background: none; } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Battlefaerie.jpg") no-repeat; width: 980px; height: 362px; border: none; } #template_nav { margin-left: 260px; margin-top: 295px; } ul.dropdown { border: 1px solid #194604; background-color: #7cbe5c; } li.nav_image { margin-left: -18px; } #main a, a b, #main a:visited { color: #328709; font-weight: normal; } #main a:hover, a:hover b { color: #a944b9; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleContent { padding-top: 10px; } .contentModuleHeaderAlt, .contentModuleHeader { font-family: georgia; font-size: 20px; font-weight: lighter; font-style: italic; letter-spacing: 3px; color: #194604; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #a944b9; margin-bottom: 10px; } </style>

Banner Brilliant

The classic style of userlookup, and the first one I started making. The About Me section is very simple to let you add your own creative flair.

This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet.
<br><br>
Fusce diam nulla, pharetra eu suscipit eget, varius nec turpis. Sed sed augue in metus semper gravida. In id magna et arcu tincidunt rutrum. Donec ultricies erat eu lorem luctus vitae fringilla orci volutpat. Nulla urna quam, vulputate sed blandit fermentum, malesuada ac arcu. Sed at posuere mauris. Curabitur mattis orci eget enim lacinia vestibulum. Fusce ut ligula eget sem ornare sagittis at nec urna. Vivamus id facilisis purus. Vestibulum quis dolor non est venenatis rhoncus. Aenean consectetur risus congue sem sollicitudin euismod. Praesent ornare magna ut elit rhoncus accumsan. Maecenas vulputate porttitor justo vel rhoncus. Donec vel scelerisque odio.

<br><br><div style="float: right;"><a href="/~accury">credit</a></div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet tellus lacus. Aenean in blandit elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eleifend, justo ut auctor pretium, urna purus tincidunt arcu, vitae varius nibh arcu sed mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ultricies porttitor bibendum. Fusce quis ante vel enim ultricies vulputate.
<br><br><div style="float: right;">
<a href="/~Accury">credit</a>
</div>
</div>

Picture Perfect

These are good for people with quite a bit to say about themselves, as you've got a fair amount of space to fill. Feel free to change either of the images if you like!

<style> #ban, #ban_bottom, #footer, #nst, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar, #header { display: none; } body { background: #dde5f1; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #content, #main { border: none; width: 900px; margin-top: 0px; background: #fff; color: #6a636a; } #main a, a b, #main a:visited { color: #6fc7f5; } #main a:hover, a:hover b { color: #ceeeff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 16pt verdana; color: #ffa670; border-bottom: 2px solid #ffa670; border-top: 2px solid #fdf2ab; background: none; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -60px; margin-bottom: 20px; } #about b { color: #ffe84d; } #about i { color: #ffa773; } .large { float: right; margin-left: 30px; margin-bottom: 20px; } .small { float: left; margin: 5px; } h1 { width: 850px; text-align: right; font: 40pt georgia; color: #ffa670; font-style: italic; letter-spacing: 30px; border-bottom: 4px dashed #ffb98f; } #nav { height: 12px; width: 220px; margin-left: 15px; border: none; background: none; float: left; margin-top: 80px; } #nav a { display: block; float: left; width: 12px; height: 12px; background: #ceeeff; border: 1px solid #2fa2e0; margin-right: 8px; } #nav a:hover { background: #fdf2ab; border: 1px solid #fee74d; } </style> <div id="nav"> <a href="http://www.neopets.com/myaccount.phtml"></a> <a href="http://www.neopets.com/customise/"></a> <a href="http://www.neopets.com/games/"></a> <a href="http://www.neopets.com/explore.phtml"></a> <a href="http://www.neopets.com/nf.phtml"></a> <a href="http://www.neopets.com/petcentral.phtml"></a> <a href="http://www.neopets.com/neoboards/index.phtml"></a> <a href="http://www.neopets.com/objects.phtml"></a> <a href="http://ncmall.neopets.com/mall/shop.phtml?page="></a> </div> <div id="about"> <h1>Your name</h1> <img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Dhuckie.png" class="large"><img src="http://images.neopets.com/items/rubberduck.gif" class="small"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked text</a> look like. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br><div align="right"><a href="/~accury">credit</a></div> </div>	<style> #ban, #ban_bottom, #footer, #nst, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar, #header { display: none; } body { background: #dde5f1; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #content, #main { border: none; width: 900px; margin-top: 0px; background: #fff; color: #6a636a; } #main a, a b, #main a:visited { color: #6fc7f5; } #main a:hover, a:hover b { color: #ceeeff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 16pt verdana; color: #78bfaa; border-bottom: 2px solid #78bfaa; border-top: 2px solid #b2f4dc; background: none; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -60px; margin-bottom: 20px; } #about b { color: #82e9cf; } #about i { color: #78bfaa; } .large { float: right; margin-left: 30px; margin-bottom: 20px; } .small { float: left; margin: 5px; } h1 { width: 850px; text-align: right; font: 40pt georgia; color: #ade6fe; font-style: italic; letter-spacing: 30px; border-bottom: 4px dashed #ade6fe; } #nav { height: 12px; width: 220px; margin-left: 15px; border: none; background: none; float: left; margin-top: 80px; } #nav a { display: block; float: left; width: 12px; height: 12px; background: #9ed9d6; border: 1px solid #67bcb8; margin-right: 8px; } #nav a:hover { background: #b2f4dc; border: 1px solid #7eeac3; } </style> <div id="nav"> <a href="http://www.neopets.com/myaccount.phtml"></a> <a href="http://www.neopets.com/customise/"></a> <a href="http://www.neopets.com/games/"></a> <a href="http://www.neopets.com/explore.phtml"></a> <a href="http://www.neopets.com/nf.phtml"></a> <a href="http://www.neopets.com/petcentral.phtml"></a> <a href="http://www.neopets.com/neoboards/index.phtml"></a> <a href="http://www.neopets.com/objects.phtml"></a> <a href="http://ncmall.neopets.com/mall/shop.phtml?page="></a> </div> <div id="about"> <h1>Your name</h1> <img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Arkmite.png" class="large"><img src="http://images.neopets.com/items/arkmite_plushie.gif" class="small"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked text</a> look like. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br><div align="right"><a href="/~accury">credit</a></div> </div>	<style> #ban, #ban_bottom, #footer, #nst, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar, #header { display: none; } body { background: #dde5f1; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #content, #main { border: none; width: 900px; margin-top: 0px; background: #fff; color: #6a636a; } #main a, a b, #main a:visited { color: #fb7476; } #main a:hover, a:hover b { color: #f2222b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 16pt verdana; color: #ea758f; border-bottom: 2px solid #ea758f; border-top: 2px solid #fcc5d1; background: none; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -60px; margin-bottom: 20px; } #about b { color: #fcc5d1; } #about i { color: #14731e; } .large { float: right; margin-left: 30px; margin-bottom: 20px; } .small { float: left; margin: 5px; } h1 { width: 850px; text-align: right; font: 40pt georgia; color: #fea6b9; font-style: italic; letter-spacing: 30px; border-bottom: 4px dashed #fea6b9; } #nav { height: 12px; width: 220px; margin-left: 15px; border: none; background: none; float: left; margin-top: 80px; } #nav a { display: block; float: left; width: 12px; height: 12px; background: #fb7476; border: 1px solid #f71a1d; margin-right: 8px; } #nav a:hover { background: #fbadcc; border: 1px solid #fa65a0; } </style> <div id="nav"> <a href="http://www.neopets.com/myaccount.phtml"></a> <a href="http://www.neopets.com/customise/"></a> <a href="http://www.neopets.com/games/"></a> <a href="http://www.neopets.com/explore.phtml"></a> <a href="http://www.neopets.com/nf.phtml"></a> <a href="http://www.neopets.com/petcentral.phtml"></a> <a href="http://www.neopets.com/neoboards/index.phtml"></a> <a href="http://www.neopets.com/objects.phtml"></a> <a href="http://ncmall.neopets.com/mall/shop.phtml?page="></a> </div> <div id="about"> <h1>Your name</h1> <img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Grarrl.png" class="large"><img src="http://images.neopets.com/items/toy_babygrarrl.gif" class="small"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked text</a> look like. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br><div align="right"><a href="/~accury">credit</a></div> </div>

<style> #ban, #ban_bottom, #footer, #nst, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar, #header { display: none; } body { background: #dde5f1; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #content, #main { border: none; width: 900px; margin-top: 0px; background: #fff; color: #6a636a; } #main a, a b, #main a:visited { color: #527a33; } #main a:hover, a:hover b { color: #9dc078; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 16pt verdana; color: #305018; border-bottom: 2px solid #305018; border-top: 2px solid #b9de47; background: none; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -60px; margin-bottom: 20px; } #about b { color: #daa1ad; } #about i { color: #a1861d; } .large { float: right; margin-left: 30px; margin-bottom: 20px; } .small { float: left; margin: 5px; } h1 { width: 850px; text-align: right; font: 40pt georgia; color: #b9de47; font-style: italic; letter-spacing: 30px; border-bottom: 4px dashed #b9de47; } #nav { height: 12px; width: 220px; margin-left: 15px; border: none; background: none; float: left; margin-top: 80px; } #nav a { display: block; float: left; width: 12px; height: 12px; background: #527a33; border: 1px solid #305018; margin-right: 8px; } #nav a:hover { background: #dca0a7; border: 1px solid #393b32; } </style> <div id="nav"> <a href="http://www.neopets.com/myaccount.phtml"></a> <a href="http://www.neopets.com/customise/"></a> <a href="http://www.neopets.com/games/"></a> <a href="http://www.neopets.com/explore.phtml"></a> <a href="http://www.neopets.com/nf.phtml"></a> <a href="http://www.neopets.com/petcentral.phtml"></a> <a href="http://www.neopets.com/neoboards/index.phtml"></a> <a href="http://www.neopets.com/objects.phtml"></a> <a href="http://ncmall.neopets.com/mall/shop.phtml?page="></a> </div> <div id="about"> <h1>Your name</h1> <img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Pandaphant.png" class="large"><img src="http://images.neopets.com/items/pandaphant_white.gif" class="small"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked text</a> look like. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br><div align="right"><a href="/~accury">credit</a></div> </div>	<style> #ban, #ban_bottom, #footer, #nst, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar, #header { display: none; } body { background: #dde5f1; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img { visibility: visible; } #content, #main { border: none; width: 900px; margin-top: 0px; background: #fff; color: #6a636a; } #main a, a b, #main a:visited { color: #ffd35f; } #main a:hover, a:hover b { color: #e3e8a3; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 16pt verdana; color: #fdbb8e; border-bottom: 2px solid #fdbb8e; background: none; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -60px; margin-bottom: 20px; } #about b { color: #58f7e3; } #about i { color: #b285ec; } .large { float: right; margin-left: 30px; margin-bottom: 20px; } .small { float: left; margin: 5px; } h1 { width: 850px; text-align: right; font: 40pt georgia; color: #d992d1; font-style: italic; letter-spacing: 30px; border-bottom: 4px dashed #d992d1; } #nav { height: 12px; width: 220px; margin-left: 15px; border: none; background: none; float: left; margin-top: 80px; } #nav a { display: block; float: left; width: 12px; height: 12px; background: #c1f0fc; border: 1px solid #0391c2; margin-right: 8px; } #nav a:hover { background: #f5cdef; border: 1px solid #fa88e9; } </style> <div id="nav"> <a href="http://www.neopets.com/myaccount.phtml"></a> <a href="http://www.neopets.com/customise/"></a> <a href="http://www.neopets.com/games/"></a> <a href="http://www.neopets.com/explore.phtml"></a> <a href="http://www.neopets.com/nf.phtml"></a> <a href="http://www.neopets.com/petcentral.phtml"></a> <a href="http://www.neopets.com/neoboards/index.phtml"></a> <a href="http://www.neopets.com/objects.phtml"></a> <a href="http://ncmall.neopets.com/mall/shop.phtml?page="></a> </div> <div id="about"> <h1>Your name</h1> <img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Babypets.png" class="large"><img src="http://images.neopets.com/items/plushie_baby_pb.gif" class="small"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked text</a> look like. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus ipsum et nisi tempus aliquam. Suspendisse consectetur justo ac turpis accumsan nec venenatis erat tristique. Nulla facilisi. Etiam a nisl tellus, in sollicitudin mi. Cras et tortor enim. <br><br><div align="right"><a href="/~accury">credit</a></div> </div>

Friendship Is Magic

I've seen quite a few people looking for My Little Pony: Friendship Is Magic layouts on the boards, so I thought I'd oblige and put some up for you all. You can write as much as you like about yourself as the About me section is set to scroll!

My Little Pony: Friendship Is Magic (c) Hasbro and Lauren Faust. Vectors found through the MLP-VectorClub (Vector is Magic) group on Deviantart. Credit for each image is given on the home page.

<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Twilightbg.jpg"); } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Twilightmainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/TwilightSparkle.png") no-repeat; width: 892px; height: 450px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #a66dbe; background-color: #d4a4e8; } #main a, a b, #main a:visited { color: #273771; font-weight: normal; } #main a:hover, a:hover b { color: #e6458b; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #e6458b; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #622e86; margin-bottom: 10px; } #userneopets { margin-top: -620px; } #userinfo, #usershop, #usercollections { margin-top: 215px; } #usertrophies { width: 770px; } #credit { margin-top: -72px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -305px; float: right; width: 540px; height: 165px; overflow: auto; } #about b { color: #a66dbe; } #about i { color: #ef5091; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Twilightcredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>	<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Springbg-1.gif") #b8c0e6; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Fluttershymainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Fluttershy.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #d2c023; background-color: #fff797; } #main a, a b, #main a:visited { color: #20999a; font-weight: normal; } #main a:hover, a:hover b { color: #e752b5; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #2d9fa0; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #5c9a24; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -320px; float: right; width: 460px; height: 180px; overflow: auto; } #about b { color: #f8a8d8; } #about i { color: #5c9a24; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Fluttershycredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>	<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Applejackbg.jpg"); } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Applejackmainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Applejack.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #f37736; background-color: #fdbf64; } #main a, a b, #main a:visited { color: #ef4135; font-weight: normal; } #main a:hover, a:hover b { color: #a56c31; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #fdbc5f; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #f37736; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -320px; float: right; width: 490px; height: 180px; overflow: auto; } #about b { color: #f37736; } #about i { color: #428024; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Applejackcredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>

<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Rainbowdashbg-1.png") #b8c0e6; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Rainbowdashmainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Rainbowdash.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #0093d0; background-color: #acdff4; } #main a, a b, #main a:visited { color: #0093d0; font-weight: normal; } #main a:hover, a:hover b { color: #d94e9c; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #3aa2c7; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #73c950; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -320px; float: right; width: 490px; height: 180px; overflow: auto; } #about b { color: #d33543; } #about i { color: #602189; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Rainbowdashcredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>	<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Raritybg.png"); } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Raritymainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Rarity.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #afbac0; background-color: #d4dfe2; } #main a, a b, #main a:visited { color: #0092cf; font-weight: normal; } #main a:hover, a:hover b { color: #72cdf4; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #644c9f; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #48166c; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -305px; float: right; width: 505px; height: 165px; overflow: auto; } #about b { color: #1b4982; } #about i { color: #49176d; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Raritycredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>	<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Confetti.gif") #b8c0e6; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Pinkiepiemainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/PinkiePie.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #d2c023; background-color: #fff797; } #main a, a b, #main a:visited { color: #20999a; font-weight: normal; } #main a:hover, a:hover b { color: #e752b5; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #2d9fa0; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #c01a6d; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -320px; float: right; width: 460px; height: 180px; overflow: auto; } #about b { color: #f8a8d8; } #about i { color: #c01a6d; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Fluttershycredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>

<style> #ban, #ban_bottom, #footer, #nst, #userneohome, #habitarium, #ncmall, .user, .sf, hr, td.eventIcon sf, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, .brand-mamabar { display: none; } body { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Backgrounds/Camobg.jpg"); } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b, #about b, #about a img, #credit a img { visibility: visible; } #main { border: none; width: 892px; } #main { margin-top: 10px; background: none; } #content { padding-left: 70px; padding-right: 17px; width: 800px; background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Spikemainbg.png"); } #header { background: url("http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Spike.png") no-repeat; width: 892px; height: 455px; border: none; } #template_nav { margin-left: -103px; margin-top: 408px; } li.nav_image { margin-left: 4px; } ul.dropdown { border: 1px solid #9c60a5; background-color: #dcbfe3; } #main a, a b, #main a:visited { color: #388941; font-weight: normal; } #main a:hover, a:hover b { color: #505050; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: none; } .contentModuleHeaderAlt, .contentModuleHeader { font: 13pt "century gothic"; font-weight: bold; color: #9d62a6; background: none; text-align: left; padding-left: 15px; border-bottom: 3px solid #73c950; margin-bottom: 10px; } #userneopets { margin-top: -600px; } #userinfo, #usershop, #usercollections { margin-top: 190px; } #usertrophies { width: 770px; } #credit { margin-top: -77px; float: right; width: 63px; height: 50px; overflow: auto; } #about { text-align: justify; padding: 10px; font: 11px verdana; margin-top: -320px; float: right; width: 520px; height: 180px; overflow: auto; } #about b { color: #bc97c5; } #about i { color: #d1b929; } </style> <div id="credit"> <a href="/~accury"><img src="http://i1127.photobucket.com/albums/l630/hiccough/Forge/Userlookup/Spikecredit.png" border="0"></a> </div> <br><br><div id="about"> This is what <b>bold</b>, <i>italic</i> and <a href="/">linked</a> text looks like.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, nisi ut laoreet interdum, urna elit facilisis justo, congue lobortis diam nisi quis augue. Phasellus sed leo sed libero posuere vulputate et vel mauris. Maecenas ipsum turpis, scelerisque sed venenatis ac, cursus sed justo. Praesent pulvinar sagittis ligula, ac tristique urna sagittis tincidunt. Duis vel ipsum lectus. Duis volutpat lacus sem. In hac habitasse platea dictumst. Aenean sed magna feugiat nisi condimentum suscipit eu ut augue. Duis ultricies nisi luctus enim ornare non ultrices dui rutrum. Sed molestie, nisl et luctus tincidunt, justo sem vehicula sem, ut consequat nulla lectus ut nisl. Nulla risus tellus, varius eu tristique ut, mollis ac nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula nunc sed massa vestibulum aliquet. </div>

Top