AniDB CSS - Feedback Thread

Want to help out? Need help accessing the AniDB API? This is the place to ask questions.

Moderator: AniDB

Rar
AniDB Staff
Posts: 1471
Joined: Fri Mar 12, 2004 2:41 pm
Location: UK
Contact:

Post by Rar »

To change the section lines (which I presume is what you want), do:
#layout-content div.section,
#layout-content div.g_section
{
border-top: /*something like 2px groove blue*/;
}
(the modern class name is g_section, there might be some old plain section-s still around though)

To change the text colour in the login bit, do:
#layout-menu div.usermenu
{
color: white;
}

Rar
Last edited by Rar on Thu Jan 25, 2007 11:26 pm, edited 1 time in total.
PetriW
AniDB Staff
Posts: 1522
Joined: Sat May 24, 2003 2:34 pm

Post by PetriW »

Haruhi! Good job so far!
Der Idiot
AniDB Staff
Posts: 1227
Joined: Fri Mar 21, 2003 10:19 am

Post by Der Idiot »

the choice of color is rather nice if i may say so. just the secondary color for the top10 boxes seems out of place imho.

aside fo that seems like a good style. hope you share it with the rest of anidb's users once you feel it'S done :wink:
b1nh
Posts: 12
Joined: Thu Jan 25, 2007 10:58 pm
Contact:

Post by b1nh »

wow, thanks for the quick replies!

I managed to change the sections lines, but the text problem is still there:

http://img292.imageshack.us/img292/2170 ... nv2ja6.jpg
Feel free to suggest changes ^^

The text is still grey (T_T),
even thogh I changed the css:
#layout-menu div.usermenu
{
color: white;
position: absolute;
top: 420px;
left: 10px;
}
epoximator
AniDB Staff
Posts: 379
Joined: Sun Nov 07, 2004 11:05 am

Post by epoximator »

try #layout-menu div.usermenu p.user
and/or check if it is selected somewhere else
defsyfe
Posts: 15
Joined: Tue Oct 17, 2006 2:12 am

Plz

Post by defsyfe »

Hey, nice work. I really like it and wanna use it myself if that's ok... Any chance we can get a zip so we don't have to rape your bandwidth?
pseprodux
Posts: 4
Joined: Tue Nov 29, 2005 4:36 am

Post by pseprodux »

Hey b1nh, I just wanted to make a suggestion regarding your css: that links for 'my messages', 'my votes', 'my votes', etc. be placed under the '1st Panel' section you have there, similar to how it's done in the "norwegian blue" or "grey" css. In my opinion, I think it'd just be a nice convenience.

Other than that, I'd have to say it's looking pretty nice!

edit:

actually, i found this bug:

Image
b1nh
Posts: 12
Joined: Thu Jan 25, 2007 10:58 pm
Contact:

Post by b1nh »

Hm, I'll try to find a way to fix it. I already got some ideas how to do it :>
junnichi
Posts: 2
Joined: Sat Feb 10, 2007 12:32 pm

Post by junnichi »

Thank you b1nh for making a new and very nice css style. 8O I wonder if it could be possible to you could change the ecchi Haruhi picture from the main menu background to a non-ecchi one? then anyone can use the css style in any public place without worrying that if somebody sees it he/she could misunderstand and think is a porn website. I know I could just change the css temporarily but I still like yours better. :wink: Thank you again. :D
molitar
Posts: 35
Joined: Wed Nov 23, 2005 10:54 pm

Post by molitar »

I would like to see the alternating row colors of the orange made a bit lighter like it is at the top of the menu it's so dark now that it makes it a bit hard to read the text.

Also would be nice if the font size was made a bit larger. It's really hard to read in Vista since it sets it default screen to 1280 x 960 resolution as default for 17 and 19" monitors.

On side note I love the banner and menu alot and great work.. hope you will lighten the orange on the listing and make font a bit larger so it behaves better with Vista. Because of this issue I have to limit Firefox font size by setting mininum size otherwise i will have serious eyestrain on webpages.

BTW the image below is set with a mininum font size of 15 and you can see how small the font shows up at size 15 by the screenshot. Any smaller and I will have eyestraings but setting it to 15 totally screws up the Haruhi menu :(

Image
b1nh
Posts: 12
Joined: Thu Jan 25, 2007 10:58 pm
Contact:

Post by b1nh »

I almost finished the next version of my style, but there are some things I didn't knew how to change:

- Somehow I can't center the info on the episode page
- Is it possible not to show the background-pic in the comments page?
epoximator
AniDB Staff
Posts: 379
Joined: Sun Nov 07, 2004 11:05 am

Post by epoximator »

Code: Select all

#layout-content div.ep_info div.info table
{
	margin-left: auto;
	margin-right: auto;
}
#layout-content div.ep_files h4,
#layout-content div.ep_vote p
{
	text-align: center;
}
junnichi
Posts: 2
Joined: Sat Feb 10, 2007 12:32 pm

Post by junnichi »

Thank you very much b1nh "binhkun released a less ecchi version of the skin for those, who wish to use this skin in public." 8)
Fangir
Posts: 2
Joined: Tue May 24, 2005 11:18 pm
Location: France

Post by Fangir »

Hi folks,

Thanks for all these awesome works by anidb staff and community.

I didn't really like the css styles, mostly because of the colors (too shiny for me) and I was pretty happy with the old grey design.
But I just fell in love with the 'darkstyle' CSS which is much adequate to the dark side of my soul :twisted:

Anyway, here's some feedback for Sylwira :

- Little pb with big pictures
Image

- A feature in the default style that would be quite useful in this CSS :
Lines in mylist where episodes are all seen displayed in different color (green in the default grey style)
Lines where all episodes are in mylist displayed in bold.
This is very useful to see quickly what to do next.

Bye
mehyaa
Posts: 5
Joined: Thu Feb 23, 2006 11:32 am

Post by mehyaa »

Hi all,

I love b1nh's haru style because of its color selections, it suits an anime site (even it is a db :D) much. But when i saw blue style's fixed menu and search i said that is what i needed :D So i decieded to implement this to haru style and i learned some CSS knowledge (what i didn't know i mean :) ) and after i've implement this fixed menu and search to haru style. I didn't do much changes, i only focused what i need; some class editing and some picture editing (making some images transparent).

I use firefox since its 1.0 release and nearly don't use ie so i've tested the the style in firefox during the development. After i finished i've had a look in ie and i saw it is totally wrong :) so i can say it doesn't support ie. I didn't try it in another browser so if you want to use it, first you have to try :D

It is still under development so some part of pages can be broken. If they are, remind me.

Anyway, here is the url to the css file. Try, use and if necessary fix it. If you want to send feedback, use AniDB's messaging system or e-mail because i don't read the forum much:

Code: Select all

http://www.mehyaa.com/anime/anidb/styles/haruna/harustyle.css
Locked