This code was originally styled by
mintyapple over
here.
I claim no credit for the styling. Only for the modified code.
This is a much smaller, neater version of the aforementioned profile code. It's easier to edit and less likely to hit LJ's character limit for posts.
Credit isn't needed, but linking is always nice in case someone else wants to use the code. Enjoy!
Sharp Corners
NAME HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
NAME HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
http://i435.photobucket.com/albums/qq76/ifurby/03/04.png" alt="this is a usericon" title="this is a tooltip" style="background: #F0F2DD; display: inline; padding: 10px; vertical-align: middle;" />
Rounded Corners
NAME HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
NOTE: This version will show gaps unless you have enough text to make the text box at least as high as the icon.
http://pics.livejournal.com/hinderland/pic/00001486') no-repeat; height: 10px; margin: 0; padding: 0 130px 0 0; width: 420px;">
NAME HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
http://i435.photobucket.com/albums/qq76/ifurby/03/04.png" alt="this is a usericon" title="this is a tooltip" style="background: url(
http://pics.livejournal.com/hinderland/pic/000052tz); display: inline; margin: 0; padding: 10px; vertical-align: middle;" />
http://pics.livejournal.com/hinderland/pic/00002zsz') no-repeat; height: 10px; margin: 0; padding: 0 130px 0 0; width: 420px;">
The rounded corners version uses 3 pictures that you have to edit if you wish to change the colours:
Please save and upload them to your own Photobucket or LJ Scrapbook account,
and then replace the background: url(IMAGEADDRESS); part of the code with
the URLs of your own uploads. (The images are shown in the order they appear in the code.)