custom border image around images created with [img] tags

[bhxtyrant]

Hey guys,Hope this is the right place but i am trying to do something but am in the dark on how.

Basically i want to edit the default code used to [img] tags.I would basically like to add my own custom border image to it so when an image is posted using the [img] tags the border will be displayed around images.However i am unsure of how to go about this.I know how to code it i just dont know there to find the code that does this.Any help would be great.Thanks

[The-Ensemble]

I'd suggest creating a BB code. Much easier and then you can always create various version and borders with bb codes :P

[bhxtyrant]

EDIT:After thinking this over more i think you are right.So that leaves one question.I created a custom BB code which works for displaying images with the border i wanted.However i havent got a clue on how to make images "clickable links" so a thumbnail can direct to the full image.Any help would be great.

[bhxtyrant]

bump

[The-Ensemble]

well thats a toughish one.
Why not link the image to the thumbnail, so a thumbnail shows up and link that thumbnail to the full image?

[bhxtyrant]

Hello again,
Thats actually what i am trying to do but either i did something wrong or it isnt working correctly.When i add the thumnail image that works fine but when i try to link it to the full image it just wont work and messes up the custom bb tags.Could you perhaps post an example so i can double check to see if mine is correct?

[The-Ensemble]

Now I'm getting kinda confused try to sort this one out. I'm thinking maybe create a justify box, and insert your thumbnail inside it, So the border wraps around it leaving no gaps and have the thumnail linked to full sized image using a [url=http://blah.com/blah.jpg[/url] around the img coding.

[bhxtyrant]

This is the code i am using for my custom BB code.It works fine for images/thumbnails but it will no work when trying to add a hyperlink.Hope this helps clear up your confusion.

Title-Content Image
Tag-Cimage
Replacment-
<table cellpadding="0" cellspacing="0" style="display: inline; margin:5px; margin-top:5px;">
<tr>
<td width="4" height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_top_ls.jpg"></td>
<td height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_top_mid.jpg"></td>
<td width="4" height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_top_rs.jpg"></td>
</tr>
<tr>
<td width="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_left.jpg"></td>
<td></td>
<td width="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_right.jpg"></td>
</tr>
<tr>
<td width="4" height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_bot_ls.jpg"></td>
<td height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_bot_mid.jpg"></td>
<td width="4" height="4" background="http://www.wumbrella.com/forum/images/re-wu/mainfiles/fr_bot_rs.jpg"></td>
</tr>
</table>

Use Option-No

[Kirk Y]

Find in "includes/class_bbcode.php":

function handle_bbcode_img_match($link)
	{
		$link = $this->strip_smilies(str_replace('\\"', '"', $link));

		// remove double spaces -- fixes issues with wordwrap
		$link = str_replace('  ', '', $link);

		return '<img src="' .  $link . '" border="0" alt="" />';
	}

Replace with:

function handle_bbcode_img_match($link)
	{
		$link = $this->strip_smilies(str_replace('\\"', '"', $link));

		// remove double spaces -- fixes issues with wordwrap
		$link = str_replace('  ', '', $link);

		return '<span class="post"><img src="' .  $link . '" border="0" alt="" /></span>';
	}

Now go into your AdminCP -> Styles and Templates Manager -> Choose Main CSS from the Style Dropdown.

Scroll down to Additional CSS Definitions and add this:

.post image{
	border-style:dashed;
	border-color:red;
	border-width:1px;
      }

[bhxtyrant]

Thanks acid but that doesnt help me to much as i dont want a css border i want a border made of custom graphics that i have made.See the code in my post above yours to see what i mean.