[RC] Element for phpBB 3.3.2

For style authors to post and receive feedback on 3.3.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
User avatar
jrolson
Registered User
Posts: 900
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

[RC] Element for phpBB 3.3.2

Post by jrolson »

Style Version: 1.1.5
phpBB Version: 3.3.2
Based on: prosilver

*Screens
Image Image

*Color Switcher
Image

*7 colors available. Blue, Orange, Red, Green, Pink, Purple, and Yellow.
Image

Admin Style Options (*Available to edit in template/config.html) *Flush board cache after editing!
$E_BACKGROUND = Displays an image background. (If turned off, a CSS based background will be used instead.)
$E_BACKGROUND_URL = The url location of your background.
$E_LOGO = Displays the logo image in the header.
$E_LOGO_URL = The url location of your logo.
$E_REVERT_LOGO = Reverts logo code back to the original. (Turn on to use logo mods. Custom logo url will no longer work.)
$E_DESCRIPTION = Displays the site description.
$E_SEARCH = Displays the header search.
$E_DEFAULT_COLOR = Sets the default color. (Options: blue, green, orange, pink, purple, red, yellow)
$E_COLOR_SWITCHER = Displays the color switcher for users.
$E_SHAPES = Adds extra colored shapes around the board.
$E_NIGHTMODE = Displays the night mode switch.
$E_COLLAPSIBLE_CATEGORIES = Enables collapsible categories.
$E_LEFTPROFILE = Moves user info on viewtopic to the left side.
$E_HIGH_PERFORMANCE = Disables transparency and shadows which may slow down browsing on lower end devices.

Demo
http://phpbbstyles.rf.gd/index.php?style=3

Download
https://www.dropbox.com/s/et6atwrtr2ij1 ... 5.zip?dl=1
SHA256: 45d5b3f01840f347a6278421a34428424acf534c5f17727655aa73ab93c918be
Last edited by jrolson on Sat Nov 14, 2020 10:02 pm, edited 9 times in total.
User avatar
warmweer
Jr. Extension Validator
Posts: 5840
Joined: Fri Jul 04, 2003 6:34 am
Location: Van Allen Bel ... gium

Re: [RC] Element for phpBB 3.3.0

Post by warmweer »

OK, that means I could even skip 3.2.9 8-) (I won't if only for testing purposes).

BTW great job on getting the 3.3 versions for all (or almost all) your styles up to 3.3 RC so quickly). :thumbsup:
Spelling is freeware, which means you can use it for free.
On the other hand, it is not open source, which means you cannot change it or publish it in a modified form.
User avatar
jrolson
Registered User
Posts: 900
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

Re: [RC] Element for phpBB 3.3.0

Post by jrolson »

Element 1.1.1 released!
*upscaled icons to the default prosilver size of 64x64.
*color adjustments.
*fixed new topic & reply buttons active and focus states.
*added color switcher for users. (Now uses jquery to switch between css files. Let me know if there's any problems.)
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

Hello,

i will try and first i have a question :D

Possible to change text color? Because background color black text can easily annoy the human eye when white.

For example: Second picture's text color is nice.

Sorry, by i used google translate.
Attachments
color.jpg
User avatar
jrolson
Registered User
Posts: 900
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

Re: [RC] Element for phpBB 3.3.0

Post by jrolson »

erelash_mf wrote:
Thu Jan 30, 2020 6:06 am
Hello,

i will try and first i have a question :D

Possible to change text color? Because background color black text can easily annoy the human eye when white.

For example: Second picture's text color is nice.

Sorry, by i used google translate.
In colours.css

Code: Select all

.content
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

Hello. Your style is very nice.
But i have 1 problem. See that picture. Facebook's post copied on site. Then text color is very dark. How to change this color.
Attachments
1.png
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

jrolson wrote:
Thu Jan 30, 2020 6:25 pm
erelash_mf wrote:
Thu Jan 30, 2020 6:06 am
Hello,

i will try and first i have a question :D

Possible to change text color? Because background color black text can easily annoy the human eye when white.

For example: Second picture's text color is nice.

Sorry, by i used google translate.
In colours.css

Code: Select all

.content
Thank you. Done! :-)
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

I knew this color code 1C1E21. But could not find this code location.
Attachments
2.png
User avatar
spaceace
Registered User
Posts: 1994
Joined: Wed Jan 30, 2008 8:50 pm
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by spaceace »

the <p> element has no colour defined so it's pulling that colour from a body element

Code: Select all

body {
    background: #fff;
    color: #1c1e21;
    direction: ltr;
    line-height: 1.34;
    margin: 0;
    padding: 0;
    unicode-bidi: embed;
}
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

body {
background: #fff;
color: #1c1e21;
direction: ltr;
line-height: 1.34;
margin: 0;
padding: 0;
unicode-bidi: embed;
}
where write this code? How?

And i found this code and changed. But I need to change only text color
simply add to stylesheet.css
CODE: SELECT ALL
[data-s9e-mediaembed="facebook"] { background-color: grey !important; }
Attachments
fb post color.png
User avatar
jrolson
Registered User
Posts: 900
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

Re: [RC] Element for phpBB 3.3.0

Post by jrolson »

Element 1.1.2 released
*fixed bug in IE & Edge browsers where fixed background would jump around while scrolling on certain pages with forms.
*background image file size lowered by 70%
*added night mode switch (darkens the screen to help filter bright images.)
*other minor fixes.
Last edited by jrolson on Mon Mar 09, 2020 11:48 am, edited 1 time in total.
User avatar
Elias
Registered User
Posts: 5136
Joined: Sat Feb 25, 2006 4:31 pm
Location: In the Water!
Name: Elias

Re: [RC] Element for phpBB 3.3.0

Post by Elias »

Very cool concept!
"Mystery creates wonder, and wonder is the basis of man's desire to understand." - Neil Armstrong
|Installing Extensions|Writing Extensions|Extension Validation Policy|
Offering private web hosting. Contact me for details.
Maclobster
Registered User
Posts: 159
Joined: Sun Feb 10, 2013 7:12 pm
Location: Netherlands

Re: [RC] Element for phpBB 3.3.0

Post by Maclobster »

Hello

First of all, its a realy great style, thank you for creating this style :D

Got 3 questions

1: Can i add a category background image? ( see image 1)
2: Can i add a forum/topic background image? ( see image 2 )

Thank you

Regards Maclobster
Attachments
element1.png
element2.png
''A man searching for lost paradise can seem a fool to those who have never sought the other world''
-JM
User avatar
erelash_mf
Registered User
Posts: 71
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA
Contact:

Re: [RC] Element for phpBB 3.3.0

Post by erelash_mf »

jrolson wrote:
Mon Jan 20, 2020 1:46 am
Element 1.1.1 released!
*upscaled icons to the default prosilver size of 64x64.
*color adjustments.
*fixed new topic & reply buttons active and focus states.
*added color switcher for users. (Now uses jquery to switch between css files. Let me know if there's any problems.)
Hello Jrolson?

Image

How to do not move sideways (left, right) on Mobile version. I wish same Prosilver.
Last edited by erelash_mf on Thu Apr 02, 2020 11:51 pm, edited 1 time in total.
Fezroux
Registered User
Posts: 51
Joined: Thu Dec 14, 2017 7:41 am
Location: US

Re: [RC] Element for phpBB 3.3.0

Post by Fezroux »

Beautiful style! Finally something modern that doesn't make phpBB look so archaic.

Anyway, how do you widen this style? I'd like there to be less space on either side. I'm guessing the change has to be made in common.css somewhere?

Thanks in advance.
Post Reply

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

cron