Recent Topics

1 Feb 15, 2007 23:23    

My b2evolution Version: 1.9.x

Okay. I was trying to write a blog post. Was hoping to include a picture with a comment in the same blog. At first was going to use a script that sharank and expanded the image when clicked on. Then that didn't work, so I thought I'd do something simple.

I wrote up a table within a table, mainly cause I wanted the border around the image to be doubled. But when I clicked on preview I get an error saying the <a> tag can't be within the <table> tag. WHAT!?

So is there anyway to get around this? What I want is sorta like this:

http://img.photobucket.com/albums/v726/Gararion/example.jpg

2 Feb 16, 2007 00:32

Yes, depending which skin you use.
in the "rsc" folder is a css file names img.css
The CSS you need to "alter" is...

img {
	border:none;
}

img.top {
	vertical-align:top;
}

input.middle, /* for image types */
img.middle {
	vertical-align:middle;
}

img.leftmargin {
	float:left;
	margin-right:1ex;
	margin-top:.2ex;
	margin-bottom:.2ex;
}

img.rightmargin {
	float:right;
	margin-left:1ex;
	margin-top:.2ex;
	margin-bottom:.2ex;
}

.img can be given any border treatment you like and the .leftmargin or .rightmargin will position that image in your post.

You don't need tables in 2007 :)
An example that is floated left and has a border
http://wow-factor.com/index.php/9rules_updates

3 Feb 16, 2007 01:25

Okay. So I edit my img css file so it has that in it. Then in the blog, what will the code be? < img src = "url" what after this? >

Also, is is possible to have the image open in a new window that is sized/ Bassically so when a user clicks on a thumbnail of the image, it opens a smaller window up with the image and a small description below? I know how to make the html page for the page I want it to open, what I am having trouble with is opening a sized new page within a blog post.

4 Feb 16, 2007 01:45

Simple... just add the class to your image link. Example for floating it right.

<img src="http://you.com/media/users/you/yourimage.jpg" alt="My Image" title="This is my Image" class="rightmargin" />

5 Feb 16, 2007 01:54

Thanks

Do you have any suggestion with the other question?

I was thinking of making a a css for links. Would this work?

7 Feb 16, 2007 02:29

Gonna look at the Image Zoom.

As for the links. It would be basically when yu click on thumbnail, it opens a new widnow with the image in a window that is the same size. Though when I think of it, I may have to just open in in a plain new window as I may want to add a description.

8 Feb 16, 2007 04:23

Okay. So I looked at that site and it is exactly what I want! But in attempts to install it, I ran into a few problems. Hopefully someone can help.

These are the errors I received:
* Tag <div> may not have attribute style
* Tag <a> may not have attribute onclick
* Tag <span> may not have attribute style
* Tag <span> may not have attribute style

Not these are the steps I did:

1) I went [url=http://randsco.com/_miscPgs/cssZoomPZ3.html]here[/url] and copied the CSS code and pasted it into my img.css file found within the rsc folder on my web server.

2) I then for testing purposes, copied the xhtml code found on the same page as above into my blog and clicked on preview.

3) In the preview I got the above mentioned errors.

So is there a way of allowing those within a post the the code would work?

9 Feb 16, 2007 05:45

I suggest you make contact with forum member "stk", the creator of the image zoom effect.

10 Feb 16, 2007 06:25

thanks. I emailed them through their website "Contact Us" Link but do you think it would be better to PM him through here?

11 Feb 16, 2007 06:50

You might want to search these forums for photozoom with stk in the name field. ;)

12 Feb 16, 2007 08:00

Okay, checked various threads and the only info I can come up with is the same stuff he has on his site. But that is for PZ2. Unless I missed something...

13 Feb 16, 2007 10:05

If you nag Stk enough he might just get of his arse and finish the writeup for the pz3 plugin so that we can release it ;)

¥


Form is loading...