HOMEFORUMSHEADLINESOPINIONBUSINESSP.E.P. TALKABOUT US
 
Zamboanga News Blog
Daily Zamboanga Times Forum Index
Silvery Design by ZIMNET
Log in to check your private messagesLog in to check your private messages Log inLog in   RegisterRegister

Profile  Search  Memberlist  FAQ  Usergroups
How to display emboss text using HTML

 
Post new topic   Reply to topic    Zamboanga News Blog Forum Index -> Free personal, er... small biz hosting too (2-100MB)
View previous topic :: View next topic  
Author Message
hellallover
Newbie
Newbie


Joined: 12 Dec 2007
Posts: 5

PostPosted: Thu Dec 13, 2007 8:48 am    Post subject: Hello Admin! Reply with quote

I would like to know how to make an embossed text using HTML...

Can you help me? thanks!
Back to top
View user's profile Send private message
JigsNep
Webmaster
Webmaster


Joined: 05 Dec 2007
Posts: 3
Location: Zamboanga City

PostPosted: Thu Dec 13, 2007 2:37 pm    Post subject: Re: Hello Admin! Reply with quote

hellallover wrote:
I would like to know how to make an embossed text using HTML...

Can you help me? thanks!


Code:
<font effect="engrave">engrave</font> <font effect="emboss">emboss</font> <font effect="outline">outline</font>


This should be the output:

Quote:

Example of engraved, embossed and outline text in the recommended CSS3


Source:
http://www.w3.org/TR/css3-fonts/#font-effect

--
Back to top
View user's profile Send private message Visit poster's website
hellallover
Newbie
Newbie


Joined: 12 Dec 2007
Posts: 5

PostPosted: Thu Dec 13, 2007 2:54 pm    Post subject: Thanks... Reply with quote

However, it didn't work...

i tried this,

<font>engrave</font>
<font>emboss</font>
<font>outline</font>

but it only displayed
engrave emboss outline

in regular text... Crying or Very sad
Back to top
View user's profile Send private message
JigsNep
Webmaster
Webmaster


Joined: 05 Dec 2007
Posts: 3
Location: Zamboanga City

PostPosted: Thu Dec 13, 2007 9:37 pm    Post subject: Re: Thanks... Reply with quote

hellallover wrote:
However, it didn't work...

i tried this,

<font>engrave</font>
<font>emboss</font>
<font>outline</font>

but it only displayed
engrave emboss outline

in regular text... Crying or Very sad


This will only work on CSS3 compliant browsers. I believe Safari does some CSS3's but haven't actually tried it myself with emboss. Firefox, and IE has not implemented it. At least not the version we're using at the moment. Sad

The emboss effect on HTML is not yet an adopted standard. We don't know which browser will comply first. But whatever, it is useless to use effects on a web page that will not appear the same on all browsers. I suggest, better use embossed text image created via Photoshop.

BTW, on this post, if you want the HTML tags to appear as you'd like, put tick on "Disable HTML in this post.

--
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    Zamboanga News Blog Forum Index -> Free personal, er... small biz hosting too (2-100MB) All times are GMT + 8 Hours
Page 1 of 1

 
Jump to:  
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 vote in polls in this forum