Recent Topics

1 Sep 04, 2007 23:46    

My b2evolution Version: 1.10.x

Hello,
I'm trying to modify crystal_glass to make a 3 colonns skin. But I do not success.
http://s150188918.onlinehome.fr/blogs/index.php?skin=crystal_glass_3

I added a new style for the left sidebar.
How can I align the main area on the top of the page ?

2 Sep 05, 2007 00:39

Try putting a <br /> inmediately after the first figure you have in the left bar:

<img src="http://s150188918.onlinehome.fr/blogs/media/blogs/rolling/bk_gruul.jpg" width="200" height="100" /><br />
	<img src="http://s150188918.onlinehome.fr/blogs/media/blogs/rolling/bk_karazhan.jpg" width="200" height="100" /><br />

So that the second figure goes below, not besides the first.

3 Sep 05, 2007 11:35

I removed the pictures. Still the problem.

4 Sep 05, 2007 12:08

I had a quick look and got the impression that your using .bsideItem in your left column.... I think this, with a few other issues is causing conflict.

You really have to get specific about the ID's for your columns, be they left , middle or right.
As it is now. you have a bSideItem div on the left column as well as the right column.
Your first div in the left column is lbSideitem however your next grouping is bSideItem.

Basic housekeeping with CSS

It's looking better than it did earlier :)

6 Sep 05, 2007 18:15

Thanks for the help.
I found the problem, in _main.php I changed
<div id="bSideBar"> to <div class="bposts">
<div id="bposts"> to <div class="bposts">

What's the difference between div id and div class ?

Now I should update the margin and the padding, I will reduce a little the larger (it's 20 pixels too large for 1024 screens), and I will populate the left side bar.

I have a lot of ideas and too many time >:(

7 Sep 05, 2007 18:20

slamp wrote:


What's the difference between div id and div class ?

In general: if you want to point to one item, use id, if you want to a group of items, use class.
When styling, class is preferred. You only *need* id if you use javaScript.

So 'posts' is definitely a class, but 'post number 15' would be an id.

Good luck

*edit*
I reread your post. If this was the problem then you should look at the corresponding css. An id is called through '#' and a class is called through '. '
So you have:

css:
div#15 {
// <div id="15">
}
div.15 {
// <div class="15">
}

8 Sep 08, 2007 23:43

You were right Afwas, the problem was at the corresponding css.
Anyway, I got a demo of a 3 colonns skin based on crystal Glass : http://s150188918.onlinehome.fr/blogs/ (It's a little too large for 1024 screens, I will try to reduce it, before releasing it)

Slamp
Ps: it's a french blog about raiding in world of warcraft.

9 Sep 09, 2007 01:59

Well done, slamp.

Everything seems perfectly aligned. It looks nice this way.


Form is loading...