PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Mon Sep 25, 2017 6:34 am

All times are UTC - 5 hours




Post new topic Reply to topic  [ 15 posts ] 
Author Message
PostPosted: Tue May 16, 2017 3:50 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
http://emojipedia.org

We are trying to get 18 age rated icons, and this site does them. But unlike Font Awesome, where it shows you the CSS code to you, and then the code to render the icon on screen - this site doesn't 'seem to do that.

How does it work?

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 8:45 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
They're actual Unicode characters, which you can copy and paste just like any other text. And just like any other text, you do need to have the right font(s) installed and available - but it seems most modern systems do now.

I'd demonstrate the copy-and-paste thing except it seems our version of phpBB doesn't exactly support it...


Top
 Profile  
 
PostPosted: Tue May 16, 2017 8:53 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
So if I wanted to get an '18' o screen using Unicode, how would I do that? I've seen several that are coloured images.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 9:56 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
You find a place that lists the characters and you copy-and-paste. If you're on Windows then you can also use the Character Map to find a few using an "Emoji" font (eg, Segoe UI Emoji) - Mac and Linux may have something similar.

Just make sure you paste the characters somewhere else, like Notepad or a textbox on a website, to make sure it's working: before emoji there were fonts like Wingdings which give different glyphs for normal characters (like " is a pair of scissors).


Top
 Profile  
 
PostPosted: Tue May 16, 2017 10:03 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
http://emojipedia.org/microsoft/windows ... en-symbol/
So let's say I want to use this one - how do I find the Unicode to do it, and what CSS do I need to include to make it work?

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 10:32 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
The big 18 is an image but the others are text.

Copy. And. Paste.

You don't really need CSS.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 10:35 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
The reason I want an 'icon' is so that the image and text line up, without the need for any CSS. Like Font Awesome does (tho they don't have an '18' icon.
Is there some icon version out there that can do an '18' round icon?

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 2:58 pm 
Offline
Site Administrator
User avatar

Joined: Wed Aug 25, 2004 7:54 pm
Posts: 13427
Location: New York, NY, US
simonmlewis wrote:
The reason I want an 'icon' is so that the image and text line up, without the need for any CSS. Like Font Awesome doe...
But Font Awesome uses CSS?

If it is on a web page, it's either CSS or an image.

_________________
(#10850)


Top
 Profile  
 
PostPosted: Tue May 16, 2017 3:02 pm 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
Yes? Sorry I am lost. I get it that the Emojis are not fonts, but I still don't know how to do it.
Could you show me an example of how to make an 18 show up please?

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue May 16, 2017 7:23 pm 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
Whether you use images or text, adjusting their positioning with CSS isn't difficult. Give it a class
Syntax: [ Download ] [ Hide ]
<img class="emoji" src="/path/to/emoji.gif" alt="&lt;18">
<span class="emoji">(insert character here)</span>

then move it with preferably vertical-align
Syntax: [ Download ] [ Hide ]
.emoji { vertical-align: /* try a few. text-top and text-bottom may do the trick */; }

or else literal positioning
Syntax: [ Download ] [ Hide ]
.emoji { position: relative; top: /* -1px or -0.1ex or something */; }


Top
 Profile  
 
PostPosted: Wed May 17, 2017 5:45 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4335
Location: United Kingdom
That works great. Just used an icon of around 30px, and it worked.
Stil unsure about the whole emoji thing with CSS imagery, but this idea worked.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Wed May 17, 2017 6:30 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
FFS.

It's not imagery. They're actual characters. Just like all those other things you can type with your keyboard.


Top
 Profile  
 
PostPosted: Mon May 22, 2017 10:18 am 
Offline
Forum Newbie

Joined: Mon May 08, 2017 10:35 am
Posts: 15
Quick question..but aren't emojis protected by copyright just like different fonts?...So that basically means you would have to ask for the right to copy and paste them for use?


Top
 Profile  
 
PostPosted: Mon May 22, 2017 10:26 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6555
Location: WA, USA
Unicode emojis are not protected because they are text characters. Nobody can copyright those.

An image emoji, like :D :) :(, could be copyrighted or otherwise restricted by licensing. Likewise the particular gylph that a font uses for a Unicode emoji character could also be copyrighted, but that would be the case for the entire font - and copyright only matters there when it comes to distributing the font file (so using it on a site and hoping the user has it installed is fine).


Top
 Profile  
 
PostPosted: Tue May 23, 2017 10:09 am 
Offline
Forum Newbie

Joined: Mon May 08, 2017 10:35 am
Posts: 15
requinix wrote:
Unicode emojis are not protected because they are text characters. Nobody can copyright those.

An image emoji, like :D :) :(, could be copyrighted or otherwise restricted by licensing. Likewise the particular gylph that a font uses for a Unicode emoji character could also be copyrighted, but that would be the case for the entire font - and copyright only matters there when it comes to distributing the font file (so using it on a site and hoping the user has it installed is fine).


Oh good to know. I had previously thought that all Emoji's could be categorised under one belt. But i guess not since like you mentioned ..i.e that Unicode emojis are not protected because they are text characters. This i did not know so thanks for clarifying that!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 15 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 10 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group