Background, Custom Profile Requests, Coding.

[adam zombie]

June 1st, then you can pick what profile style you want to use and i will go from there. kK

[Welshboy Taffy]

Here's a quick one for you

first lets sort out the colours in (Edit Profile Look and Feel and access API)

Put your Text colour and Comment colour White
then put your link colour blue (003366)
leave everything else.

While your on that page put this in your CSS area

--------------------------------------------------------------------

Code: Select all

body{
background-image:url([url]http://img692.imageshack.us/img692/5571/haloreachbackground.png);[/url]
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
.profileim{
background-image:url([url]http://img411.imageshack.us/img411/3995/haloreachlogo.png);[/url]
background-repeat:no-repeat;
background-position:center;
height: 200px;
width: 700px;
}
#siteFooter{
background-image: url([url]http://img683.imageshack.us/img683/6664/halocomments.png);[/url]
background-color: transparent;
}
.profileim img{
display:none;
}
#mainContent{
background-color: transparent;
}
#main{
background-image: url([url]http://i47.tinypic.com/2utq8b7.png);[/url]
}
#userinfo{
background-image: url();
background-color: transparent;
}
.loggedinwhite{
color: white;
}
.loggedinwhite a{
color: #003366;
}
.index_picture{
color: #003366;
}
.comment{
background-image:url([url]http://img683.imageshack.us/img683/6664/halocomments.png);[/url]
background-color:transparent;
background-repeat:repeat;
background-attachment:scroll;
background-position:center;
border: 1px solid #003366;
font-size: 16px;
font-weight: normal;
}
.boxHeader{
background-image:url();
background-color: transparent;
background-repeat:repeat;
background-attachment:scroll;
background-position:center;
color: #003366;
font-size: 20px;
font-weight: normal;
}
.boxInner{
background-image:url([url]http://img683.imageshack.us/img683/6664/halocomments.png);[/url]
background-color: transparent;
background-repeat:repeat;
background-attachment:scroll;
background-position:center;
border:1px solid #003366;
font-color: gray;
font-size: 12px;
font-weight: normal;
}


--------------------------------------------------------------------

then go in to Edit Profile Content (bio) and put this in your Header

Code: Select all

<img src="http://img227.imageshack.us/img227/4943/haloproph3cylogo.png" alt="Image Hosted by ImageShack.us"/>

--------------------------------------------------------------------

Any problems let me know.

[adam zombie]

thx taffy for doing that.
for future web graphics, try to compress them so they are smaller in size. try to find a happy medium between image degradation and file size.

[Welshboy Taffy]

I hope it still works after the update m8 let me know if it don't.

[MinX]

Im tired of my pick profile, anyone got any suggestions? still want to keepit girly.. ^_^

[adam zombie]

pink and sparely stuff usually works. I would myself go for earth tones highlighted with pastels to give a fresher, calmer setting of profile viewing pleasure.

[adam zombie]

these "themed" profiles would so be relevant and in use today..

[adam zombie]

This one is for "Profile 2" selected from this location, http://www.pwned.com/editprofile/


Code will get copied from here and pasted into the "Write your own CSS", then saved.

Code: Select all

body{
background-image:url(http://aggrogamer.com/assets/1315960962-2aebd32515b1df1dd3e1c7a316061fc9.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top;
background-color: #000000;
}
#mywiicard{
display:none;
}
#halostats{
display:none;
}
.comment{
background-image:url();
background-color:transparent;
background-repeat:repeat;
background-attachment:scroll;
background-position:center;
border: 1px solid gray;
}
.my_bio{
margin-left: 5px;
}
.gamesplayed img{
height: 72px;
}
.commentAdd{
border: 1px solid gray;
background-color:transparent;
color: white;
}

I use the "Design Tool" just for the link and comment color. Leaving the two URL spots blank. Also using both the CSS and the design tool for displaying a background image and foreground, will more then likely break your profile. Sorry it's a small inconvenience for right now. Untill the devs can get around to refining this feature.

*tip, while adding in your own CSS, save that. Then choose your colors for the links, comments, ect. then save that.


ALL of this coding can be seen from viewing the source of your selected default profile and seeing what can be changed (all of them use different CSS), then making your own changes accordingly. I have alot of the codes for all of the profiles on here ( minus the PS3 theme.. -_- ) If you are not HTML/CSS savvy, please feel free to ask more about this type of simple web coding, I am more then happy to help. This isn't as easy as just having a "predefined theme" to choose from. BUT you can do pretty much whatever you wish to with your profile AND change it when YOU want to! Choices, it makes all the difference. On another note, I wish there was a predefined theme selection AND this way of doing it.

edit* also see, http://pwned.com/ToshibaGaming/ for something that uses profile 1.

[laughingman84]

Thank you for the use. I used to use CSS and html, but I've become a tad rusty. This helped refesh my memory!

[Java]

Thanks Adam! maybe i will use your code.