Welcome Guest [Log In] [Register]
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:
Multiquote (on) Multiquote (off)
Add Reply
Problems with the Profile and Admin CP Log-In
Topic Started: Jul 27 2014, 03:36 PM (1,076 Views)
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
I have a few header issues with the Profile and Admin CP Log-in pages on the theme I'm working on.

1: The Profile
http://z4.ifrm.com/30020/55/0/f5271671/profileproblems.png
As you can see, the header is all cut-up in the first part of the profile, and it's all pushed together in the second and third parts. I tried to see if I could separately modify the headers for the profile, but it seems to be drawing from the CSS for the headers for the index page, topics and so on, and I can't change those. I can't find a way to design a header that's exclusive for the Profile, so is there any way I can do that?

Secondly, how can I add some space in-between each area (the member details, Contact Information, Profile Information, etc.) and make it seem less clustered?

2: The Admin CP log-in screen
http://z4.ifrm.com/30020/55/0/f5271672/admincp.png
The same deal with the Profile is going on here, in which it's cut-up due to it drawing from the CSS for another area, but I can't find a way to make a exclusive header for it.

If anyone can help me out with this, I'd be grateful.

If you need the site link: http://s4.zetaboards.com/shstestforums/index/
It's a test site meant to test upcoming custom themes for my forums, so you'll have to be validated if you want to see the Profile problem.
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Can anyone help?
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

I can't view the test board.
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
DaPizzaMan
Jul 29 2014, 07:03 PM
I can't view the test board.
Just fixed it, you should be able to check it out now. (The theme in question is the "Summer Theme".)
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I think you're needing to know the specific selectors to style them differently:
Code:
 
table.profile th {
background: url(http://);
}

#acplogin th {
background: url(http://);
}
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
I got both fixed up, thank you! However, I came across a problem with the Profile menu.

http://z4.ifrm.com/3709/53/0/f5271730/Profile1.png
http://z4.ifrm.com/3709/53/0/f5271731/Profile2hover.png

I can't seem to get the Profile Options button to do what I want. I want to put it in the center and fix the weird way it looks after it opens, and I haven't had any luck so far.

If you need it, here's the CSS for the profile stuff. If I missed anything, tell me.
Code: CSS
 
table.profile th {
background:url(http://z4.ifrm.com/30020/55/0/f5271343/p190478.jpg) repeat-x top #fe8400!important;
border:1px solid #d16102;
color:#315300;
font-size:90%;
font-weight:700;
text-align:center!important;
height: 20px;
padding: 5px 0px 0px 0px!important;
}

#profile_menuwrap ul {
padding: 0px 50px 0px 0px!important;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
background:url(http://i4.ifrm.com/5757/68/upload/p182410.jpg) repeat-x top #9dd100;
border:1px solid #88a700;
font-size:90%!important;
font-weight:500!important;
}

#profile_menu li li a {
border-top:0;
margin:0px 10px 0px 50px!important;
}

#profile_menu li ul li a:hover {
background:#5a70b3;
}
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Can anyone help?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
#profile_menu li li a {
border-top:0;
margin:0px 10px 0px 50px!important;
}
Just remove the margin line.
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
That did it for the hover part, but the Options button itself still needs to be centered. How do I do that?
Offline Profile Quote Post Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Can anyone help?
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply