h a l f b a k e r y
The word "How?" springs to mind at this point.
add, search, annotate, link, view, overview, recent, by name, random
news, help, about, links, report a problem
or get an account
There is many image macros that consist of the same
picture but with different text. Seems like a waste of
Is there any image filetype that allows for an easily
modifiable text layer?
SVG seems to be the closest candidate with wide browser
support. But embedding bitmapped images
is costly in
Ideally, it should be a file type that allows for only
the text, if the user already has the image cached.
Heck something like
[Upper: I AM A CAT...; Lower: BUG; ImageTemplate:
could be good. Where the '.png' somehow has a marker
where the upper and lower text should be, and the
Only problem would be broken links... so SVG is still a
better candidate because of its embeddable image
Hence the need for a dedicated filetype just for image
macro containers that allows for modifiable text, but
keeps the image separate for selective transmission to
Plus it would make remixing easier.
Please log in.
If you're not logged in,
you can see what this page
looks like, but you will
not be able to add anything.
||In terms of HTML "style" properties, you can
a "z-index" field, which basically does overlays.
lower z-index number is underneath the higher z-
index number, and the numbers start at 0 and can
as high as you need.
||A little more work than only that is needed,
though. First, specify the HTML container-object
you want to use, such as with a "div" tag. In the
style properties for that tag, you want to specify
"position:relative;". This ensures that the thing
inside the "div" block gets moved around as you
add stuff before it in the overall HTML document.
||Then for each item inside the "div" block, its style
properties should be set to "position:absolute;"
along with details like "top:0px; left:0px; z-
index:0;" (a lot of things can be included in the
group of style properites). The "top" and "left"
values are positions in terms of pixels, and in this
paragraph would be "absolute" with respect to
where-ever the "div" container is located. That is,
no matter where the "div" is located on the overall
HTML page, the upper-left location of that "div"
block has coordinates "top:0px;left:0px;" So,
different things inside the "div" can be precisely
positioned, and when they overlap, the z-index
property lets you decide exactly how they will
||If the whole "div" block is moved around, none of
the items within the block are affected, relative
to each other --all move together as the "div" is
||Yes, it would save TONS of bandwidth.
||All the meme sites need to just set the image & text
to be separate HTML elements, & then all browsers
(& middle-men in the network) will cache the image
||all your ideas are fantastic, especially using existing tech like HTML.
||Only concern is how do you 'share it'? E.g. say you want to download it, for reposting at a random imageboard?