We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Locked Topic
[ C ] Profile field alterations when displayed
Topic Started: Jul 20 2011, 07:31 PM (517 Views)
beforesunrise
Member
[ * ]
Board Address: http://s13.zetaboards.com/beforethesunrises/index/
Board Software: ZetaBoard
Description: I know it says not to request multiple things at the same time, but since this is all about the same thing, I think it's ok? Sorry if I'm doing this wrong!

So basically what I was after... I'd like a code that 1) centres the information given in the profile fields, 2) takes away the actual name of the field itself and only puts the input information there, and 3) puts the profile field information in the same box as the other information (posts/group/member #/joined).

I've photoshopped an image to demonstrate my point because I'm not that good at explaining, hopefully that's ok.

This is what I've currently got:

Posted Image

And this is what I'd like to end up with:

Posted Image

Also, the profile fields i'll be using have images instead of actual text, which I've already got a code for. I'm not sure if that makes any difference or not, but I thought I'd better explain anyway.

I have no clue about how any of this stuff works, but I hope there's someone out there who is willing to do this. :) And even if no one wants to do this, it would be great if someone could drop me a quick PM letting me know how long it takes a coder to do things like this (since I'm clueless).

And let me know if any other information is needed! Thanks for reading. :)
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
dl.user_info dt, dl.user_info dd {
left: 15%;
position: relative;
}

dl.user_profile {
text-align: center;
border-top: 0 !important;
position: relative;
bottom: 11px;
}

dl.user_profile dt {
display: none;
}
Try that in the CSS.

The first strip will center align the content in first profile box, the second strip will center align the content in the second profile box and combine both boxes together, and the third strip will get rid of the profile title name.

This was tested on the Zeta Default theme, it may differ on your theme.
Offline Profile Goto Top
 
beforesunrise
Member
[ * ]
Firstly, thank you! The first one and the last one worked a treat and solved the issue completely. :) The centering still isn't really working though. The posts/group/member #/joined information is sort of centered but the actual profile fields are too far to the right. Also, the information is kind of in the middle, but it's not centered exactly, it's just that it starts from further in. Which means that all the lines start at the same place, but some go longer. I kind of wanted it centered more like:
Posts:
4
Group:
Admin
Member
#1
Joined:
July 20, 2011

Rather than all of the lines starting at the same place and ending differently. If that makes sense... Is that something that is possible? And once again, thank you so much! You're a life saver.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Try this:
Code:
 
dl.user_info dt, dl.user_info dd {
left: 15%;
position: relative;
}
Remove that.
Code:
 
td.c_user dl {
text-align: center;
}

dl.user_info dt, dl.user_info dd {
margin: 0;
}
Add that, and remove 'float:left;' from .user_info dt.
Offline Profile Goto Top
 
beforesunrise
Member
[ * ]
Thank you!!! There's just one more thing (sorry!)... The section with the posts/group/member #/joined information is exactly how I want it, but the fields for the custom profile fields aren't aligning with it. They're both centered, except the profile fields information is centered about 30px to the right. They're in the same position that they were in when the title of the field was still viewable, so I think that (even though it's not viewable anymore) it's centering the title as well as the input information together. Does that make sense? *fails at explaining*

Anyway, do you have any idea how to fix this so the information from the profile field information is aligned with the posts/group etc. information? And thank you so much for your help by the way, you've been amazing!

Edit: I found a script here that puts the profile field and the information on the same line, and it all centers properly when I do that, except now I can't get rid of the tiles of the fields. Is there another way to do it?
Edited by beforesunrise, Jul 22 2011, 03:47 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
td.c_user dd {
margin: 0;
}
Try that.
Offline Profile Goto Top
 
beforesunrise
Member
[ * ]
I can't believe it. I must have tried a hundred different times putting in things that were so close to that, but I'd been using dt instead of dd. I feel like such an idiot! But thank you so much for your help, it's just how I want it now. :)
Offline Profile Goto Top
 
Eccentric Feline
Member Avatar
梦想
[ *  *  *  *  *  *  *  * ]
Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Locked Topic