SimplePortal
Customization => Themes and Graphics => Topic started by: tombillings on February 13, 2011, 11:27:14 PM
-
I would like to change my forum title bar so it would use titlebg2 instead of catbg, also how do i make my overall forum board list smaller in height. I hope you can understand the last question, basically users are having to scroll and scroll because the default height of my boards is just too high, is there a way to change that?
The titlebg2 title bar, is the one i would like to use throughout my whole forum, not just on the portal page.
SMF 2 RC4 : SP 2.3.3
Thanks in advance.
-
To use titllebg2 throughout your forum would require rewriting all the template files that use titlebg
What might be an easier option would be to simply alter the CSS file where titlebg is defined, to make it more the way you want it. Steal some of the ideas from titlebg2. Changing the CSS gives you a whole new look.
The "default height of my boards is just too high". Does that mean you have too many boards, or that you are using too large a font, or have too much white space between boards?
To address CSS changes you want to make, I recommend firebug for firefox, or the Developers tools that come with IE 7 and IE8. They let you click on a part of the page and see the HTML and CSS that created it. Then, you can decide whether you want to change font size, padding, margin, etc.
-
Thanks Angelina for the quick reply, Firebug is an excellent tool. I am having an issue with it though because I am still in my headers area trying to change my title bars, there is a little tiny white piece left over on all four corners of each title bar, and because my background is darker, the white really stands out even though it is small. Firebug points me to a file : Themes/Epic204/css/index.css?rc4, now that file I assume is the index.css file as I don't see an index.css?rc4 file located in any of theme css directories. I found the area I would like to change using firebug, but again it's pointing to that file for me to make the changes, and I can't seem find the div id tags anywhere in the regular index.css nor index.template.php file. Any help is appreciated. Here is a screen shot of my issue: Note the tiny white spots on each corner.
(http://efreepix.com/images/issue.png) (http://efreepix.com/images/issue.png)
Sorry to keep modifying this, but here is another image of what i meant by my board sections were too "high":
(http://efreepix.com/images/issue2.png) (http://efreepix.com/images/issue2.png)
I hope you can see that the space for each board is just massive, and I need it about half the size in height.
-
Try this first: copy portal.css from your default theme into your custom theme's css directory.
There was a small change to CURVE from RC3 to RC4, and this will help counter that.
If that does not QUITE do it, there are other steps to try.
-
Thanks Angelina, that was the first thing I tried, and no success :'( ... If you have any other ideas I would greatly appreciate it.
-
If you give me a link, I will help you track it down.
I recommend firebug for firefox, or IE's developers tools.
-
http://forumtest.web44.net/index.php
-
Please give me a theme #. I don't see the problem with an orange title bar -- I've only looked at themes 1-6.
Thanks.
-
Angelina, that is my test theme, whom of which I has sorted basic issues with, I assure you the issue with the white showing on the corners persists. The issue is there if you could hunt down the fff code for the title bar on the forum i would be appreciative, as i know it's linked because beit a png or not and transparency set on the so called image, the corners are white. That is dated in the sense that I did not personally hunt down the body_area tag and change the color to 9595995, but trust me the borders are there and point to a file that I cannot find through fire bug.
Theme in question is epic 204, thanks again!!, Trust me, the title bar for each page shows white on the corners, and no it's not a jpg it's a png with proper transparency according to photoshop.
-
If your main_block.png has tranparent corners then you just need to add the background colour to the css.
Search for the following in index.css, add in this example #000000 which is black or your forum background colour.
h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
background:url("../images/theme/main_block.png") no-repeat scroll 0 -160px #000000;
display:block;
float:left;
height:31px;
width:9px;
}
-
tombillings: Of course I believe you :)
Please give me the number associated with your theme on YOUR FORUM. This will help me help you.
You have several themes available on your website -- I want to make sure to look at the one you want me to look at.
You can find this out when you look at the list of all of your themes. If you "copy shortcut" to that theme (Epic), you will see a theme number in the shortcut.
Then, if it is theme 999, I will look at it using http://forumtest.web44.net/index.php?theme=999 (http://forumtest.web44.net/index.php?theme=999)
Thanks!
-
I ended up just ditching the curves and expanding the image out in photoshop so there is no rounded corners, thanks for all the help everyone i appreciate it alot!! ;D
-
That's an easy solution. If you like the result, that's a good choice.
Enjoy!