How to make a 'flat' logo like new Google logo?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
AwesomeStyle
Registered User
Posts: 64
Joined: Tue Jul 16, 2013 7:10 pm

How to make a 'flat' logo like new Google logo?

Post by AwesomeStyle » Sat Oct 05, 2013 7:18 am

Hello,

How can I make a flat logo like the new Google logo?
Image

Thanks :)
I will install MODs for your forum as cheap as 5-15$ in BitCoin depending on the MOD install level & time. Contact via PM.

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: How to make a 'flat' logo like new Google logo?

Post by Arty » Sat Oct 05, 2013 7:23 am

If you want image then type text in Photoshop, Paint, Gimp or any other editor. Set different colors for each letter.

If you want CSS logo do something like

Code: Select all

<span class="logo"><span>G</span><span>o</span><span>o</span><span>g</span><span>l</span><span>e</span></span>
and in css

Code: Select all

.logo { font-size: 32px;
font-weight: 500;
}
.logo span:nth-child(3n) { color: blue; }
.logo span:nth-child(4n+1) { color: red; }
.logo span:nth-child(2) { color: yellow; }
.logo span:nth-child(5) { color: green; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

AwesomeStyle
Registered User
Posts: 64
Joined: Tue Jul 16, 2013 7:10 pm

Re: How to make a 'flat' logo like new Google logo?

Post by AwesomeStyle » Sat Oct 05, 2013 9:37 am

Thanks :)
I will install MODs for your forum as cheap as 5-15$ in BitCoin depending on the MOD install level & time. Contact via PM.

Locked

Return to “[3.0.x] Styles Support & Discussion”