Sorry about this guys! It took me forever.
Anyway this is the codes I used to change my Ultimate Profile Look and Feel.
I'm not very good with codes or tutorials about it as well I was just clicking and playing around and this is what i got.
If you want to know where to put these codes.
At the top of the Site. Click on Profile. That will take you to your profile page. Then below the "YOU ARE HERE" hover the mouse pointer to the MODIFY PROFILE option and then select ULTIMATE PROFILE.
Then scroll to the very end and enter the code inside the customization box.
<style>
body
{
background-image: url("INSERT BACKGROUND IMG URL HERE");
background-repeat: repeat;
background-color: rgb(13, 13, 13);
font: 85%/135% "Arial","Arial","Helvetica",sans-serif;
margin: 0px auto;
padding: 0px;
}
.bgmenu
{
background: url("PHOTOURLHERE") repeat-x scroll left center transparent;
height: 68px;
}
img
{
opacity:0.8;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#header
{
box-shadow: 0px 4px 5px rgb(35, 35, 35);
background: none repeat scroll 0% 0% rgb(26, 26, 26);
border-radius: 0px 0px 0px 0px;
border: 2px solid rgb(17, 17, 17);
padding-left: 20px;
padding-right: 15px;
padding-top: 10px;
margin-right: -1px;
margin-left: -1px;
opacity: 0.8
}
#footer_section {
margin-top: 30px;
text-align: center;
background: url("URLHERE") repeat-x scroll left center transparent;
height: 117px;
}
</style>
<div style="margin: auto;">
<img src="INSERT HEADER IMAGE HERE" alt="Welcome to YOURNAMEHERE'S discourse Profile" style="border: 0px; text-align: middle;;" />
<p>
</p></div>
This is a very incomplete script at the moment. So feel free to alter and play around with it and hopefully someone who is more knowledgeable in this area can fix whatever I might have done incorrectly.
[/color]