[RC] Platinum for phpBB 3.3.13

[Seneekikaant]

Okay I've put the changes in grey.css and colours.css, to be honest I'm not seeing much of a change.....

Also I can't find the margin code:

Code: Select all

ul.topiclist li.row dl { margin: 1px 1px }

Can you please advise where it is found?

I thinking it might be easier for me to copy your colours and grey css files once you've completed fixing all the colour issues?

Any ideas as to how to fix the white 'Post Reply' text?

hey, sorry for the late reply, I actually haven't looked at it since my last post. everything to do with changing the colours after doing the initial setup to add a new one is done in .../theme/custom/grey.css and .../theme/colours.css

I've added to the bottom of my .../theme/colours.css :

Code: Select all

/* grey */
.grey .headerbar {
	background-color: grey;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, grey 0%, dimgrey 100%);
}

.grey .forabg, .grey .forumbg {
	background-color: yellow;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 35px, black 100%);
	background-image: linear-gradient(to bottom, grey 0%, dimgrey 35px, black 100%);
}

.grey .pollbar5 { background-color: #a76504; }

.grey .action-bar .coloredbutton {
	border-color: black;
	background-color: gainsboro;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, grey 0%,dimgrey 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whitesmoke', endColorstr='dimgrey',GradientType=0 );
}
.grey .action-bar .coloredbutton:hover {
	background-color: darkgrey;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, gainsboro 0%, dimgrey 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whitesmoke', endColorstr='dimgrey',GradientType=0 );
}

.grey .pagination li.active span {
	background: dimgrey;
	border-color: whitesmoke;
}

.grey .pagination li a:hover {
	background: dimgrey;
	border-color: whitesmoke;
}

and my .../theme/custom/grey.css looks like this :

Code: Select all

.headerbar {
	background-color: grey;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, grey 0%, dimgrey 100%);
}

.forabg, .forumbg {
	background-color: gainsboro;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 35px, black 100%);
	background-image: linear-gradient(to bottom, grey 0%, dimgrey 35px, black 100%);
}

.pollbar5 { background-color: #a76504; }

.action-bar .coloredbutton {
	border-color: black;
	background-color: gainsboro;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, grey 0%,dimgrey 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whitesmoke', endColorstr='dimgrey',GradientType=0 );
}
.action-bar .coloredbutton:hover {
	background-color: darkgrey;
	background-image: -webkit-linear-gradient(top, grey 0%, dimgrey 100%);
	background-image: linear-gradient(to bottom, gainsboro 0%, dimgrey 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='whitesmoke', endColorstr='dimgrey',GradientType=0 );
}

.pagination li.active span {
	background: dimgrey;
	border-color: whitesmoke;
}

.pagination li a:hover {
	background: dimgrey;
	border-color: whitesmoke;
}

.navbar { background-color: grey }
.row-item {
	background-color: silver;
	color:  black;
	border-color: dimgrey;
}
.page-body { background-color: #cccccc; }
.bodycontainer { background-color: #cccccc; }
#recent-topics a.forum-link { color: slategrey; }
li.row dl { border-color: dimgrey; }
ul.topiclist dd { border-left-color: dimgrey; }
li { border-color: dimgrey; }
.forumbg .header a, .forabg .header a, th a {	color: #333; }
li.header dt, li.header dd { color: #333; }
.post.online, #viewprofile .online { background-color: silver; }
ul.topiclist li.row dl { margin: 1px 1px }

you can find all these elements scattered throughout the css files , mostly in the "colours.css", and copy them in to your new created section in colours.css, prefix them with ".grey " and they generally will update with a ctrl+F5. Any element not there already can be added there, so long as the name matches and you add the ".grey" class in front it will be overwritten by your newly chosen values.

ETA :
I'm not 100% sure the files in the custom folder are necessary, but I create them there as well, because although they don't seem to be getting read from, they're a good "backup" of sorts, like if you mess with a bunch of elements all at once and don't know what has messed up your screen you can always just copy the "sane defaults" back from your grey.css and then prefix each element with ".grey"

[dbrewood]

Brilliant, many thanks that is appreciated.

[wellikan]

Tell me please. how can I increase the font or make it bold subforums on the main page?

[jrolson]

Platinum 1.1.11 released
*updated for phpBB 3.3.10

(Only change is template/ajax.js)

[Abraham54]

Very strange: Topic Preview does not work in Platinum.
But in Aero there is no problem with Topic Preview.
Only guests cannot use Topic Preview and this is also strange.

[jrolson]

Very strange: Topic Preview does not work in Platinum.
But in Aero there is no problem with Topic Preview.
Only guests cannot use Topic Preview and this is also strange.

Unable to replicate on a clean install.
Any mods you are using and config.html settings?

[jrolson]

Platinum 1.1.12 released
*updated for phpBB 3.3.11

[jrolson]

Platinum 1.1.13 released
*updated for phpBB 3.3.12

[jrolson]

Platinum 1.1.14 released
*updated for phpBB 3.3.13

[AncX]

Thank you, it's a really cool template, and it's good that you don't abandon its support.
There are a couple of errors during validation, can they be fixed?

1. Error: Bad value for attribute id on element button: An ID must not be the empty string.
<button class="colorbutton colorblue" id="" onClick="change_variant(this.id)">

2. Error: Duplicate ID nav-footer.
<ul id="nav-footer" class="nav-footer linklist" role="menubar">

[jrolson]

Just out of curiosity, what are you using for validation?

[AncX]

Just out of curiosity, what are you using for validation?

w3c validator

[jrolson]

Fixes,

Open navbar_header.html
Find,

Code: Select all

<button class="colorbutton colorblue" id="<!-- IF $P_DEFAULT_COLOR eq 'blue' --><!-- ELSE -->blue<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorgreen" id="<!-- IF $P_DEFAULT_COLOR eq 'green' --><!-- ELSE -->green<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorpink" id="<!-- IF $P_DEFAULT_COLOR eq 'pink' --><!-- ELSE -->pink<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorpurple" id="<!-- IF $P_DEFAULT_COLOR eq 'purple' --><!-- ELSE -->purple<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorred" id="<!-- IF $P_DEFAULT_COLOR eq 'red' --><!-- ELSE -->red<!-- ENDIF -->" onClick="change_variant(this.id)"></button>

Replace with,

Code: Select all

<button class="colorbutton colorblue" id="<!-- IF $P_DEFAULT_COLOR eq 'blue' -->#<!-- ELSE -->blue<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorgreen" id="<!-- IF $P_DEFAULT_COLOR eq 'green' -->#<!-- ELSE -->green<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorpink" id="<!-- IF $P_DEFAULT_COLOR eq 'pink' -->#<!-- ELSE -->pink<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorpurple" id="<!-- IF $P_DEFAULT_COLOR eq 'purple' -->#<!-- ELSE -->purple<!-- ENDIF -->" onClick="change_variant(this.id)"></button>
<button class="colorbutton colorred" id="<!-- IF $P_DEFAULT_COLOR eq 'red' -->#<!-- ELSE -->red<!-- ENDIF -->" onClick="change_variant(this.id)"></button>

Open overall_footer.html
Find,

Code: Select all

id="nav-footer"

Replace with,

Code: Select all

id="nav-footer-alt"

Result,

[AncX]

Great Thanks! All fine!