Moodle Theme - Rotation of sideblocks

[wesleyw]

I've been working on a postit note/pin board theme to make our moodle installation a little more fun however although I have sorted out real time rotation of the profile image I cannot do the same for the blocks I'd like to rotate them through negative or positive 30 degrees (I have CSS for both IE and Moz/Chrome/Opera) I cannot rotate anything but the header of the block in IE whereas Moz works fine, any ideas how I could accomplish this?

 

Thanks

 

Wes

[wesleyw]

Well I have sorted out the rotation I was using relative positional values and these were overiding the IE transform css code.

 

I now have another issue (surprise surprise) I'd like the left block and the right block to be completely seperate as I want the right to rotate 10 degrees but the left -10 is this possible?

 

 

 

Wes

[danIT]

Well the left column and right column have there own ID, #left-column and #right-column so you could target left and right blocks independantly.

[wesleyw]

Thankfully I've managed this however I have problems with the rotation and having more blocks as these don't align correctly just wondering if in CSS you can fine your position on the page relative to the site overall so say for the right hand block (which has relative positioning) can you work out where you are on the page overall and then do some slight of hand coding to help the blocks align? I think I may have to rethink the theme design otherwise I'll post a screen shot of what I have so far.

 

 

 

Wes

Edited June 7, 2011 by wesleyw

[beeswax]

I may be misreading what you're saying, but if you look at a real noticeboard you'll see that individual items don't align. The web does shiny very well, the natural is a little more difficult. I think it looks good so far. Edited June 7, 2011 by beeswax
Adding a thumbs up

[wesleyw]

sorry i meant that the headers of blocks and the content of those blocks don't align (the front page does at the moment but if you add more blocks it becomes a little tricky)

 

Wes