[RC] Element for phpBB 3.3.13

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: 976
Joined: Wed Jan 05, 2005 1:53 am
Location: U.S.

[RC] Element for phpBB 3.3.13

Post by jrolson »

Style Version: 1.1.17
phpBB Version: 3.3.13
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.
$E_SIMPLE_ONLINE_STATUS = Switches the online status image to a simple online dot next to the username.

Demo

Download
https://www.dropbox.com/scl/fi/vqbjur7h ... wb7iw&dl=1
Last edited by jrolson on Mon Sep 02, 2024 11:01 pm, edited 24 times in total.
User avatar
warmweer
Jr. Extension Validator
Posts: 11644
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.


Time flies like an arrow, but fruit flies like a banana.
User avatar
jrolson
Registered User
Posts: 976
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: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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.
You do not have the required permissions to view the files attached to this post.
User avatar
jrolson
Registered User
Posts: 976
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: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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.
You do not have the required permissions to view the files attached to this post.
User avatar
erelash_mf
Registered User
Posts: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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.
You do not have the required permissions to view the files attached to this post.
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

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: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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; }
You do not have the required permissions to view the files attached to this post.
User avatar
jrolson
Registered User
Posts: 976
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: 5152
Joined: Sat Feb 25, 2006 4:31 pm
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|
Maclobster
Registered User
Posts: 195
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
You do not have the required permissions to view the files attached to this post.
''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: 96
Joined: Sun Jan 19, 2020 1:02 pm
Location: Mongolia
Name: ERA

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: 60
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.

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