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] Questions for the header and index page
Topic Started: Jun 30 2014, 03:08 AM (1,057 Views)
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Hello, I'm currently working on converting an old custom InvisionFree theme my site used to have into a Zetaboards theme so we can have it on hand again. However, I've ran into a snag.
http://z4.ifrm.com/30020/55/0/f5271375/SummerTheme3.png
Right now, the text is out of place. How could I go about making the text look like this? http://z4.ifrm.com/30020/55/0/f5271340/SummerTheme2.png

Additionally, is there a way I can do to make the forum index page of the theme look the way it does in this screenshot?
http://z4.ifrm.com/30020/55/0/f5271340/SummerTheme2.png
What I'm referring to is the layout of the Topics, Replies, Last Post Info, and so on. Is there a way to code that layout in for this ZB theme?

Any help would be great to have!
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Can anyone help?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
It's hard to dictate a fix without seeing the code, but I believe padding can help sort out the text.

I think the second code here is similar to what you want: http://if.invisionfree.com/topic/5116352/1/
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
My bad, I believe this is the CSS in question.

Code: CSS
 
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://i4.ifrm.com/5757/68/upload/p146815.jpg) no-repeat top left #b1d900;
color:#fff;
height: 22px;
font-size:110%;
font-weight:700;
}


And as for the second, I'll try those codings out.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
padding: 10px 0 0 85px;
Add that above the last curly bracket and you may increase/decrease the padding to proper align the text. If you increase the top or bottom padding, you may need to reduce the height accordingly. The 10px is the top padding and the second 0 is the bottom padding.
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Alright, I got it to work, thank you! Though I'm also a little stumped on how to change something.

http://z4.ifrm.com/30020/55/0/f5271391/SummerTheme4.png
See the white text? I'm trying to make it dark green like the Shoutbox header text, but I haven't been able to find the CSS for it. I know the CSS would be for links (since the white text are links) but I can't seem to find the CSS for header links. Any chance you know about it?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
h2 a
That should be the selector that controls the header link colors. If the Ctrl F browser find function does not find that in your CSS, you can setup a whole new selector for it.

The default strip should look something like this:
Code:
 
.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#fff;
}
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
Alright, I got it taken care of. Thank you!

Just one more thing before I get back to work:
http://z4.ifrm.com/30020/55/0/f5271394/Summertheme5.png

How do I fit the gap between the top menu and the banner? It was where the top-menu bar from the ZB default theme used to be, but now I can't seem to find where to close the gap.

EDIT: Apologies for all the questions, but I got another problem. Apprantly, the words in any given code box (the Code BBCode, I mean), if they're long enough (like a link or a Javascript file link), stretches the theme. How can I have it not do that?
Edited by JJEmpire, Jul 7 2014, 01:01 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Does the #logo or #top strips have a margin line in the CSS? If so, please show them to me.

Try this code for the code BBCode issue: http://if.invisionfree.com/topic/5128610/1/
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
They both do, in fact.
Code: Logo stuff
 
#logo {
background: #b1d900;
border:1px solid #61ab01;
border-bottom:0;
clear:both;
margin:0 2%;
}
Code: Top stuff
 
#top {
background:url(http://i4.ifrm.com/5757/68/upload/p182410.jpg) repeat-x top #9dd100;
border-bottom:1px solid #61ab01;
height:20px;
padding:0 2% 4px;
margin-bottom:12px;
}

#top_info {
color:#61ab01;
float:left;
margin-top:4px;
}

#top_menu {
background: #5f8d01;
border-left:1px solid #61ab01;
float:right;
margin-top:0px;
}


And that code works, thank you!
Edited by JJEmpire, Jul 9 2014, 01:23 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Remove this:
Code:
 
margin-bottom:12px;
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
That didn't seem to have any effect. Could it be anything else?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Try changing the margin for the logo to this:
Code:
 
margin: -12px 2% 0;
Offline Profile Goto Top
 
JJEmpire
Member Avatar
Do I desire to learn the motive behind this insanity?
[ *  *  *  * ]
That also seems to have no effect. Is there any other CSS I need to look at?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
I bet I could help you resolve the issue in a heartbeat if I could actually view the theme that had the issue.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Locked Topic