New Features/Updates

For discussion of the Subeta pet site, including new colours and other features.
Post Reply
Griffin
Posts: 461
Joined: 08 Jan 2006 05:32 am
Human Avatar: 156329
Location: Mojave Desert

Re: New Features/Updates

Post by Griffin »

I'm simultaneously SUPER EXCITED and a little bummed that the new clearing system debuts on the 23rd! A little bummed because an hour ago I had the impression that the system was getting implemented today rather than in 2 weeks, boo. The name I've been watching for 2+ years becomes eligible within a matter of days. ;_; God forbid the person is told by a friend or logs in on a whim. Heads would roll...
Slugawoo
Posts: 745
Joined: 18 Jan 2006 10:58 pm
Location: Finland
Contact:

Re: New Features/Updates

Post by Slugawoo »

According to the announcement thread, anyone whose account is about to clear will be notified 24 hours before the actual clearing, so they very well could log in at the last minute. I understand why they'd get notified of course, but it's very frustrating. Luckily the two pet names I'm after are both on frozen accounts this time, but still...

Disregard that, I read wrong. It's the messages on Subeta itself on profile pages saying when an account will be deleted, like usual, not an actual notification to the user. That's a relief.
Image
Griffin
Posts: 461
Joined: 08 Jan 2006 05:32 am
Human Avatar: 156329
Location: Mojave Desert

Re: New Features/Updates

Post by Griffin »

Oh that's good, Slugawoo. I believe I read something wrong also and was under the impression that idle users would be receiving email notifications. A tiny bit of relief.
Seerow
Posts: 2793
Joined: 19 Jan 2006 08:47 pm
Gender: Female
Human Avatar: 155383
Location: Mystery Island
Contact:

Re: New Features/Updates

Post by Seerow »

Ugh more ugly as hell page changes. Why is there giant unlabeled bars across the page? Would it have been that much of an effort to label them? I had no idea you can hover on them until it was brought up in the thread, it's not initiative in the least. I don't like any of the new fonts, they all look horrid, especially the pet rank which is so very squashed in the stupid blue bubble. With not outlines between the pets they all all just run together. But finally my biggest pet peeve is that you can't get to your pet's profile through the page itself. Why? Also, I hate drop downs.

Since it seems not everyone has this change yet (it is rolling out in phases apparently) here are some screenshots. And consider yourself lucky you can have the old one for awhile longer.


Image]Image
Wanna donate towards my drink gallery, the Golden Goblet.
Ierosbats
Posts: 543
Joined: 18 Jan 2006 10:27 pm
Gender: Male
Location: The Frigid North

Re: New Features/Updates

Post by Ierosbats »

The change is also shrinking the pet images or something, at least on my screen, which is making them slightly blurry. I'm super impressed they chose to sacrifice art quality so that I can have a giant bar showing pet happiness, which counts for absolutely nothing. Hunger is slightly less useless, but only just. I have 25 pets, and only two of them ever battle, so I keep them in the resort. I know they're not hungry, I don't need a hideous green bar to tell me that.

I braved the forums to see what the general reaction to this change was, and as always, I immediately regretted it. Once you wade through all the ass-kissing, you'll find Keith saying things like "You have all of the options per pet in the dropdowns (which are very easy to get used to)". I hated drop-downs long before I started playing Subeta, and I still hate them now. It's not a matter of getting used to them. It's a clunky, ugly feature that I find off-putting, no matter the site. Plus, he makes it sound as if all the old information is still there, which isn't true. The two things on the pet page I used the most (view pet profile and pet treasures) have been changed in a way that now, it takes me more clicks to get the info I want.

I guess the point was to streamline the look of the site (which it doesn't), whether or not it actually streamlines the function (which it doesn't).
It does not do to dwell on dreams and forget to live.
Griffin
Posts: 461
Joined: 08 Jan 2006 05:32 am
Human Avatar: 156329
Location: Mojave Desert

Re: New Features/Updates

Post by Griffin »

I think the change is okay, but I don't look at my pet overview page very often. The hunger being represented as a bar is a bit more convenient than the vague texts they had before, for those who are working on the gourmet achievement. The bothersome thing is that the change broke all the overlays I had there. Going to have to spend some time with my custom CSS...

edit: Yay fixed. For those who want overlays on that page, the custom css:

Code: Select all

.span5 img {}
.span5 img[src="http://images.subeta.net/pets/tigrean_reborn.png"], .span5 a[href="pet.php?petid=881940"] img {
padding-top: 200px;
width: 200px; height: 0px;
background-clip: padding;
background-image: url("http://img.photobucket.com/albums/v16/backlash/Subeta/isisol.png");
overflow: hidden;}

For minions:

.span5 img {}
.span5 img[src="http://images.subeta.net/items//minion_nun.gif"], .span5 a[href="pet.php?act=minion&petid=881940"] img {
padding-top: 64px;
width: 64px; height: 0px;
background-clip: padding;
background-image: url("http://img.photobucket.com/albums/v16/backlash/Subeta/nuun.png");
overflow: hidden;}
Replace tigrean_reborn.png and the petid= with your pet's corresponding urls, and the last url with your overlay.
Usul_Princess
Posts: 1191
Joined: 03 Mar 2006 12:19 am
Gender: Female
Location: Mars

Re: New Features/Updates

Post by Usul_Princess »

I haven't read through the pages, but I can't change my avatar. It says the version of Firefox was outdated (which it was). I've updated it to v 13.0, and it's still telling me I need to update.
ImageImage

Thank you TCStarwind for the lovely signature! ^_^

FC bets: http://www.neopets.com/~DazedBoy
AngharadTy
Zombie Queen
Posts: 5251
Joined: 08 Jan 2006 05:20 am
Gender: Female
Human Avatar: 89833
Location: Tyland
Contact:

Re: New Features/Updates

Post by AngharadTy »

This is the most awful change subeta has ever put forth, and they've put forth a lot of awful lately, so you know, that's considerable. I can only hope that ALL this ugly shit is customizable. Maybe some people want giant bars, but I really, really do not. And dropdowns. Godforsaken dropdowns. Always with those things. I can't tell you how much having to click more has ever improved my experience on a site.

Topher, your pets are smaller because (as before) they shrink when your browser gets smaller. They're full size at, oh, a window 1400 px wide or so. I really can't express how much I hate having my browser fullscreen all the time. The only reason it's even as wide as it is right now is for subeta and its idiotic shrinking pet images. Yeah, I love having this much white space on my big-ass monitor.

And of course my pets need overlays--I haven't tried your code yet, Griffin, but I'm sure it's good, except that they probably don't shrink when the window shrinks. And my minions need overlays, and I have to turn off those ugly bars, and I still have to change that really unattractive font that subeta is suddenly so fond of.

Do they have no one on staff who actually designs websites? I mean, designs websites other than this one. Or has ever, like, taken an art class or something. Even basics like "attractive proportions" are never maintained here.

Usul, the wardrobe has that warning about Firefox no matter what version you have, and no matter what BROWSER you have (it tells me about it in Chrome). Yet another piece of bad coding on the site. But do try the wardrobe in another browser, e.g., Chrome.

edit: I just tried the two top-rated noscript copycat plugins for Chrome and neither one has a setting that will allow everything except for what I specifically call out. They both claimed they did, but I was having to whitelist every single site I went to with both of them. I do not want to be stuck with typekit's terrible fonts, ughhhh.
Image Image
Silverevilchao
Posts: 1586
Joined: 07 Jan 2006 09:04 pm
Gender: Female
Human Avatar: 155477
Location: Home. :)
Contact:

Re: New Features/Updates

Post by Silverevilchao »

Why do we have bars for the hunger/happiness? If anything, I'd thought we would've had bars for each stat - like those found in the monster profiles for Shin Megami Tensei games (or my really old Pokemon spoofs of Persona 3 profiles). And why are the bars so big? There is no reason for each bar to be so large. I mean, I don't mind the stuff on the side in their own box. It's a clean look. But I don't see the point of massive bars for hunger and happiness, especially since they really aren't such huge parts of the site.

Dropdown menus make sense with the gazillion amount of possible items. I thought that it was annoying to go to a different page to the view the options for each pet. That said, I'd much prefer a division of the page that was hidden by Javascript unless something is clicked on to make it show up beneath the pet stuff (like what I have for my song search form on one of my sites), rather than a "dropdown" that shows up over everything.
Image
Officer 1BDI
Posts: 1641
Joined: 16 Jan 2007 10:14 pm
Gender: Female
Human Avatar: 150891

Re: New Features/Updates

Post by Officer 1BDI »

Bless you for that code, Griffin.

I'm pretty sure anything I would say re: the new pet page has already been posted. >_>
Image
Griffin
Posts: 461
Joined: 08 Jan 2006 05:32 am
Human Avatar: 156329
Location: Mojave Desert

Re: New Features/Updates

Post by Griffin »

Here's something else I posted on the forums in case you guys don't look there. This will make the bars skinny:

Code: Select all

.bar,.progress {height: 5px;}
You can also add width: 150px to make the length shorter. Display:none can zap the bars altogether but it looks weird.
Foghawk
Posts: 369
Joined: 03 Jun 2007 08:58 pm
Human Avatar: 254768
Location: a narrow dusty room
Contact:

Re: New Features/Updates

Post by Foghawk »

Sheesh.

Okay, I approve of doing away with the options page, though a) why on the pets page instead of the inventory page, where it is genuinely and sorely needed, and b) oh my god, screw dropdowns, but if you are going to make a dropdown, make an actual dropdown, there are native elements for that. But, uh, other than that, this does not look like improvement.

Here's my Pets page; it looks like this.
Spoiler: open/close

Code: Select all

/* You will need to make a couple of edits to get this working! See BROWSERCODE below. */

/* Minimize top menu */
.container-fluid > h1 + div,
.container-fluid > h1 + div > div { width: 35.25em !important; }
.container-fluid h1 + div > .row-fluid .span2 { width: auto; margin: 0; }
.container-fluid h1 + div > div :not(:last-child)::after { content: "\2014\00a0"; }
.container-fluid h1 + div > div img { display: none; }

/* Create borders, adjust spacing */
.container-fluid h1 + div + br + .row-fluid > .span6,
.container-fluid h1 + div + br + .row-fluid > .row-fluid > .span6 {  border: 1px solid #13403D; border-bottom: none; }
.container-fluid h1 + div + br + .row-fluid > .span6:last-child,
.container-fluid h1 + div + br + .row-fluid > .row-fluid:nth-last-child(2) > .span6 { border-bottom: 1px solid #13403D; }
.container-fluid h1 + div + br + .row-fluid > .row-fluid > .span6 { border-left: none; }
.container-fluid h1 + div + br + .row-fluid > .span6:first-child { margin-left: 2.128%; }

/* Pet names */
.span6 .row-fluid h1 {
 color: #FFF;
 font-weight: bold;
 background-color: #26736A;
 padding: .1em .25em .25em .25em;
 margin-bottom: .5em; }
.span6 .row-fluid h1 .badge { 
 display: block;
 float: right;
 margin-top: .6em;
 background-color: #3A8178; 
}
.span6 .row-fluid h1 .label {
 display: inline-block;
 position: relative; top:
 -.4em;
 background-color: #96B5AD; 
}

/* Pet and minion */
.span6 .row-fluid h1 + .span5 { width: 95%; }
.span6 .row-fluid h1 + .span5 > a { width: 200px; display: block; float: left; }
.span6 .row-fluid h1 + .span5 > br { display: none; }
.span5 center { text-align: right; }

/* Stats */
.span6 .row-fluid .span5 + .span6 { width: 95%; }
.span6 .well { background-color: transparent; border: none; box-shadow: none; }
.span6 .well:not(.pet_stats) { float: left; width: 100%; padding: 0; margin: 0; }
.span6 .pet_stats {
 float: right;
 margin-top: -19.5em;
 margin-bottom: 0;
 padding: 0;
 margin-right: -.4em;
 text-align: right; 
}
.span6 .well .progress {
 height: 1em;
 width: 10em;
 float: right;
 margin-top: -20.75em; 
}
.span6 .well br + .progress { margin-top: -21.75em; margin-bottom: 0; }

/* Kill dropdown */
.well .dropdown { position: static; }
.well .dropdown .dropdown-toggle { display: none; }
.well .dropdown ul {
 display: block;
 position: static;
 -BROWSERCODE-box-shadow: none; /* BROWSERCODE is "webkit" for Safari and Chrome, "ms" for IE, and "moz" for Firefox. */
 border: none;
 border-top: 1px solid #26736A;
 border-radius: 0;
 text-align: center;
 -BROWSERCODE-column-count: 3; /* BROWSERCODE is "webkit" for Safari and Chrome and "moz" for Firefox. No worky in IE, sorry. :( */
 height: 10.5em;
 margin-top: 1em;
 margin-left: .5em;
 padding: 0;
 padding-top: .5em; 
}
.well .dropdown ul li a { padding: 0; }
.well .dropdown ul li a:hover { background-color: transparent; color: #104C56; text-decoration: underline; }
.well .dropdown ul li { display: inline-block; width: 100%; }
.well .dropdown ul .divider:nth-child(6) { visibility: hidden; }
.well .dropdown ul .divider:nth-child(13) { display: none; }
I don't believe this works in IE as it doesn't support columns. There are other ways to fix up that part of it, but I'm done for now. It's sort of ugly on very wide screens... you can fix the size of the boxes if you want. Let me know if there's anything else I missed.

EDIT: They broke it but I fixed it again. Use this code instead; it comes out pretty much the same as before.
EDIT2: They've added a "View Profile" link that made this go wonky; I've cleared it up.
EDIT3: More updates, more fixes. Once more unto the breach, dear friends...
EDIT4: One of the weirder architectural errors has been fixed, breaking some code. Also, borders work properly for both even and odd numbers of pets now.
Spoiler: open/close

Code: Select all

/* You will need to edit this. Scroll down and find BROWSERCODE. */

/* Minimize top menu */
.container-fluid > div:first-child .row-fluid { width: 35.25em !important; margin: auto; }
.container-fluid > div > .row-fluid > .span2 { display: block; width: auto; min-height: 1em; margin: 0; }
.container-fluid > div > .row-fluid > .span2:not(:last-child)::after { content: "\2014\00a0"; }
.container-fluid > div > .row-fluid > .span2 a img,
.container-fluid > div > .row-fluid > .span2 a br { display: none; }

/* Kill slot status */
.container-fluid > div:first-child + br + center { display: none; }

/* Adjust spacing, add borders */
.container-fluid br + center + .row-fluid { padding: 0 .5em 0 .5em; margin: 0 !important; width: auto; }
.container-fluid br + center + .row-fluid .well { background: transparent !important; }
.container-fluid br + center + .row-fluid > .row-fluid > .span5 { 
 width: 50%;
 margin: 0 !important;
 padding: 0;
 border: 1px solid #13403d;
 border-radius: 0;
 border-top: none; 
}
.container-fluid br + center + .row-fluid > .row-fluid:first-child > .span5 { border-top: 1px solid #13403d; }
.container-fluid br + center + .row-fluid > .row-fluid > .span5:nth-child(2) { border-left: none; }

/* Headers - pet names and labels */
.row-fluid .span5 .row {
 margin: 0; margin-bottom: 1em;
 color: #fff;
 background-color: #26736a; 
}
.row .span5 { width: auto; }
.row .span5 h1 { padding: .1em .25em .25em .25em; font-weight: bold; }
.row .span5 h1 img { padding-bottom: .15em; }
.row .span5 br { display: none; }
.row .span6 { float: right; width: auto; }
.row-fluid .span5 .row p { margin: .9em .8em 0 0; }
.row-fluid .span5 .row .label-info { 
 margin-top: .6em;
 padding: .15em .9em .2em .9em; 
 background-color: #3a8178 !important;
 border-radius: 1em;
}
.row-fluid .span5 .row .label-success {
 padding: .15em .3em .2em .3em;
 background-color: #96b5ad; 
}

/* Pet and minion */
.span5 .row-fluid .span7 .well:first-child { float: left; width: 200px; margin-left: .75em; }
.span5 .row-fluid .span7 { width: 100%; position: relative; }
.span5 .row-fluid .span7 .well:nth-child(2) {
 position: absolute;
 top: 0; right: 1em;
 width: 35%;
 text-align: right !important; 
}

/* Stats */
.span5 .row-fluid .span5 { width: 100%; margin: 0; }
.span5 .well { border: none; box-shadow: none; padding: 0; margin: 0; }
.span5 .pet_stats {
 float: right;
 height: 7.25em;
 margin: -19.5em .6em 0 0;
 padding: 0;
 overflow: hidden;
 text-align: right; 
}
.span5 .well .progress {
 float: right;
 width: 10em; height: 1em;
 margin: -20.75em 1em 0 0; 
}
.span5 .well br + .progress { margin-top: -21.75em; margin-bottom: 0; }

/* Options */
.well .dropdown { position: static; }
.well .dropdown .dropdown-toggle { display: none; }
.well .dropdown ul {
 display: block;
 position: static;
 height: 10em;
 margin: 1em; margin-bottom: .5em;
 padding: 0; padding-top: .5em;
 text-align: center;
 -BROSWERCODE-column-count: 3;  /* BROWSERCODE is "webkit" for Safari and Chrome and "moz" for Firefox. No worky in IE, sorry. :( */
 -BROWSERCODE-box-shadow: none; /* BROWSERCODE is "webkit" for Safari and Chrome, "ms" for IE, and "moz" for Firefox. */
 border: none; border-top: 1px solid #26736a; border-radius: 0; 
}
.well .dropdown ul li a { padding: 0; }
.well .dropdown ul li a:hover {
 color: #104c56; text-decoration: underline;
 background-color: transparent; 
}
.well .dropdown ul li { display: inline-block; width: 100%; }
.well .dropdown ul .divider:nth-child(7n) { display: none; }
I have to say, this is an incredibly rude bit of coding. It seems like all the new pages lately have ignored IDs and specific classes entirely and just used generic display stuff like "row-fluid" and "span6". All over the place, at that. I've no idea where else these are on the site or what I might be breaking by using them here... thus the clusterfuck of selectors up there, sorry about that. Would it have killed somebody to throw a "pet-menu" ID or a "pet-options-dropdown" class in there? I mean, compare this to the pet pages. Everything was marked up neatly; you could get most anything you'd want with a single class or ID. This makes me wonder whether anyone actually looked at the raw code. Feels like a bit of a backslide. :<
AngaradTy wrote:Do they have no one on staff who actually designs websites? I mean, designs websites other than this one. Or has ever, like, taken an art class or something. Even basics like "attractive proportions" are never maintained here.
Yeah, I wondered this too. Things have been getting very... gadgetty lately. (The kind of sloppy, ugly code going on here is usually a sign of using other people's website tools to generate things automatically, without tailoring them properly to your own use.*) That, and the increasingly kaleidoscopic color/shading schemes, and border designs, and UI elements, and font choices... Honestly it was the text figures popping up again that really ticked me off. They're wrong from a technical standpoint and wrong from a design standpoint. But somebody thought they looked slick, so here they are.

*EDIT: For my own amusement. It's this. All of it. The wells. The ugly menubars. The shitty dropdowns. The off-palette buttons. The Helvetica Neue. Even the awful anti-semantic class names. They didn't even bother to change the color schemes!
...Excuse me. I'll be laughing my ass off.


I guess things could be worse. At least we're not back to Java applets and Papyrus.
Last edited by Foghawk on 18 Nov 2012 10:51 pm, edited 6 times in total.
Image
Seerow
Posts: 2793
Joined: 19 Jan 2006 08:47 pm
Gender: Female
Human Avatar: 155383
Location: Mystery Island
Contact:

Re: New Features/Updates

Post by Seerow »

Foghawk, that looks amazing. Seriously, it does. Thank you for all that coding.
Wanna donate towards my drink gallery, the Golden Goblet.
Silverevilchao
Posts: 1586
Joined: 07 Jan 2006 09:04 pm
Gender: Female
Human Avatar: 155477
Location: Home. :)
Contact:

Re: New Features/Updates

Post by Silverevilchao »

Hey guys, did this happen a while back and I just didn't notice (don't really have any free time...) or did this change just happen? Shop searches look SO much different now....I don't like it. The tables looked fine before. Now the table just looks plain squished, especially on my new computer, with its massive screen.
Image
Seerow
Posts: 2793
Joined: 19 Jan 2006 08:47 pm
Gender: Female
Human Avatar: 155383
Location: Mystery Island
Contact:

Re: New Features/Updates

Post by Seerow »

The shop search happened towards the end of April, around the same time a lot of other stuff changed like the shops, the training, etc. And that is also when they added the ugly Typekit fonts to every inch of the site. Believe it or it was even uglier before he tweaked it again!
Wanna donate towards my drink gallery, the Golden Goblet.
Post Reply

Who is online

Users browsing this forum: No registered users and 28 guests