Forum Box Colors and the Footer Issue

[Cag_a_taY]

Hi everyone.

This is my first time trying to build a forum and I must say I learned quite a lot of CSS within the past few weeks.

I'm nearly done with all the customization about my forum which is www.vizordenbak.com. All I have left are two things I'd like to change and I'll go live with the forum hopefully.

The first thing is the color of the forum borders. As you can see from my forum www.vizordenbak.com, I'm using Prosilver theme and I was successful in editing the background color and also the banner. However, I was unable to use the banner or background color on the forum borders which at the moment is a light blue (Hex Code: #0e9be1)

I've tried the colorize site but when I use the code over there I lose my background color this time.

So in short, I would like to have the borders to be the same color as my background.

My second little question is;

If you have a look at the very bottom of the page (I know it's not English but you'll understand) I have a link to the Admin Control Panel which is written as "Yönetici Kontrol Paneli". I needed to make a remark of our hosting company which I added in the footer but now I have two Admin Control Panel links. I want to remove one of them without messing the whole footer up.

I kindly request your assistance.

Kindest Regards.

[Lumpy Burgertushie]

backup this file:
prosilver/theme/colours.css and then open it in your text editor.

find:

Code: Select all

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

.forabg {
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
	background-repeat: repeat-x;
}

replace with:

Code: Select all

.headerbar , .forumbg{
	background-color: #536482;

}



.forabg {
	background-color: #536482;
	
}

copy and paste. be precise.

that should do it.


robert

[Cag_a_taY]

Thanks a lot. I'll try that ASAP.

What about my second question..any ideas on that?

Cheers

[HiFiKabin]

The problem with your second question is no one here will be able to see that link on your board as we are not admin there.

If you attach the file you edited (with the edits) that will give us a better idea.

[Cag_a_taY]

Oh I'm so sorry for being such a noob.

That's right. Well if you can't see it (which is very normal) then no one else can anyway..So no need to change anything. I can live with me being the only one who sees it

Thanks once again for your support.

[HiFiKabin]

No problem, we were all noobs once

[Lumpy Burgertushie]

your problem with the footer is that you have a mixture of phpbb 3.2.2 and 3.2.4 code and some other stuff about sitesplat that does not belong in it.

I suggest you replace your overall_footer.html file with a new current one from the version you currently have which is 3.2.4

then, if all you want to add is the link to your hosting company do this:

in your new copy of the standard overall_header.html file, find this:
<a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
on a new line right above it , add this:
<span style="font-size: 1.5em;">HOSTED BY <a class="footer-link" href="https://www.kebirhost.net">KebirHost</a></span><br />

save the file and upload back to the server.

done.

now, once you get all of this working here is what I suggest you do.
make a copy of your prosilver folder and rename it to something else.

in that new copy, open the file named style.cfg in your text editor.
find this: name = prosilver replace prosilver with whatever you renamed the prosilver folder to.

save.

now, you have your own custom style. upload that folder to the styles folder on the server.

now, log in to your board, go to the admin panel , click on the customize tab.
choose install styles, click install for your new custom style.

now, go to the main page of the admin panel, click on board settings.

choose your new style as default and guest style.
then check yes for override user

submit.

you are done.


robert

[Cag_a_taY]

your problem with the footer is that you have a mixture of phpbb 3.2.2 and 3.2.4 code and some other stuff about sitesplat that does not belong in it.

I suggest you replace your overall_footer.html file with a new current one from the version you currently have which is 3.2.4

then, if all you want to add is the link to your hosting company do this:

in your new copy of the standard overall_header.html file, find this:
<a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
on a new line right above it , add this:
<span style="font-size: 1.5em;">HOSTED BY <a class="footer-link" href="https://www.kebirhost.net">KebirHost</a></span><br />

save the file and upload back to the server.

done.

now, once you get all of this working here is what I suggest you do.
make a copy of your prosilver folder and rename it to something else.

in that new copy, open the file named style.cfg in your text editor.
find this: name = prosilver replace prosilver with whatever you renamed the prosilver folder to.

save.

now, you have your own custom style. upload that folder to the styles folder on the server.

now, log in to your board, go to the admin panel , click on the customize tab.
choose install styles, click install for your new custom style.

now, go to the main page of the admin panel, click on board settings.

choose your new style as default and guest style.
then check yes for override user

submit.

you are done.


robert

Wow, great info, thanks a lot.

I'm just curious about whether my extensions will work when I choose my new style. Because CSS works in mysterious ways for me, I was wondering whether any code would refer to the old style and then bring up an error

[Cag_a_taY]

And also, is there a link you know of, where I can download the overall footer file only?

[Lumpy Burgertushie]

extensions will not be a problem. the whole point of extensions is that they work outside of the core code.

since your current version is 3.2.4 you will need to get your copy from here:
https://download.phpbb.com/pub/release/ ... -3.2.4.zip
no need to just get that one file. you really should have a complete copy of phpbb on your computer for just this reason.

download that zip file. unzip it to your computer.
open the relevant file, make a copy of it, edit the copy and leave the originals untouched.
upload your edited copy to the server to overwrite the one you have.

purge the cache from the admin panel.
refresh your browser to see the changes.


robert

[Cag_a_taY]

Thanks a lot for your assistance, I successfully upgraded it to 3.2.5 and extensions are working fine for the time being as you said.

[Cag_a_taY]

backup this file:
prosilver/theme/colours.css and then open it in your text editor.

find:

Code: Select all

.headerbar, .forumbg {
	background-color: #12A3EB;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #0076B1 2px, #12A3EB 92px, #12A3EB 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#0076B1 2px,#12A3EB 92px,#12A3EB 100%);
	background-repeat: repeat-x;
}

.forabg {
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#12A3EB 2px,#0076B1 92px,#0076B1 100%);
	background-repeat: repeat-x;
}

replace with:

Code: Select all

.headerbar , .forumbg{
	background-color: #536482;

}



.forabg {
	background-color: #536482;
	
}

copy and paste. be precise.

that should do it.


robert

By the way, this worked fantastically...so I thank you for this as well!

[Cag_a_taY]

Okay I believe I have one final question

As you can see from the below photo, I changed the border color of my forum to light blue;

Are we able to do the same kind of bordering along the forum category boxes? I mean around this part?

[Mannix_]

Are we able to do the same kind of bordering along the forum category boxes? I mean around this part?

Yes just add that border tho those:

Code: Select all

.headerbar , .forumbg{
	background-color: #536482;

}

.forabg {
	background-color: #536482;
	
}

like that:

Code: Select all

.headerbar , .forumbg{
	background-color: #536482;
	border: 1px solid yourcolour
}

.forabg {
	background-color: #536482;
	border: 1px solid yourcolour
}

You can even minify all of this to :

Code: Select all

 .headerbar, .forabg, .forumbg {
 	background-color: #536482;
	border: 1px solid yourcolour
}

[Cag_a_taY]

You make it look so easy, its unbelievable

Thanks a million for all the help you've given me. My forum looks way better then ever thanks to you.