BlogSkins Forum Replies For: Styling Your New Profile Page

RE: Styling Your New Profile Page

nobody@blogskins.com (lynda12798) — Mon, 18 Jun 2007 06:57:57 -0500

OMG THANK YOU SO SO SO MUCH I'VE BEEN WONDERING HOW TO DO THIS FOREVER YAY YAY YAY YAY
oops hee:D
my profile page aint gonna be plain no more!!!whee:D

RE: Styling Your New Profile Page

nobody@blogskins.com (if-ever) — Sun, 17 Jun 2007 22:36:34 -0500

Sorry Myles, I have removed the "turn off ads" on my page. Everyone please don't remove the ads too ^ ^

RE: Styling Your New Profile Page

nobody@blogskins.com (starry7star) — Sun, 17 Jun 2007 21:44:50 -0500

THANKS ALOT AND LOT.

RE: Styling Your New Profile Page

nobody@blogskins.com (wwei) — Mon, 18 Jun 2007 02:26:01 -0500

My account has problem. =X
It doesn't show my skins as well as I can't find the save button in my settings. I can't edit my profile and css. *sob*

RE: Styling Your New Profile Page

nobody@blogskins.com () — Sun, 17 Jun 2007 06:00:47 -0500

cool! it's helpful (:

RE: Styling Your New Profile Page

nobody@blogskins.com (heroine) — Sun, 17 Jun 2007 06:37:56 -0500

Thanks! this is going help a lot.

RE: Styling Your New Profile Page

nobody@blogskins.com (simplicity*) — Sun, 17 Jun 2007 06:40:20 -0500

AHAHA THANKS DAMIEN.
yay we love you! :D

RE: Styling Your New Profile Page

nobody@blogskins.com (Jiawen-4ever) — Sun, 17 Jun 2007 09:40:45 -0500

thx!! it really helped me!! btw, i hv a question: if i do NOT want to remove the comments and big ad what should i do? put {display:yes} or.. what? sry i do not really know abt css.

RE: Styling Your New Profile Page

nobody@blogskins.com (burgercrazz) — Sun, 17 Jun 2007 09:43:17 -0500

hey thanks a lot!

RE: Styling Your New Profile Page

nobody@blogskins.com (twix0rz) — Sun, 17 Jun 2007 09:43:38 -0500

You are freaking amazing!! Haha. Thanks a lot.

RE: Styling Your New Profile Page

nobody@blogskins.com ([DELETED USER]) — Sun, 17 Jun 2007 09:50:18 -0500

hey, thanks for this!

RE: Styling Your New Profile Page

nobody@blogskins.com (unriven/}) — Sun, 17 Jun 2007 09:55:31 -0500

im using this.
but erm everything you type here just throw in the about me section right?

RE: Styling Your New Profile Page

nobody@blogskins.com (unriven/}) — Sun, 17 Jun 2007 10:07:33 -0500

yay done. thnx! :D:D:D:D:D:D:D:D:D:D:D

RE: Styling Your New Profile Page

nobody@blogskins.com (STYLED.) — Sun, 17 Jun 2007 10:15:16 -0500

i like your profile!
very simple!

RE: Styling Your New Profile Page

nobody@blogskins.com (myles) — Sun, 17 Jun 2007 10:38:39 -0500

Nice work. I'm tempted to incorporate some of your suggestions into the defaults.

Obviously, I would prefer that you didn't turn off ads, but I understand it can make things a little cluttered. Would a smaller ad in that space be better?

RE: Styling Your New Profile Page

nobody@blogskins.com (enex) — Sun, 17 Jun 2007 12:56:31 -0500

:D YAY

RE: Styling Your New Profile Page

nobody@blogskins.com (lynda12798) — Mon, 18 Jun 2007 23:52:05 -0500

oh crap.mine still doesnt work.how do u add those into the profile page? is there any other codes i have to put in front or at the back?

RE: Styling Your New Profile Page

nobody@blogskins.com (illusioNATION) — Tue, 19 Jun 2007 01:55:03 -0500

sticky +1

RE: Styling Your New Profile Page

nobody@blogskins.com (Wanehh) — Tue, 19 Jun 2007 22:50:10 -0500

Mine doesn't work too.
I suck. -.-

RE: Styling Your New Profile Page

nobody@blogskins.com (if-ever) — Wed, 20 Jun 2007 00:57:24 -0500

Don't work? It has to look something like this...

#user_profile_avatar {float: left; padding: 5px;} .nickname { font: tahoma; font-size: 14px; color: #767956; font-weight: bold; padding: 2px; letter-spacing: 1px; text-transform: lowercase; }

If I'm not wrong, making a new line for each element will make your user-lookup weird.

RE: Styling Your New Profile Page

nobody@blogskins.com (if-ever) — Wed, 20 Jun 2007 00:58:21 -0500

Oops, I forgot.

< style >#user_profile_avatar {float: left; padding: 5px;} .nickname { font: tahoma; font-size: 14px; color: #767956; font-weight: bold; padding: 2px; letter-spacing: 1px; text-transform: lowercase; }< / style >

Remove the spaces. Something like this.

RE: Styling Your New Profile Page

nobody@blogskins.com ({lolilovee/:D}) — Wed, 20 Jun 2007 02:07:59 -0500

thanks a whole lot! :D

Styling Your New Profile Page

nobody@blogskins.com (if-ever) — Sun, 17 Jun 2007 05:59:46 -0500

I was playing with the CSS of our new profile page (thanks alot Myles, for the work). I thought the thumbnails would make browsing much easier for people seeking blogskins, but I still love to style them. Check out my profile page to see how it roughly looks like after styling on your own.

I'm not sure if Myles is still going to edit the page further but yea, I'm playing with the codings for now. If there's updates, I'd probably update this thread too.

Mainly, you just have to add CSS codes.

#user_profile_avatar {float: left; padding: 5px;}
Your Avatar: So it looks like how it used to look, your details will be on the right of the image.

.nickname { font: tahoma; font-size: 14px; color: #767956; font-weight: bold; padding: 2px; letter-spacing: 1px; text-transform: lowercase; }
Your Big Username: There isn't much explaining to do here, you can change it to suit your own preference but leave the PADDING alone. It is to space out from the avatar.

h1, h3 { font-family: tahoma; font-weight: normal; font-size: 15pt; text-transform: lowercase; color: #595b3e; letter-spacing: 2px }
... Has # Friends like: , My Skins, Skins From Friends, Fav. Skins: If you had noticed, Has # Friends like is actually a small heading but I made it big so it looks equal with the other headings. Otherwise, it seems to be like a sub-section of ABOUT ME.

#profile_skins a {color: #FFF}
#profile_skins img { position: relative; display: inline; background-color: #F1F1F1; border: 1px solid #d8d7cb; padding: 2px 2px 4px 2px;}
Thumbnails: I love borders, do you? I set the color of the links to white (same as my page BG color) cause I think it is neater without the skin names, since it is cut-off halfway anyways.

#my_comments {display: none}
#user_profile_ad {display: none}
Remove Comments and the Big Ad I'm not sure if Myles allow this but the ad (around the About Me section) is really too big for now. Comments are quite useless to me so I had it removed. It's up to your preference.

Alright, done with this long post. Hope it helps some who loves editing your own profile page.