25 Jul 09
hello all,
i really like the ninjaboard, except Category titles are just waaay too big, and the blue bar little too fat...
i never really worked with css but when i see something i understand what does it do, just cant find it on my own...
so, can someone tell me css file and line of code to change:
1. the font size/color of category title
2. the height (fatness) of the blue bar for categories
3. the color of the blue bar for categories
thank you in advance!
cheers :)
28 Jul 09
Hi phatprick,
Welcome to Ninjaforge.
What I recommend for you is to use firefox and install the firebug add on. This will allow you to right click on any element on the page, select the "Inspect Element" option from the menu, and then you can see for yourself all the CSS, and the exact file and line numbers which it comes from. Just I show here.
Plus you can even live edit the CSS and try out different sizes etc. before writing them to your CSS file.
10 Aug 09
That extension sounds really useful, thanks Daniel!
10 Aug 09
It is absolutely invaluable to me now as a developer. It is easily my single most used tool.
10 Aug 09
Daniel wrote:
It is absolutely invaluable to me now as a developer. It is easily my single most used tool.
I'll second that. Can't imagine developing a website without Firebug.
21 Aug 09
I agree that FireBug is a great tool. I too use it daily.
However, it is not helping me make the tweaks in the size of the category bars height and the font sizes as the person who started this tread asked about.
When I use FireBug to find the element for the category bar. this is what it shows:
As you can see it is referring to ccss.php line 163, but there is no such element in this file. I can use FireBug, as you suggested, to edit this size and see what it looks like, however, I can't find the actual file to change.
In the last version I added "height: 30px" to the element "div.nbCategoryHeader" as follows:
div.nbCategoryHeader {
height: 30px;
border-top-style:solid;
border-top-width:1px;
padding:4px 12px 0;
position: relative;
}
This worked back then, but when I add this to the current css it does nothing.
So I used TotalCommander (another must have file management program) and searched all the documents within styles/ninjaboard_blue folder for "45px" and the only files it is in are: font-size.1.0.css, font-size.2.0.css, and .conditional.css.swp though I can not see anything inside this last one.
And I found where to change the bars, fonts and slider in the font-size.1.0.css.
This was a long way to go to figure this out. I really hope you are able to write down some basic instructions for doing these tweaks in the future.
21 Aug 09
We are going to do better than that.
We are rewriting all the css and templates to be easier to use.
We are merging styles, templates and buttons into one "template" and doing away with all the extra complexity.
The reason you had trouble here was because of a conditional CSS file that is generated on the fly and adapted to your browser.
But really we don't need that sort of complexity and it just complicates things for people trying to customize things, so we are cutting it out.
Of course instructions will also come once we have the major pieces in place:
1. Rebuilt the templating system
2. Put in a plugin system so the forum features can be extended easily by anyone (think CB plugins)
3. Put in the "minimum" functionality that a professional forum requires
4. Polls
21 Aug 09
These are all great things. I knew you guys were on top of this!
And if you have time, I've had a request for more smiley faces :)
21 Aug 09
The current small bunch is just for the interim.
There will also be a new BBCode and Emoticon manager where you can manage the emoticons and BBCode for all ninja extensions in one place.
e.g. Ninjaboard, Ninjamonials, possibly even Ninja Content,
21 Aug 09
OK. New NB is out. Version 0.5.2
Please let me know if you have any issues with it.
It is just a minor release with buttons reworked and some BBCode engine patches
Forum Joomla Extension Support NinjaBoard Editing BIG fonts