Predefined border around the images [Archive]

View Full Version : Predefined border around the images

Cosmo

06-12-2006, 05:54 PM

hey,

Is it possible to have automaticly a border around my image like this:

http://jan.aczele.be/BD/BD2.JPG ?

So, when i upload a normal pic, he displays the image with this border that includes the exif and name of the author?

Understand?

my photoblog: http://jan.aczele.be

Grtz
Cosmo

Joe[y]

06-12-2006, 05:58 PM

it would be a very complicated addon involving php image manipulation to create an image with your name and exif info on if that's what you are after.

you could probably do an easy alternative with css.

codepoit

06-12-2006, 06:02 PM

I agree...although the border should be simple enough to do using CSS as suggested. If the author is always the same person, that's also very doable. The tricky part would be the exif info, I think...

Joe[y]

06-12-2006, 06:07 PM

if image were always the same size the exif would be easy but iassume the images would vary in size - it would take some skillfull css magic to make it work right i think. personally i would float the image and the exif / name etc over a padded element with a border (width and height are defined by the <IMAGE_WIDTH> and <IMAGE_HEIGHT> tags respectively. that would be the only solution with css that i would suggest.

Connie

06-12-2006, 08:32 PM

in image_template.html:

set the image into a div with a defined solid border
add the author's name in that div as well

in that div place the image "centered" (margin auto for all sides)

that is not very complicated

Cosmo

06-13-2006, 04:33 PM

Can you give an example? Can you give the tags to become this (http://jan.aczele.be/BD/BD2.JPG) (font = FuturaTee size 32).

i know nothing about css :)

You would be my hero :d

grtz
Cosmo

Connie

06-13-2006, 08:20 PM

Cosmo,

FuturaTee size 32 is no font which you should use in a website, I am sure your readers will not have this font at their computer

you should only use fonts which are common (read some HTML manual about fonts in websites)
I made an example for you, have a look at http://www.bildgier.de/technik/example/

here is the code, I expect that you will find out the principle of it and that you start to learn that

it is not enough to say: "I do not know that", it is necessary to say "I will understand that" (old indian saying..)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>example</title>
<link rev="made" href="mailto:">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Cornelie Müller-Gödecke">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">

</style>

</head>

<body>

<div id="content">

<div id="bildrand">
<img id="bild" src="photo.jpg" width="400" height="300" title="my dog" alt="my dog">

<br clear="all" />
<p>Author's name</p>
</div>

</div>
</body>
</html>