Updates New Theme (Paragon) for FFF

Six

𝗦𝗼𝗹𝗶𝘁𝘂𝗱𝗲 °˖✧
Staff member
Admin Support
Social Media Team
Veteran
Joined
Mar 24, 2009
Messages
11,639
Location
Saturn.
Gil
1,520
Probably my settings, I find it very annoying if it alternates in shades, pretty sure that's a DBtech option in settings.
 

AuronX

aka LukeLC
Veteran
Joined
May 31, 2012
Messages
1,276
Location
USA
Gil
24
Edgar's Tent
FFXIV
L'ulech Tia
FFXIV Server
Lamia
Free Company
Gaia
Oooo I like it! It's a much needed modernization of the forums, IMO. The lighter gray tone is easier on the eyes as well.

Main suggestion I'd make is to give a few elements different background colors. Like the text box I'm writing this post in--the background of the text box matches the background of the site body. Feels a bit weird to me. Same thing goes for the main forum view--the list elements background blends in with the body a bit too much. Then there's the sidebar, which currently is more like a bottom bar, but you probably are already working on stuff like that.

If you need/want any help, feel free to shoot me a message Mitsuki :)
 

Mitsuki

Veteran
Joined
Dec 14, 2006
Messages
11,628
Location
California
Gil
0
Chocobo Egg
Chocobo Egg
Barry the Behemoth
Accessory (Arms)
Build-A-Member
Mogrinch
FFXIV
Mitsuki Calei
FFXIV Server
Lamia
Free Company
Gaia
Ah, I see what you mean Kirito I'll fix the comment box soon and make it a tad bit darker. :)

But...'lighter' gray tone you say? Isn't Paragon a little darker than Seamus? xD I do agree it's a bit more modern though. Clean-looking, even.

As for the list background, that's the default and it's uploaded in the system. I can change it on photoshop, then copy over it, but it's not my main priority at this time. Still got a lot to do with this skin. :/

The sidebar I'm having trouble with, honestly. There's something up with the sidebar.css that I'm obviously not seeing. If you do have time, mind if you take a look at it? I have Fil on the case too (when he gets around to it).
 

AuronX

aka LukeLC
Veteran
Joined
May 31, 2012
Messages
1,276
Location
USA
Gil
24
Edgar's Tent
FFXIV
L'ulech Tia
FFXIV Server
Lamia
Free Company
Gaia
Well, it's lighter than bTech, which is what I always used. Feels lighter anyway, maybe my eyes just deceive me :P

Just now noticed that the body background is striped and not solid color. It's so subtle I didn't notice at first, ha. As for the forum list, there's absolute 0 reason it should be a PNG. It's just a 1x1 image repeated endlessly. In other words, a solid color. Just a really inefficient way to do it--I'd replace that with CSS. Looks like #111 is the equivalent HEX color to use. Applies to:

.forumhead + .childforum .L2:first-child .forumrow

.forumhead + .L2 .forumrow .forumbit_nopost .forumbit_nopost .forumrow

.forumbit_post .forumrow

Maybe other elements too. Basically anything that uses 'tdg_bg.png' as a background should just be a color instead. Then there's no worries about uploading new backgrounds and it's more efficient anyway.

Looked at the sidebar and I'm not sure what's up yet, either. The standard trick of using 'display: table;' on the main wrapper and 'display: table-cell;' on the sidebar and content containers didn't work at all. I'll try to look into it again later.
 

Six

𝗦𝗼𝗹𝗶𝘁𝘂𝗱𝗲 °˖✧
Staff member
Admin Support
Social Media Team
Veteran
Joined
Mar 24, 2009
Messages
11,639
Location
Saturn.
Gil
1,520
The sidebars background on Paragon kills my eyes. :lew: If you scroll down the 1px lines just seem to be moving... Ack!
 

Steve-O

England's Answer to A Epic Wheelchair Driving Arml
Veteran
Joined
Feb 25, 2010
Messages
3,732
Age
29
Location
Southend, UK
Gil
0
FFXIV
Yuno Mizuno
FFXIV Server
Lich
Free Company
Silver Lining
The sidebars background on Paragon kills my eyes. :lew: If you scroll down the 1px lines just seem to be moving... Ack!

same here, it flicker when I scroll, aghhhhhhhhhh.

I love the red Paragon tho, really awesome
 

Rey

♥Solo noi due insieme per sempre♥
Veteran
Joined
Aug 25, 2008
Messages
7,184
Gil
0
Accessory (Arms)
Build-A-Member
Chocobo Egg
Terra
Yuna
FFXIV
Ellia Lombardia
FFXIV Server
Lamia
I actually really like this new Paragon theme. I think i may use it if it isn't much of a distraction. I'm so used to default but I could use something new.
 

Setzer Gabbiani

Dark Knight
Veteran
Joined
Apr 28, 2009
Messages
2,502
Location
Puerto Rico
Gil
395
I was thinking since we are adding new themes to the forum, Why not also add new banners and icons for each of them? We already have the moogle one, let's add some new ones. What you guys think?
 

Six

𝗦𝗼𝗹𝗶𝘁𝘂𝗱𝗲 °˖✧
Staff member
Admin Support
Social Media Team
Veteran
Joined
Mar 24, 2009
Messages
11,639
Location
Saturn.
Gil
1,520
Yup, this is the general idea. I believe the editing work is put on hold for a little bit, but once the work continues the new themes will definitely be equipped with a full set of graphics of their own. =]
 

Mitsuki

Veteran
Joined
Dec 14, 2006
Messages
11,628
Location
California
Gil
0
Chocobo Egg
Chocobo Egg
Barry the Behemoth
Accessory (Arms)
Build-A-Member
Mogrinch
FFXIV
Mitsuki Calei
FFXIV Server
Lamia
Free Company
Gaia
Sidebar issue fixed (well, just swept the issue under the rug) all thanks to Kirito for looking into the coding side of things. Appreciate it! :)

Basically we got it to move to the side by editing additional.css - however clicking the dropdown arrow was giving us more issues with content width, so we had to 'hide' that arrow by simple coding. Still somewhat broken, I guess, but it works how it's supposed to now.

I'll continue to work on the skin gradually this week now that this sidebar issue is out of the way.
 

Mitsuki

Veteran
Joined
Dec 14, 2006
Messages
11,628
Location
California
Gil
0
Chocobo Egg
Chocobo Egg
Barry the Behemoth
Accessory (Arms)
Build-A-Member
Mogrinch
FFXIV
Mitsuki Calei
FFXIV Server
Lamia
Free Company
Gaia
I'll try and add banners by tonight. We're just going to go ahead and use some of the older banners for this to complement the color theme. There is still one issue that I haven't been able to figure out - Twitch banner on the sidebar is sticking out on mobile version. Kirito any ideas?
 

AuronX

aka LukeLC
Veteran
Joined
May 31, 2012
Messages
1,276
Location
USA
Gil
24
Edgar's Tent
FFXIV
L'ulech Tia
FFXIV Server
Lamia
Free Company
Gaia
I don't know if there's a separate CSS file for Twitch but either in that or additional.css you could add:

#block_dbtech_twitch_11 a img {
width: 100%;
}

or if that doesn't work:

#block_dbtech_twitch_11 a img {
width: 100% !important;
}

or if THAT doesn't work:

ul[id^="block_dbtech_twitch"] a img {
width: 100% !important;
}

There might already be a setting for this somewhere in there, since the image is being hard-set to 242px. If you find that, simply changing it to 100% is obviously better than adding more excess code to override other code.
 

Mitsuki

Veteran
Joined
Dec 14, 2006
Messages
11,628
Location
California
Gil
0
Chocobo Egg
Chocobo Egg
Barry the Behemoth
Accessory (Arms)
Build-A-Member
Mogrinch
FFXIV
Mitsuki Calei
FFXIV Server
Lamia
Free Company
Gaia
@Kirito Issue fixed, thanks! :) Added the first code.

Now as for the banner... I've been tinkering with the Paragon Blue. Took out the logo on the top (I'd like to do away with the link too, but I haven't looked into it yet), as well as the transparent design that went with the blue backdrop. Replaced the glittery design .png file via FTP (1920 x 200 px - one of the older banners) to test things out, and it doesn't fit. There's half-an-inch cut-off on the sides. It would explain why the developer of the skin used a light transparent design. I might be overlooking something simple via CSS too, but that's obviously out of my field.

So we might have to create a custom transparent banner (preferably no rotation so I don't put more work on Fil's table) instead of using older ones.
 

Setzer Gabbiani

Dark Knight
Veteran
Joined
Apr 28, 2009
Messages
2,502
Location
Puerto Rico
Gil
395
Hey guys I was thinking of this idea. Since we already have the theme colors, why not put a famous creature or summon as the icon for each of them that matches with the color? For example:

Paragon Blue- Pupu, Shiva, Leviathan,
Paragon Red- Bomb, Ifrit, Pheonix, Gilgamesh
Paragon Green- Tonberry, Cactuar, Malboro, Carbuncle

We can post them on a voting thread one for each color so that the members can choose and vote their choices. What you guys think of this idea?
 

AuronX

aka LukeLC
Veteran
Joined
May 31, 2012
Messages
1,276
Location
USA
Gil
24
Edgar's Tent
FFXIV
L'ulech Tia
FFXIV Server
Lamia
Free Company
Gaia
@Mitsuki I'd recommend first trying an old banner set to CSS 'cover' mode.

.doc_header {
background: url("/images/image.png") no-repeat center center scroll;
background-size: cover;
}

or for a slightly different effect:

.doc_header {
background: url("/images/image.png") no-repeat center center fixed;
background-size: cover;
}

The first code will make the image scroll with the page, the second code will make it 'stick' in position, which I think looks kind of cool and is typically how I use 'cover' :)

In either case, this will make the image always fit the header on any size display. The header itself might need to be made a bit taller/shorter for the best overall fit, though.
 
Top