[ABD] Concept...

Any abandoned 3.3.x Styles will be moved to this forum.
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

[ABD] Concept...

Post by spaceace »

Style Name: Concept

Author: spaceace

Style Description: mostly grey and black style with a lot of css3 and with profiles on left

Style Version: 0.0.1

Requirements: phpBB 3.3.0 with prosilver installed

Screenshots: this screenshot is from a test board with phpBB 3.0.12 installed as i'm porting this style to phpBB 3.3.0
Concept.png
Demo URL: http://www.styles.livemembersonly.com/index.php

Style Download: https://www.livemembersonly.com/download/Concept.zip

Notes: this style has a 3 part image for the header, minus the logo, as well as an image based border wrap for the categories/forums on the index and forum views. that being said, i have a ton of css work to try to duplicate those parts as closely as possible to make it responsive. it will likely be a slow process so if anyone has any input, it would be appreciated :D

Tastenplayer had suggested that i should bring this one back. so i'm working on it ;)
You do not have the required permissions to view the files attached to this post.
Last edited by spaceace on Sun Mar 22, 2020 7:52 pm, edited 3 times in total.
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

reserved
User avatar
Gumboots
Registered User
Posts: 800
Joined: Fri Oct 11, 2019 1:59 am

Re: [DEV] Concept...

Post by Gumboots »

Shouldn't present much difficulty, as long as you are happy to use a sensible mixture of CSS3 and actual images. I think this is fine, because anyone who wants such a style is not after absolute minimalism anyway.

It might make sense to oversize any images (say 2x) and scale them with background-size. This would give a better effect on high-density monitors. And obviously it would also make sense to sprite them where possible, but I wouldn't get too pedantic about that.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

after hours and hours of messing with css, i can get something that looks ok but nothing that looks anywhere near as nice as the images. so, i'm thinking of just using @media to pull the images for the responsive stuff and falling back to a simple gradient.
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis

Re: [DEV] Concept...

Post by Tastenplayer »

You did well! it would have been a pity for this special style ;)

There are extensions that slow down a forum much more than a few pictures more in style (some you wouldn't need at all :-) ). You just have to reduce the resolution of the pictures as much as possible. But sometimes it definitely doesn't work, otherwise you can't see the details anymore or they don't fit any more.

It seems you're doing the same thing as me. I can't always sit on the same style. When the time is right - I do something on another style and it goes extremely fast. Therefore I took another style out of the drawer. Although you're not really supposed to do that. The icons of the second style were all finished today. For the first style I still haven't found any suitable ones. But this system is also delicate. It's more likely to overlook a small adjustment in one style.
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
Gumboots
Registered User
Posts: 800
Joined: Fri Oct 11, 2019 1:59 am

Re: [DEV] Concept...

Post by Gumboots »

spaceace wrote: Fri Mar 13, 2020 4:28 pm after hours and hours of messing with css, i can get something that looks ok but nothing that looks anywhere near as nice as the images.
Yes, that was obvious at a glance. Hence my recommendation. ;)
so, i'm thinking of just using @media to pull the images for the responsive stuff and falling back to a simple gradient.
Probably the way to go for very small screens, although the images would be fine on a tablet, and some should even be workable down to around 320 wide. You'll have to set them up for variable screen width anyway, so I'd just do that first. Then see how it goes for small screens, then adjust as necessary.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

still have a long way to go but making some decent progress so far ;)

http://www.styles.livemembersonly.com/index.php

also updated the first post with this 3.3.0 link
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

i'm having a really odd issue that i can't seem to figure out.

the issue is how chrome and firefox are rendering things differently. it's an issue that i have never had before. the following are screenshots from chrome and firefox respectively from this style that i'm working on
sample1.png
sample2.png
in sample1, the places circled are how chrome is rendering with gaps and sample2 is firefox rendering exactly how it should. no matter what changes i make, it still does not render correctly with chrome.

the REALLY odd part is that edge renders it properly as well :shock:

would this be a chrome specific issue? if it is, has anyone else had this issue?

or is it possible that i need to completely wipe chrome and reinstall?
You do not have the required permissions to view the files attached to this post.
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis

Re: [DEV] Concept...

Post by Tastenplayer »

It is difficult to make a judgment without being able to install the style.
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

Tastenplayer wrote: Sun Mar 15, 2020 6:47 pm It is difficult to make a judgment without being able to install the style.
you have a PM ;)

i'm getting very close to abandoning the chrome browser as i'm finding issues with it the more i use it for developing styles. even the android version of chrome has some rendering issues :roll:
User avatar
Gumboots
Registered User
Posts: 800
Joined: Fri Oct 11, 2019 1:59 am

Re: [DEV] Concept...

Post by Gumboots »

spaceace wrote: Sun Mar 15, 2020 12:21 am i'm having a really odd issue that i can't seem to figure out.

the issue is how chrome and firefox are rendering things differently. it's an issue that i have never had before. the following are screenshots from chrome and firefox respectively from this style that i'm working on
Hard to tell without being able to see the code. Live demo of that exact version?
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

Gumboots wrote: Sun Mar 15, 2020 7:42 pm Hard to tell without being able to see the code. Live demo of that exact version?
link is in the first post to view the version live while it's being worked on
User avatar
Tastenplayer
Registered User
Posts: 999
Joined: Thu Jul 03, 2014 9:20 pm
Location: Village in the middle of Switzerland
Name: Jutta Koliofotis

Re: [DEV] Concept...

Post by Tastenplayer »

So for me the style looks like this with Firefox, Chrome, Opera and Edge:
concept.jpg
In my opinion, everything as it should be. Or do I need new glasses again. :mrgreen: Also the forum without category looks like this for me.
Couldn't it be because of your good equipment that things are different on you. Respektive with this line? I still have the minimalist graphics card with adapter at the notebook.
I think a high-resolution screen problem.
You do not have the required permissions to view the files attached to this post.
More of my styles you can find in my phpBB Style Board & More
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.
🎨 All my styles are updated to 3.3.8 and can be downloaded here
User avatar
spaceace
Registered User
Posts: 1999
Joined: Wed Jan 30, 2008 8:50 pm

Re: [DEV] Concept...

Post by spaceace »

Tastenplayer wrote: Sun Mar 15, 2020 7:58 pm So for me the style looks like this with Firefox, Chrome, Opera and Edge:
concept.jpg

In my opinion, everything as it should be. Or do I need new glasses again. :mrgreen: Also the forum without category looks like this for me.
Couldn't it be because of your good equipment that things are different on you. Respektive with this line? I still have the minimalist graphics card with adapter at the notebook.
I think a high-resolution screen problem.
it seems to just be an issue for me. confirmed by skyping my daughter and having her look it over and showing me that it renders fine with the same version of chrome :roll:

now time to figure out what the problem is :( :(
User avatar
Gumboots
Registered User
Posts: 800
Joined: Fri Oct 11, 2019 1:59 am

Re: [DEV] Concept...

Post by Gumboots »

Fine for me with Chrome too, on Windows 10 (if that makes any difference). Maybe just reinstall Chrome and see if that sorts it.

Incidentally, you could simplify the way you're doing those bars. There's no obvious need for that much markup. Two divs would be adequate, or a div and an h2 or h3. Also, the two end images could easily be sprited into one image.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦

Return to “[3.3.x] Abandoned Styles”