Page 1 of 3

Creating a style....

Posted: 13 Apr 2010, 02:22
by Bullseye
Ok, I've sussed out how to set up a test forum on xampp, I've been experimenting with the styles, but I'm kinda lost with some of the codes, like the last topic title on the index page, also I need a little help with changing colours ect...

I was wondering if someone could help me with making a style to look something like this..............


Thanks in advance :)

ps. The image is something I made on photoshop...

Re: Creating a style....

Posted: 13 Apr 2010, 10:07
by Steve
heres the 1st steps, let me know when your this far.
open styles/prosilver/theme/coulurs.css
find:

Code: Select all

html, body {
	color: #536482;
	background-color: #FFFFFF;
}
replace with:

Code: Select all

html, body {
	color: #536482;
	background-color: #12a2e9;
}
open styles/prosilver/theme/common.css
find:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
}
replace with:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
	max-width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

Change the width 900px to suit your needs.

find:

Code: Select all

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
add after on a new line:

Code: Select all

min-height: 200px !important;

Code: Select all

min-height: 200px !important;
Change the height 200px to suit your needs.

Refresh theme in admin control panel and your web browser for your style.

Re: Creating a style....

Posted: 13 Apr 2010, 23:34
by Bullseye
Just tried it, but it doesn't look any different.... should it look different at this point?

Re: Creating a style....

Posted: 13 Apr 2010, 23:42
by Steve
it should look a bit like this.
one step..PNG
did you goto admin control panel > styles > themes > and refresh the theme you just edited ? and refresh your web browser ?

Re: Creating a style....

Posted: 13 Apr 2010, 23:44
by Bullseye
oops silly me..... done it :)

It looks like the one in your pic now..... :)

Re: Creating a style....

Posted: 13 Apr 2010, 23:51
by Steve
rounded borders i will show you tommorow.

what do you need todo now ? , i tryed to grab your site logo but want save other than php file for some reason my be a rotating background script on free forums or some script they have,
is that next ?

Re: Creating a style....

Posted: 14 Apr 2010, 00:04
by Bullseye
Rounded borders and then I would like to add the board index, search, faq, login and register tab at the top like in the pic I posted, I would like some help with installing the last topic title mod, then I should be all set, I want to install the 'profiles on the left' mod but I think I can do that as I've done it already on the test forum.

Thanks for your help again.

Talk tomorrow.

~John~

Re: Creating a style....

Posted: 15 Apr 2010, 00:06
by Bullseye
Here's what I've done so far.....

Profiles on the left and what you helped me with, all I need help with now is installing the last topic title on the index and I need a little help with installing AJAX chat.....

So far so good :)

Re: Creating a style....

Posted: 15 Apr 2010, 00:24
by Steve
Your missing a few edits for the profiles on the left, the user_online .gif is still on the right ;)
Sorry yes will post rounded borders tommorow :)
Profiles on the left and what you helped me with, all I need help with now is installing the last topic title on the index and I need a little help with installing AJAX chat.....
ok

Re: Creating a style....

Posted: 15 Apr 2010, 02:23
by Bullseye
Cheers mate :)

I've just created (and tested) a 'forum read' and 'forum unread icon'

Here's the 'unread' icon..........

Image