*Author

Scaredgirl

  • Guest
Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92765#msg92765
« on: June 15, 2010, 10:39:33 pm »
ULTIMATE PROFILE
For Jr. Members and above

This modification will allow users to customize their profiles just like they can on other social networks like MySpace, Facebook, Tagged, etc.

Users can choose whether they want to have this customized profile or just plain, ordinary one. They can enter About me & My Interests texts which can be formatted using BB code. Also, they can input HTML & CSS code in special text area and customize look of their profile. They can add background picture, change font, size and color of text as well as other elements.

This modification also allows them to upload their own pictures which are then showed in their profile and can be organized in albums. Other users can post comments on someones profile or pictures.

Users can disable comments for their profiles or restrict new comments only to their buddies. Pictures can be shown to all users or only to buddies.

Features:
 - About Me, Interests & Media box
 - Organizable buddy list
 - Approval of buddies
 - Profile pictures
 - Profile comments
 - Picture comments
 - Customizable look & feel

Click here to go to your Ultimate Profile (http://elementscommunity.org/forum/index.php?action=profile;area=customized)

Oh and here's my lame profile (http://elementscommunity.org/forum/index.php?action=profile;area=summary;u=1) as an example :)


Customizing your Ultimate Profile


New background image



Code: [Select]
body {background-image: url("http://elementscommunity.org/forum/avatars/Elements/Image%20421.jpg")}Paste the code above in your "Customization" text box in your Ultimate Profile. Your profile background image should now be a picture of a Purple Nymph. You can change the image by changing the image internet address in the code.


Removal of the gray background so that your custom background image gets more space

Code: [Select]
#header, #header div.frame, #content_section, #content_section div.frame, span.left, h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {background:none repeat scroll 0 0 transparent;}Paste the code above in your "Customization" text box in your Ultimate Profile. That's it.


YouTube Videos
Adding YouTube Videos to your profile is easy. First go to http://youtube.com and find a video you like. Then find and click the "EMBED" button.



There are some option available like player color and size. It's best to pick the smallest or second smallest video size, otherwise they profile page will become too wide and users with smaller resolutions won't be able to see your video.

When you are done, simply copy the code and paste it in the "My Media" textbox in your Ultimate Profile.


Profile colors
You can change the profile colors by changing CSS code. Here's a couple of codes to get you started:

Code: [Select]
.content {background-color: #D2B9D3;}
h3.catbg a, h3.catbg {color:#D2B9D3;}
body, td, th, tr {color:#461B7E;}
.windowbg, #preview_body {color:#461B7E;}
.poster h4 a {color:#461B7E;}
First line is text background color, second one is titles, next two lines are for body text color, and the last one is the name of the person posting a comment.

Paste the code above in your "Customization" text box in your Ultimate Profile. Some parts of your page should now look purple. You can change the color by changing the color code numbers #D2B9D3 and #461B7E.

Here are some colors you can use: http://www.computerhope.com/htmcolor.htm



icybraker

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92772#msg92772
« Reply #1 on: June 15, 2010, 10:49:25 pm »
Epic! I love it.

If only I knew how to do that silly coding thing to deck out my profile. :( Everybody visit Icybraker's profile!

Retribution

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92847#msg92847
« Reply #2 on: June 16, 2010, 12:38:07 am »
Sounds amazing.
Better get to work on my profile... ::)
Though I probably won't get any comments or views  :-X

Edit: What exactly is profile customization using HTML and CSS coding? I'm kind of new to this... :-[

Offline Bloodshadow

  • Legendary Member
  • ******
  • Posts: 4030
  • Country: ca
  • Reputation Power: 46
  • Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.Bloodshadow is towering like an Amethyst Dragon over their peers.
  • 吞天纳地,魔渡众生。天下万物,唯我至尊。
  • Awards: Ultimate Profile WinnerOpposites Attract
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92883#msg92883
« Reply #3 on: June 16, 2010, 01:09:30 am »
Ha, the CSS worked! Go to my profile if you want to see what I put there ;D

But when I put in a background image, 90% percent of that image is blocked. I was originally going to put something really cool...
To be or not to be, I can do both at once. Go learn quantum mechanics, n00b.

icybraker

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92887#msg92887
« Reply #4 on: June 16, 2010, 01:16:25 am »
I just figured out how to work CSS (sort of).

If you caught me experimenting, you'd see the entire page in Wingdings. As of right now, it's still my favorite readable font, Kalinga. :P Epic. Thanks, SG.

Edit: CSS failed me. :(

unionruler

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg92934#msg92934
« Reply #5 on: June 16, 2010, 01:57:47 am »
Thanks SG this is rather awesome. Hope it doesn't take too much of a toll on the server, but I'm sure you have that sorted out  :) Will have to learn to input the HTML/CSS at some point though...  :(

Ant-n-ero

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg93085#msg93085
« Reply #6 on: June 16, 2010, 06:44:35 am »
awsome update - ta sg :)

killfer8

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg93425#msg93425
« Reply #7 on: June 16, 2010, 05:41:59 pm »
Yay! Look at my video and background another great change Thanks SG

Ant-n-ero

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg93457#msg93457
« Reply #8 on: June 16, 2010, 06:34:30 pm »
Yay! Look at my video and background another great change Thanks SG
lol wtf @ ur video ???

Scaredgirl

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg95936#msg95936
« Reply #9 on: June 19, 2010, 04:04:29 pm »
Added some customization tips.

Offline Zac33333

  • Sr. Member
  • ****
  • Posts: 755
  • Reputation Power: 9
  • Zac33333 is a Spark waiting for a buff.
  • I love Aether, like I'm Icybraker.
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg113390#msg113390
« Reply #10 on: July 13, 2010, 08:11:46 am »
Got it :)

smuglapse

  • Guest
Re: Ultimate Profile installed! https://elementscommunity.org/forum/index.php?topic=8167.msg113916#msg113916
« Reply #11 on: July 13, 2010, 11:26:39 pm »
When you reply to a message left on your profile, where does it go?

I would assume to the other person's Ultimate Profile, but Gl1tch doesn't have an Ultimate yet so it just seemingly disappeared.

 

blarg: Icybraker