[CDB] Multi Design

For style authors to post and receive feedback on 3.2.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
twm49
Registered User
Posts: 24
Joined: Fri Dec 18, 2015 12:42 am
Location: Milan - Italy
Contact:

Re: [DEV] Multi Design

Post by twm49 » Sun Feb 10, 2019 1:09 pm

Only small suggestion to make that bar a little more readable
Attachments
Multi-Design.jpg
Tito sorry my bad English
php 7.1.11 - PhpBB 3.2.5 => 3rotaie.it

User avatar
Talk19Zehn
Registered User
Posts: 343
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: [DEV] Multi Design

Post by Talk19Zehn » Sun Feb 10, 2019 9:18 pm

Hello twm49, only my small observations, possibly suggestions in your teststyle via browsertools: completely without obligation

change headerbar to:

Code: Select all

.headerbar {
	background-color: hsla(0, 0%, 0%, 0.2);
	background-image: none;
	border-radius: 0;
	color: #FFFFFF;
	text-align: center;
}
change navbar to:

Code: Select all

.navbar {
	background-color: hsla(0, 0%, 0%, 0.0);
	background-image: none;
	border-radius: 0;
	border: 1px solid #FAFAFA;
	margin-top: 3px;
}
change forabg and forumbg to:

Code: Select all

.forabg {
	background-color: hsla(0, 0%, 0%, 0.2);
	background-image: none;
	background-repeat: repeat;
	clear: both;
	padding: 23px 1px 1px;
	margin-bottom: 10px;
	border-top: 1px solid transparent;
	border-radius: 0;
}

Code: Select all

.forumbg {
	background-color: hsla(0, 0%, 0%, 0.2);
	background-image: none;
	background-repeat: repeat;
	clear: both;
	padding: 23px 1px 1px;
	margin-bottom: 10px;
	border-top: 1px solid transparent;
	border-radius: 0;
}
change color for html and body to:

Code: Select all

html, body {
	color: #FAFAFA;
......
......
}
change link-color "a" to:

Code: Select all

a {
	color: #FAFAFA;
}
change some other link-colors and/or also you need hover-effects too: here only one example(!!)

Code: Select all

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	color: #FAFAFA;
}

Code: Select all

a.topictitle:hover {
	color: #FFF;
}
.... and so on



hsla at this point is

Code: Select all

.dropdown .dropdown-contents {
	background: hsla(215, 2%, 23%, 0.89);
	border-color: #B9B9B9;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
detects the links in the navigation -navbar- and leads to an impure view for the reader or visitor. You have to look closely to see the navigation links, they shine through from the navbar.

Some older browsers e.q. IE8 and earlier can not handle HSLA - you need then a fallback-color, which now (in my opinion) could only come from the colours.css (prosilver) in this style at his moment.
Because probably the statement from the file colours.css in the overall_header.html will prevail. I think the correctness has to be checked and perhaps at this point the concept should be considered.

;) ... Errors and omissions excepted.

BTW:

https://caniuse.com/#search=hsl

http://www.w3.org/TR/css-color-3/


Greetings
World Meteorological Organization (WMO) Weather - Climate - Water
BTW: My own works - phpBB - read more: ongray-design-de or look here: phpBB VT Theme

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

Re: [DEV] Multi Design

Post by Joyce&Luna » Sun Feb 10, 2019 11:09 pm

How far old versions of Explorer are still relevant in phpBB there is currently no clear statement. There is a survey in Area51. But I do not really know what the matter is.
But apart from that, the style already runs on my test board on RGBA and will be updated soon.
That's why the DEV is running here.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design

twm49
Registered User
Posts: 24
Joined: Fri Dec 18, 2015 12:42 am
Location: Milan - Italy
Contact:

Re: [DEV] Multi Design

Post by twm49 » Sun Feb 10, 2019 11:39 pm

Thank you very much
Tito sorry my bad English
php 7.1.11 - PhpBB 3.2.5 => 3rotaie.it

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

Re: [DEV] Multi Design

Post by Joyce&Luna » Mon Feb 11, 2019 12:29 am

RGBA is having as much problems in IE 8 as much in IE 9.
In principle, it does not matter what color code I use now.
I prefer doing HSLA and will probably offer it in HSLA as well. On my demo site he is in RGBA and you can test it all there.
Relevant to me is what phpbb.com allows and takes into the databaseRGBA is having as much problems in IE 8 as much in IE 9.
In principle, it does not matter what color code I use now.
I prefer doing HSLA and will probably offer it in HSLA as well. On my demo site he is in RGBA and you can test it all there.
Relevant to me is what phpbb.com allows and takes into the database.
My contributions are translated from German to English by google. This can lead to misunderstanding.

phpBB Style Design

User avatar
Tastenplayer
Registered User
Posts: 282
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: [DEV] Multi Design

Post by Tastenplayer » Mon Feb 11, 2019 8:13 am

Joyce&Luna wrote:
Sun Feb 10, 2019 11:09 pm
How far old versions of Explorer are still relevant in phpBB there is currently no clear statement.
A style must still work in IE9 and look reasonably good, for the validation. If it also works in IE8, all the better!
But it is not only IE that causes problems with certain color specifications. Other older browsers often can't read this as well.

There are still a lot of people out there with old browsers, for whatever reason.
My phpBB Style Board & MoreNew version of Style FlowerPowerBROWSERLING - Test your style live in all IE Versions
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

User avatar
Raul [ThE KuKa]
Style Customisations
Style Customisations
Posts: 6167
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: [CDB] Multi Design

Post by Raul [ThE KuKa] » Mon Mar 04, 2019 5:40 pm

This style has been published in styles database: https://www.phpbb.com/customise/db/style/multi_design/

For support please post here: https://www.phpbb.com/customise/db/styl ... gn/support
All unsolicited PMs will be ignored.
:warning: Knowledge Base | Documentation | Board rules | phpBB Styles Rules & Policies :warning:


If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
:flag_es: phpBB Spain - Online Since 2003 :heart:



Locked

Return to “[3.2.x] Styles in Development”