Page 1 of 7

Graphic gurus?

Posted: February 22nd, 2016, 12:24 pm
by LePaul
I would like to make some changes to the forum, so it looks a bit nicer...whose really good with graphics?

I would really like your input on how it should look (Since some of my ideas have been epic fails :lol: )

For example, the site_logo.gif is 149 x 52 px

I'm drawing a blank on a good logo!

Ideas? Suggestions?

Re: Graphic gurus?

Posted: February 22nd, 2016, 1:03 pm
by reibuehl
Don't change too much right now. You have done amazing in just a few weeks. Let it settle for a while! Even god apparently rested on the 7th day ;-)

Re: Graphic gurus?

Posted: February 22nd, 2016, 1:21 pm
by LePaul
Oh God bless you, what a nice thing to say :)

I would like to make it look a lot less 'default' settings. But my free time has been going quickly, between toying with the printer, gym/fitness and I get completely lost in my Aces High air combat sim from time to time (http://www.hitechcreations.com/)

Re: Graphic gurus?

Posted: February 22nd, 2016, 3:05 pm
by drayson
Dude, that was also the first idea the guys form UM had... the result.... we're here :-)

I think, it looks great as it is - has all the required functonallity and nothing more. Rest a little, then we will see further...

Re: Graphic gurus?

Posted: February 22nd, 2016, 3:21 pm
by Dim3nsioneer
I can only agree with reibuehl and drayson: Content over design!

Re: Graphic gurus?

Posted: February 22nd, 2016, 3:26 pm
by Izzy
It looks great, not flashy just nice and simple, I'd leave it as is nice and practical, so sit back with a coffee and a biscuit :lol: 8-)

Re: Graphic gurus?

Posted: February 23rd, 2016, 12:31 am
by Titus
It gives me that good old feel!

Re: Graphic gurus?

Posted: February 23rd, 2016, 4:09 pm
by LePaul
Well I would still like a 3D printer-ish looking favicon if someone crafts one :)

Re: Graphic gurus?

Posted: February 23rd, 2016, 5:12 pm
by Amedee
To replace the phpBB logo, make it simple: take a picture of your printer, crop to the right size and done ;)

Re: Graphic gurus?

Posted: February 23rd, 2016, 5:28 pm
by LePaul
Boy that would be realllly tiny I'll try and post here

Re: Graphic gurus?

Posted: February 23rd, 2016, 5:34 pm
by Amedee
I'm talking about the logo at the top, not the favicon ;)

Re: Graphic gurus?

Posted: February 23rd, 2016, 9:03 pm
by LePaul
Well here's a few shots I took with my DSLR and they look terribly squished at 149 x 52 for the logo
IMG_0133.JPG
IMG_0130.JPG

Re: Graphic gurus?

Posted: February 24th, 2016, 2:55 am
by martin-bienz
LePaul, I was playing around with python and web yesterday and wanted a favicon. Then I stumbeld accross your post and the attached picture. So I thought I help a bit if I can.

First I cut your printer out of the background, rotated it a bit. That will give you a more or less clean, transparent look (so you can set the background you like):
ori_310umo.png
ori_310umo.png (85.56 KiB) Viewed 27219 times
There are 2 Files, the img_0133_ORI_CUTOUT.zip is your original file but cutout. Which you could use for the logo. The second ist a 310x310 px file I used to generate the favicons.

I found this site: http://www.favicon-generator.org/, that let's you create automatically multiple size icons (attached in the zip file). They use the following header code with the icons:

Code: Select all

<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
Hope it helps!

Maybe someone a bit more creative can come up with a nice 149x52 Logo? :)

Re: Graphic gurus?

Posted: February 24th, 2016, 12:03 pm
by LePaul
I need to read up on this...but I wonder if there is a way to have the webserver detect the client and load the appropriate icon

Re: Graphic gurus?

Posted: February 24th, 2016, 12:20 pm
by LePaul
favicon is in....just not sure what I have to edit for the custom sizes for different viewers to work