Futurama   Planet Express Employee Lounge
The Futurama Message Board

Design and Support by Can't get enough Futurama
Help Search Futurama chat Login Register

PEEL - The Futurama Message Board    General Futurama Forum Category    Websites/Reviews    how do I... « previous next »
Author Topic: how do I...  (Read 1120 times)
Pages: [1] Print
f_r

Bending Unit
***
« on: 07-31-2004 19:01 »

Im lookin for a bit of help here, can anyone tell me (the html way) how to put text over a graphic?
TheLampIncident

Urban Legend
***
« Reply #1 on: 07-31-2004 23:33 »

I don't think there is an HTML way. Try Photoshop or something.

Oh, and by the way...
winna

Avatar Czar
DOOP Ubersecretary
**
« Reply #2 on: 08-01-2004 04:03 »

I believe that with the newer html codes, there is a way to overlap text with an image treating the page with 3 planes (x y z) rather than just 2.  I am not familiar with how to do that however, so my talking about some possibly existing technique is useless....  :(
[AdAM]

Bending Unit
***
« Reply #3 on: 08-01-2004 13:57 »
« Last Edit on: 08-01-2004 13:57 »

I believe it's possible via the <layer> - tag to overlap a text with graphic but I never used it so maybe someone else knows more.

But this only makes sense if you want to dynamically change the text/graphic via Javascript.
Otherwise I suggest you edit the text into the graphic via photoshop or a similar program.

Another possibility if you want to use dynamic text over graphics and you are into PHP coding would be to use PHP's built in graphic library GDLib to prerender the images.

We damand more info!  ;)
Idan_Aharoni

Professor
*
« Reply #4 on: 08-01-2004 14:20 »

It is defenitly possible.
Search the web for a CSS (Cascade Style Sheets) tutorial. You will find your answer there.
f_r

Bending Unit
***
« Reply #5 on: 08-02-2004 04:05 »

Iv got photoshop 7.0, ill use that.
mic

Bending Unit
***
« Reply #6 on: 08-02-2004 04:41 »

Yes, CSS2 specs will let you do it, but you have to be careful.  It's best you use Photoshop to do it.

Remember that Photoshop and Gimp (2 and later) save the text as a vector layer, so you will have to flatten the image before saving to a png/jpeg/gif.

Using gd is CPU expensive, it needs to be regenerated every time.  Javascript can't do it, at least not in a standard way that all 10 or more implementations can use it.
SixByNine
Starship Captain
****
« Reply #7 on: 08-02-2004 05:55 »
« Last Edit on: 08-02-2004 05:55 »

you could just set the background to the text element as a picture, e.g. in css

div.your_element_name
{
   background-image:url(http://your_image.jpg);
}

then put the text in <div class="your_element_name"> tags.

That will do what I think you want without layers or any of that crap and it will work fine in text based browsers/screen readers.

Some variation on this should do pretty much whatever you are looking for.

also: mic, doesn't photoshop automaticaly flatten the image when you save to 'raster' formats
Pages: [1] Print 
« previous next »
Jump to:  

SMF 2.0.17 | SMF © 2019, Simple Machines | some icons from famfamfam
Legal Notice & Disclaimer: "Futurama" TM and copyright FOX, its related entities and the Curiosity Company. All rights reserved. Any reproduction, duplication or distribution of these materials in any form is expressly prohibited. As a fan site, this Futurama forum, its operators, and any content on the site relating to "Futurama" are not explicitely authorized by Fox or the Curiosity Company.
Page created in 0.173 seconds with 35 queries.