These forums are currently read-only due to receiving more spam than actual discussion. Sorry.

It is currently Sat Dec 02, 2017 4:00 pm Advanced search

Promote these forums, share your ideas.

Post any ideas for improving the WHATWG community website and forums.

Re: Promote these forums, share your ideas.

Postby zcorpan » Thu Mar 31, 2011 10:07 pm

Seems like the 'QUOTE' button and others are using images when they would probably be better off using real text (even the 'online' thingy could be real text with a CSS transform if you'd be so inclined)
zcorpan
<article>
 
Posts: 807
Joined: Tue Feb 06, 2007 8:29 pm
Location: Sweden

Re: Promote these forums, share your ideas.

Postby Xdega » Thu Mar 31, 2011 10:29 pm

zcorpan wrote:Feel free (although I wouldn't bother :lol: - aren't there a lot of images to convert?) Will you push the changes upstream so whoever maintains the theme can use the SVGs in upcoming releases if any?

There's an SVG version of the WHATWG logo here btw http://lists.w3.org/Archives/Public/www ... /0042.html


Imageset's for each theme are separate from all the styling. It would most likely require a bunch of modification to the phpbb source to allow SVG graphics to be entered in place of .gif etc. I believe in future releases of PHPBB (along with "HTML5" syntax), they plan to use CSS3 and SVG also.

phpbb is a beautiful piece of open source software, but they do not operate on time frames or release dates. Definitely something to investigate, maybe not change right now, but at least investigate.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Amtiskaw » Fri Apr 01, 2011 2:20 pm

Awesome! This theme is a major improvement!

I do some graphic design and HTML/CSS as part of my job, so if I get a chance this weekend I may have a go at posting some ideas for tweaks.

Oh, and I had an idea just while writing this post: There's some fairly generic smilies available, but what about some web specific ones? In particular I was thinking of one for each of the major web browsers. So :firefox: would show a mini Firefox logo, etc. Could be useful, and fun as well!
User avatar
Amtiskaw
<h6>
 
Posts: 5
Joined: Thu Mar 31, 2011 11:35 am

Re: Promote these forums, share your ideas.

Postby Xdega » Sat Apr 02, 2011 4:24 pm

Amtiskaw wrote:So :firefox: would show a mini Firefox logo, etc. Could be useful, and fun as well!

Good Idea, I will see what I can find. Maybe even a html5 logo too? lol.
I will go ahead and forum pm you the .css for this theme if you want to play around with it.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Xdega » Sat Apr 02, 2011 7:04 pm

ok, I went ahead and added some nice custom smileys. I tried to pick the most relevant ones I could. If there are any other smilies that you think could be added (or ommited), let me know.

Here is the list of new additions

EDIT
Let's not forget the WHATWG logo! (almost forgot)
:whatwg:
Code: Select all
:whatwg:


Google Chrome logo.
:chr:
Code: Select all
:chr:


Mozilla Firefox logo.
:firefox:
Code: Select all
:firefox:


Opera logo.
:opera:
Code: Select all
:opera:


Safari logo.
:safari:
Code: Select all
:safari:


Interned Explorer logo.
:msie:
Code: Select all
:msie:


HTML5 logo.
:html5:
Code: Select all
:html5:


CSS3 logo.
:css3:
Code: Select all
:css3:


RSS logo. (threw that one in there for potential functional use, such as linking an rss feed)
:rss:
Code: Select all
:rss:
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby zcorpan » Sat Apr 02, 2011 9:21 pm

Awesome! Although the Opera icon is the old one lol. And I guess IE and chrome have newer icons too.
zcorpan
<article>
 
Posts: 807
Joined: Tue Feb 06, 2007 8:29 pm
Location: Sweden

Re: Promote these forums, share your ideas.

Postby JAB Creations » Sat Apr 02, 2011 9:49 pm

Heh nice icons, though like Z said some are old like :msie: and :opera:.
User avatar
JAB Creations
<aside>
 
Posts: 566
Joined: Tue Mar 13, 2007 4:48 am
Location: Sarasota Florida, USA

Re: Promote these forums, share your ideas.

Postby Xdega » Sat Apr 02, 2011 10:04 pm

JAB Creations wrote:Heh nice icons, though like Z said some are old like :msie: and :opera:.


I'll look at finding some newer ones later. I was searching for ones that were already sized accordingly such as favicons ect (painstakingly I might add), but then found that resizing original logos myself isn't exactly hard :D
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Amtiskaw » Sun Apr 03, 2011 12:05 pm

Glad you liked my idea for the browser smilies. However, I am something of a perfectionist when it comes to graphics (just ask my co-workers :-) and it's immediately obvious to me that those smilies are saved in JPG format. JPG is a lossy format, intended for photos, and when you save little things like icons, you tend to get compression artefacts that results in a slightly fuzzy, dirty look. Also, JPG does not support transparency, so you get white rectangles around them when shown on a non-white background, such as in a quote:

:opera:


Instead, you should use PNG format for these kind of images. I've created 16x16 pixel PNG alternatives for each of the smileys you created:

Image Image Image Image Image Image Image ImageImage

You can download a zip containing all of them from my webspace here: http://www.brillskills.com/whatwg/smilies-all.zip

I also had a go at creating a more professional forum logo, take a look: http://www.brillskills.com/whatwg/forum-logo-in-situ.png

It's just a first attempt, so I'm happy for any feedback or suggested changes. If you like it, you can download the logo image itself as a 32bit PNG here: http://www.brillskills.com/whatwg/forum-logo.png
User avatar
Amtiskaw
<h6>
 
Posts: 5
Joined: Thu Mar 31, 2011 11:35 am

Re: Promote these forums, share your ideas.

Postby Xdega » Sun Apr 03, 2011 5:39 pm

Amtiskaw wrote:Glad you liked my idea for the browser smilies. However, I am something of a perfectionist when it comes to graphics (just ask my co-workers :-) and it's immediately obvious to me that those smilies are saved in JPG format. JPG is a lossy format, intended for photos, and when you save little things like icons, you tend to get compression artefacts that results in a slightly fuzzy, dirty look. Also, JPG does not support transparency, so you get white rectangles around them when shown on a non-white background, such as in a quote:

:opera:


Instead, you should use PNG format for these kind of images. I've created 16x16 pixel PNG alternatives for each of the smileys you created:

Image Image Image Image Image Image Image ImageImage

You can download a zip containing all of them from my webspace here: http://www.brillskills.com/whatwg/smilies-all.zip

I also had a go at creating a more professional forum logo, take a look: http://www.brillskills.com/whatwg/forum-logo-in-situ.png

It's just a first attempt, so I'm happy for any feedback or suggested changes. If you like it, you can download the logo image itself as a 32bit PNG here: http://www.brillskills.com/whatwg/forum-logo.png


Them graphics look pretty nice, and I will most certainly go ahead and use them. One thing to note though (and this could just be a browser issue),but on my cell phone the graphics have very jagged edges (it uses the Verizon wap browser). It's nothing huge but something to note, I wasn't able to see the graphics in their glory until I hopped on my desktop.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Xdega » Sun Apr 03, 2011 6:46 pm

:css3: :firefox: :html5: :msie: :opera: :rss: :safari: :whatwg: :chr:

There we go. Smilies fixed. Thank you much for that. Now I just need to edit the css to show the full "logo".

edit: Having trouble fixing the logo. The css seems fragmented all over the place between .cfg files and .php files. I will keep working on finding the right file to edit.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Amtiskaw » Sun Apr 03, 2011 9:33 pm

Thanks Xdega! I imagine the jaggy edges is due to older browsers not fully supporting alpha channel PNGs. It's a pain, but I think it's worth it to have them look best on modern browsers (and after all, the WHATWG is all about modern browsers, right? :-)).

I need to have a proper look through the CSS, but for now to fix the logo you'll need to change lines 3811 to 3817 in the main style sheet as follows:

Code: Select all
#logo {
    padding: 0;
    width: 378px;
    height: 66px;
    margin-top: 22px;
}
User avatar
Amtiskaw
<h6>
 
Posts: 5
Joined: Thu Mar 31, 2011 11:35 am

Re: Promote these forums, share your ideas.

Postby Xdega » Sun Apr 03, 2011 10:13 pm

Amtiskaw wrote:I need to have a proper look through the CSS, but for now to fix the logo you'll need to change lines 3811 to 3817 in the main style sheet as follows:

Code: Select all
#logo {
    padding: 0;
    width: 378px;
    height: 66px;
    margin-top: 22px;
}


Yeah, I was using the inspect element toll with Chrome and found this. The problem is locating that CSS file. It is defined inside a style.php file which I am not fully understanding. Anyways I will keep looking.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby Xdega » Sun Apr 03, 2011 10:21 pm

Found it!. Turns out there are two #logo in the modestus .css rather annoying and confusing.
Xdega
<h2>
 
Posts: 124
Joined: Tue Mar 01, 2011 6:30 pm
Location: USA

Re: Promote these forums, share your ideas.

Postby JAB Creations » Sun Apr 03, 2011 10:52 pm

WHAT...logo? :o It's a little cropped. :P
User avatar
JAB Creations
<aside>
 
Posts: 566
Joined: Tue Mar 13, 2007 4:48 am
Location: Sarasota Florida, USA

PreviousNext

Return to Website Feedback and Ideas

Who is online

Users browsing this forum: No registered users and 1 guest