Carbon

bottom of website pages - Carbon

bottom of website pages

by noth » Mon May 15, 2017 4:10 pm

if you look at the bottom of every page e.g. index body, topic page, any page, you will see a lovely rounded bottom with an overlaid taskbar

A small margin portion of the background "Carbon" is exposed at the very bottom, this is all most appealing to the eye :P looks amazing!

It really does look like a good job but this has not occurred at the top. I would just like to hear from the author if they experimented/ considered doing that at the top but it was dismissed for whatever reason

Surely what happens at the bottom could be done in reverse at the top? I think it would be ace!! this is a discussion post only ;)
User avatar
noth
Registered User
Posts: 2472
Joined: Fri Jan 07, 2005 7:10 pm
Location: North Surrey
Contact:

Re: bottom of website pages

by Joyce&Luna » Mon May 15, 2017 4:56 pm

Hello
Sure you can adjust this above.
Open the carbon.css
search

Code: Select all

#carbon-bottom {
	border: 1px solid #616161;
	background-color: #333;
	margin-left: -15.8px;
	margin-right: -15.8px;
	padding: 0 10px;
	background-color: #8a8a8a;
	background-image: -webkit-linear-gradient(to bottom, #414141 0%, #4e4e4e 15px, #878787 33px, #fafafa 155%);
	background-image: linear-gradient(to bottom, #414141 0%, #4e4e4e 15px, #878787 33px, #fafafa 155%);
	background-repeat: repeat-x;
}
replace

Code: Select all

#carbon-bottom {
    margin-left: -17px;
    margin-right: -17px;
    padding: 0 10px;
    border-bottom: 1px solid #b4b4b4;
	background-color: #8a8a8a;
	background-image: -webkit-linear-gradient(to bottom, #414141 0%, #4e4e4e 15px, #878787 33px, #fafafa 155%);
	background-image: linear-gradient(to bottom, #414141 0%, #4e4e4e 15px, #878787 33px, #fafafa 155%);
	background-repeat: repeat-x;
}
Search

Code: Select all

#carbon-top {
	padding: 0 10px;
	margin-left: -15.8px;
	margin-right: -15.8px;
	margin-top: -2px;
	background-color: #454545;
}
replace

Code: Select all

#carbon-top {
    background-color: #454545;
    margin-left: -17px;
    margin-right: -17px;
    margin-top: -2px;
    padding: 0 10px;
}
search

Code: Select all

.carbon-topper {
	border-top: 28px solid #454545;
	margin: -23px -16px -5px;
}
replace

Code: Select all

.carbon-topper {
    border-bottom: 1px solid #616161;
    border-top: 28px solid #454545;
    margin: -23px -17px -5px;
}
Change is taken for the next version.

Thanks
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design
User avatar
Joyce&Luna
Registered User
Posts: 261
Joined: Wed Oct 14, 2015 3:46 pm
Location: Germany
Name: Anke
Contact:

Re: bottom of website pages

by Je@nneke » Sat Jun 24, 2017 6:57 pm

This is not a solution I'm afraid :(
Groetjes Jeanneke
Je@nneke
Registered User
Posts: 3
Joined: Sat Jun 24, 2017 6:14 pm
Name: Jeanneke van der Zwan
Contact:

Re: bottom of website pages

by titch2k6 » Sun Dec 03, 2017 5:35 pm

Unfortunately, this did not work for me either.

Do we have a solution for this as, as noth said, this would look so much better if the top of the forum looked like the bottom of the forum (i.e. rounded corners and a gap between top of page and top of forum - just like this forum!!)
titch2k6
Registered User
Posts: 9
Joined: Wed Dec 18, 2013 1:26 pm
Contact: