Recent Topics

1 Feb 08, 2008 18:03    

My b2evolution Version: 2
I have spent hours (the best part of 3 days) trying to find information in this forum that is not written in what apprears to be swahili or some other strange language that i do not speak.

Does anyone speak plain simple english for the sake of new people that are not familliar with all the ins and outs of b2evo?

I hope so.

Two problems
1
Added Blog logo widget but no image appears.
It askes for
CSS Class Replaces $wi_class$ in your skins containers
DOM ID Replaces $wi_ID$ in your skins containers.

firstly how am I supposed to know what the class is, or what the alternatives are?

Same question with DOM ID

All I want to do is make an image appear.

Problem 2

if you add an image to a post it is automatically centered.

How can I select alternative options that can be selected for the image to appear in the middle of text using float left or float right

ie with text above to the right (in float left mode) and below.

PLEASE replies in simple laymans terms

2 Feb 08, 2008 20:23

Hi bjantiques,

Welcome to the forums.
I know a few languages not spoken by many. I am one out of 40.000 worldwide who can write in Frisian. B2evolution is a multilanguage project and we are very pleased with the users who use their native tongue to communicate.

Let me head over to your questions.

1) For the logo widget you want a picture in the /media/ folder. In the widget settings you can specify the name of the logo.
Furthermore you can add a parameter for the styling. a class or an ID. If you add a classname, say 'mylogo' you can style the logo in css like so:

.mylogo {
border: 1px solid;
}


If you use the ID option you can not only style the logo but also perform some javaScript magic on it.
If you add either do have a look at the resulting sourcecode. That will explain a lot.

2) You can style the images in the css file. On top of my head the class for an image is usually plain 'img' so the styling turns out:

.img {
float: left;
}


but do look in the sourcecode and the stylesheet of your skin what's already there for the images.

Good luck

3 Feb 09, 2008 01:21

Only just we found out there is a flaw in the description of the logo widget:

According to the sourcecode of your blog the image should be in: /blogs/media/blogs/YOURBLOG/logo.gif
According to the description of the logo widget the image should be in /blogs/media/logo.gif.
I expect the description to be wrong, so place the image in /blogs/media/blogs/YOURBLOG/ and I think it will show up.

4 Feb 11, 2008 22:34

Problem 1: Not sure about the Dom ID but the class for widgets is simpler than it appears to be.

If you want to apply a CSS class to your widget, just enter the name of that class in the box. If you don't, or you don't understand css and classes, just leave it alone - you don't have to put anything in either this or the DOM ID box. They are optional.

If you know what class you want to apply, the easiest place to create the class is in the css file style.css which is in the directory of the skin you are using - or just choose a class you are already using elsewhere in your blog.

5 Feb 11, 2008 22:47

Problem 2. This can be solved using CSS, and from your original post I'll assume you're fairly familiar with CSS. And that you know to test it in Internet Explorer 6 before you're sure it works.

The answer is to use the style.css which is in the directory of your active skin, and to change the default css for images. To find out the name of the class which is currently being applied to your images, inspect a rendered page using a suitable tool (such as [url=http://chrispederick.com/work/web-developer/]the web developer toolbar[/url]) and see what class is applied to your images. On my blog it is image_block, and quite a few other skins use this too. Then go to style.css and find image_block. Edit the css for that class, upload style.css, reload your blog and have a look. Repeat until it does what you want with float and position.

6 Feb 14, 2008 11:28

Thank you all for the answers and I really do appreciate the effort made.

Point one was the instructions on where to put the image are confusing so thats fixed.

However for point 2

The answer I was looking for was this.

when you add the image you get

<img src="http............

to get it to float left I finally figured out after going through endless scripts I had to simply add a class.

<img src class="leftmargin" src="http:://.......

This is to be found in the rsc\css\img.css

Any one that has no idea on scripts will never find this.

Now do you all understand what a plain english answer is?

Ps by the way Afwas although I live in Belgium I am English.
Dont think i want to try the Frezian lol I have enough trouble with the differences between Nederlands and Vlams :lol:

7 Feb 14, 2008 12:21

No No No
At the $wi_class$ box fill in something like "something".
Now you can style the image with:
img.something {
float: left;
}
It's that easy.

Greetz

9 Feb 14, 2008 22:29

Hi EdB

Well as I said I spent the best part of 3 days searching and those 3 links certainly didnt come up in the results.

and YES before you show your arogance again as you did in the other posts I did try various search terms.

It would help people a lot if the manual was not such a half assed peice of trash

For every one else thanks again


Form is loading...