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)
Locked Topic
[Solved] ACP Logo
Topic Started: Jun 20 2014, 03:04 PM (639 Views)
Mr.Tom
Member
[ *  *  * ]
Hi,

I foolishly forgot to save a copy of my CSS code before modifying it, and now I've forgotten how to change the Zetaboards logo on my ACP login to my own. This is what I mean: Posted Image

If anyone has the code for this, I'd be most grateful!

Thanks,
Tom
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
#acplogin h1 img {
display: none;
}
Add that to your CSS.
Code:
 
#acplogin h1 {
color:#fff;
font-weight:400;
height:0px;
margin-bottom:20px;
padding:55px 0;
text-align:center;
}
Find that in your CSS and you can add a background image for the logo as necessary:
Code:
 
#acplogin h1 {
color:#fff;
font-weight:400;
height:0px;
margin-bottom:20px;
padding:55px 0;
text-align:center;
background: url(IMAGE_URL) no-repeat;
}
Change IMAGE_URL as necessary.
Offline Profile Goto Top
 
Mr.Tom
Member
[ *  *  * ]
Thanks very much! :P
Cory
Jun 20 2014, 04:23 PM
Code:
 
#acplogin h1 img {
display: none;
}
Add that to your CSS.
Code:
 
#acplogin h1 {
color:#fff;
font-weight:400;
height:0px;
margin-bottom:20px;
padding:55px 0;
text-align:center;
}
Find that in your CSS and you can add a background image for the logo as necessary:
Code:
 
#acplogin h1 {
color:#fff;
font-weight:400;
height:0px;
margin-bottom:20px;
padding:55px 0;
text-align:center;
background: url(IMAGE_URL) no-repeat;
}
Change IMAGE_URL as necessary.
Ok, one final question!

Is there any way that I could move the actual box with the user/pass input options down, revealing the logo I've added, and then centralise the logo?

Posted Image

Code: My Current ACP Code
 
#acplogin {
background:#782180;
border:10px solid #33003a;
height:687px;
<!--left:50%;-->
margin:-137.5px 0 0 -250px;
padding:0;
position:fixed;
<!--top:50%;-->
width:1000px;
}

#acplogin h1 {
color:#7c227c;
font-weight:100;
height:0px;
margin-bottom:20px;
padding:55px 0;
text-align:center;
background: url(http://i60.tinypic.com/351sac3.jpg) no-repeat;
background-align:center;
}

#acplogin h1 img {
display: none;
}


Thanks!
Edited by Mr.Tom, Jun 20 2014, 05:44 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Change the padding to 200px 0 and add 50% 0 after 'no-repeat' on the background line.
Offline Profile Goto Top
 
Mr.Tom
Member
[ *  *  * ]
Cory
Jun 20 2014, 06:50 PM
Change the padding to 200px 0 and add 50% 0 after 'no-repeat' on the background line.
And once again, you are an absolute star!
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Locked Topic