ostan-collections.net frontpage

Started by Fedora-Tan, October 27, 2012, 02:55:58 PM

Previous topic - Next topic

0 Members and 4 Guests are viewing this topic.

Nichi

Nice ^_^

Attached is a design draft I put together, loosely based on Bella's concept sketch with a few added notes. Hopefully it's clear enough, or at the very least, somebody gets a laugh at the description

DustiiWolf

#46
Net...scape? XD lol

nice! *thumbs up*

oh! i updated my demo (its working btw)
http://ostandemo.99k.org/

Added: Updated icons, added "About OSC" which gives a user javascript activated dialog that gives a basic description AND "Random OS-tan" which loads a random page on the OS-tan Wiki.

Also recolored tiles in the style of the Microsoft Logo, formerly the Windows Flag.



Official -tans are my bat signal.

Bella

That looks really good! A little more character variety in the buttons and maybe removing the actual OS logos (mostly so it doesn't look like we "advocate" any OSes in particular, and also the potential copyrights issue) and I'd be pretty much sold. ^.^

Chocofreak13

@fedora: that's what i've been saying all along.....
@dustii: do you know what irc is? it's basically as close as you can get to those cool 90's chatrooms. :3

i like both, but i'm gravitating toward pent's more. this isn't due to favouritism, it's because the design manages to get more information on the page in a solid, simple format. the design also reminds me of the site we have now. it also follows the format that me and bella originally laid out, and it manages to get in a windows, mac, linux, and vintage-tan. the banner could rotate, too, so we could get even more -tans in (including 8-tan, if we make a banner for her >w>; ). ^^
i am happy you put in the other buttons, though. i like having the irc button and the info button is nice for people who managed to trip over us. xD

dustii, you seem to put a lot of stock in my opinion. though i seem to swing a bit of influence here, i'm just one person. if other people like your design, be proud, okay? :)
click to make it bigger

Fedora-Tan

I like the design very much, i think we can try it as a trial for a couple days and sees how it behaves on the long run.
I'll wait the approval or other members, but it's fine with me. That's even impressive i like a design win8-looking  like :p

For those who wants to come directly to the forums, i can make (if i find the time) an option that would put you directly on forums and bypassing the login page (actually, what windows 8 totally lacks). No promises i do it tomorrow, still. Alternatively, the url will stay http://ostan-collections.net/forum so bookmarking that is fine too. But we talk about 1 extra click here :)

Quote from: Chocofreak13 on October 29, 2012, 12:23:57 AM
@fedora: that's what i've been saying all along.....

::)

DustiiWolf

Quote from: Chocofreak13 on October 29, 2012, 12:23:57 AM
@fedora: that's what i've been saying all along.....
@dustii: do you know what irc is? it's basically as close as you can get to those cool 90's chatrooms. :3

i like both, but i'm gravitating toward pent's more. this isn't due to favouritism, it's because the design manages to get more information on the page in a solid, simple format. the design also reminds me of the site we have now. it also follows the format that me and bella originally laid out, and it manages to get in a windows, mac, linux, and vintage-tan. the banner could rotate, too, so we could get even more -tans in (including 8-tan, if we make a banner for her >w>; ). ^^
i am happy you put in the other buttons, though. i like having the irc button and the info button is nice for people who managed to trip over us. xD

dustii, you seem to put a lot of stock in my opinion. though i seem to swing a bit of influence here, i'm just one person. if other people like your design, be proud, okay? :)


I am proud.

I put so much stock in your opinion because:
A: Youve been the one to, lets say, "disagree" the most with my choice to use metro, and i want you and users like you to find the page enjoyable. &
B: I dont want to pull a Windows 8 (despite the use of metro) and make something thats drastically different and alienated from what users like you are used to. some may like metro, but it also needs to be inviting and have a sense of familiarity to it.

thats why ive been putting so much stock in yours (and others) opinions. because im making this page for YOU guys. not for my personal use.

Also, as far as "more info", the dialog box doesnt have a limit as far as i know. I can add more as needed. I was actually thinking of attempting to implement some Windows Modern UI (metro) ellements to handle the "about", sinced it would probably look better if done right, but i figured itd go a bit too far for you guys, as well as a js dialog box is alot easier to do. In fact, Pentium's Design INSPIRED that about button.

If i reworked the site and used something other than Word 2013 for the basic layout and Notepad for the HTML, i could have the tiles rotate 'tans similar to the live tiles on Windows 8, which would be similar to the rotating banner idea, BUT the more fancy code you use, the slower it will load and the less cross-compatible it will be.

Quote from: Bella on October 28, 2012, 11:08:32 PM
That looks really good! A little more character variety in the buttons and maybe removing the actual OS logos (mostly so it doesn't look like we "advocate" any OSes in particular, and also the potential copyrights issue) and I'd be pretty much sold. ^.^

I added the logos since this page would be not only for current users but for first-timers, and to help show them what the site is about, i added the logos to each tile that related to its OS, if you understand what i mean.

Quote from: Fedora-Tan on October 29, 2012, 02:43:14 AM
I like the design very much, i think we can try it as a trial for a couple days and sees how it behaves on the long run.
I'll wait the approval or other members, but it's fine with me. That's even impressive i like a design win8-looking  like :p...

Why thank you. Glad you enjoy it. ^^

Also: does anyone ever TRY the new additions, or do you guys just look at the pictures?
(Demo: http://ostandemo.99k.org/)
Official -tans are my bat signal.

Fedora-Tan

#51
For the random ostan i can make a script which will redirect only on ostans and not any random page.

Eventually, a "contact us" could be interesting. --> admin@ostan-collections.net
Would also consider a "designed by " if you feel like it.

All those can fit in the about screen.

About the "about screen", could be a css tooltip instead of a javascript also, it's a bit more modern - the about box is not very fancy on firefox (cf. screen)

To be picky, still bits of white around the bottom right char :)

DustiiWolf

Ill look into a css tooltip. also, the character is kind of hard to remove the white. it originally had a white BG and i had to use GIMP2's select entire color feature to erase it to make it transparent, but the original image pixelated some of the white in its background around the character, making it hard to remove the white. ive tried removing it manually but i find it hard to edit it without damaging the character image itself.

and id need the random ostan to be viewable using a hyperlink <a href="link here"></a>

currently its
<a href="http://ostan-collections.net/wiki/index.php?title=Special:Random"><img...../></a>
Official -tans are my bat signal.

Fedora-Tan


.tooltip { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative;}
.tooltip span { margin-left: -999em; position: absolute; }
.tooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 250px;
}
.tooltip:hover em { display: block; padding: 0.2em 0 0.6em 0; }
.classic {padding: 0.8em 1em; background: #FFFFAA; border: 1px solid #FFAD33; }


and


<span class="tooltip">Some text<span class="classic">Tooltip...</span></span>


(for ex.)

Fedora-Tan

Quote from: PentiumMMX on October 28, 2012, 07:21:25 PM
Nice ^_^

Attached is a design draft I put together, loosely based on Bella's concept sketch with a few added notes. Hopefully it's clear enough, or at the very least, somebody gets a laugh at the description

I think this one, could be a good first page of the wiki, improving the current one which is a bit spartian (yet efficient).

DustiiWolf

#55
How do i change the font size and type of the tooltip may i ask? bit hard to read.

Never mind. Updated. c:
Used a different code i found online (no offense to your code).
http://ostandemo.99k.org/
Official -tans are my bat signal.

Fedora-Tan

No problem.

It's supposed to display here ? I ask because of the upper arrow pointing nowhere.

Just in case, :
http://www.zonecss.fr/style_css/feuille_css_font_family.html
http://www.zonecss.fr/style_css/feuille_css_font_size.html
http://www.zonecss.fr/style_css/feuille_css_font_weight.html

In french but the syntax is same.

DustiiWolf

No... what browser are you using? It shows up with the arrow on the "about" bubble in chrome. also, the blue line is not supposed to appear under the text...

(off topic: my pc crashed last night. Registry_Error. That lead to the eventual SESSION3_INITIALIZATION_FAILED. even my Windows 8 repair drive didnt work (Windows has locked this disk. please boot into windows and unlock it to continue). LUCKILY good ol' CMD, ala~DOS, allowed me to DISKPART mount my portable hd and XCOPY my entire drive to a portable one, and also, since in disk cleanup i left the "Windows Installation Files" unchecked, i copied them to a flash drive, and now ive got a fresh install of Windows 8. Im in the process of copying files from my portable drive back to the pc and installing drivers. and im keeping my Windows 8 Install & Repair drive around JUST incase :P)
Official -tans are my bat signal.

Fedora-Tan

#58
Firefox 16.
Tried on IE 10, and it's just nearly all out of the screen all the time.

My resolution is 1900x1200 but it shouldn't be a concern, normally.

Besides, trying windows 8. Once i passed over the debile "lock screen" which is obviously made for touch screen just disabling the whole login (that's way better for security, yeah... forced to put password at bios-level now), AND disabled the modern-UI : too much useless things here and prevents multitasking too much - once again good for tablets but my comp is not one, THEN it's extremely decent and i would say good. For now.

I'd say, the Classic Shell is more than a must-have, i just couldn't use the OS without that. No exaggeration. Metro is really un-usable on a comp.

DustiiWolf

i guess i need something other than that code... (tried IE 10, same problem. 1366x768 )

Off topic:
the lockscreen can be rid of using the ESCAPE key easily. (press esc and it disappears)
i don't know why you had to disable login....
and the metro ui can still be used to get things done. i usually have an app docked on the side while im on my desktop...
The desktop still works the same. and there IS a start button for the new menu. its just hidden till you move your mouse in the lower left corner of the screen as if to click start.

Are you on a desktop per-chance? (those are a little less intuitive with Win8... it helps to have the multitouch gestures on a touchpad)

also: Win8 Start Button
Official -tans are my bat signal.