Dragonfly Eesti

I'm starting a new DF site with reDesign 3 so I can use the benefits of integrated forums, language support and the gallery.

I'd like to eventually make the site look something like this: 188.65.112.140/~mouygite/lonetree/ with the image in the background and the content scrolling happily in front of it. How would I do that with reDesign? I'd also like to have the centre blocks with rounded edges centred in the middle, probably with no blocks either side. Could you give me some clues how to achieve that?

The other option is to go for something like this: 188.65.112.140/~mouygi...ssageway/. I really want to try and get something that doesn't look like a CMS and I think reDesign3 will allow me to do it.

The buttons will be the next thing but I think I can see some other sites that have something similar that I can work from...

Thanks in advance,

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

The design you show uses 2 elements for background, so you can do the same in reDesign.

One thing you can edit is html element in style/mainstyle.css and other could be body element (in case you don't need expanded header too anymore) in that same file or you could add extra container... you still have to do it pretty much yourself. What reDesign can do for you is provide OK templates for other areas already.

And then lessen the width of #maincontainer maybe if you want to.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

Thanks Madis - I guess I'll be using reDesign as the starting point and working from it. Is the html element in style/mainstyle.css where I will add a background then?

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

The background you gave contains of two images actually, so that the sky would fill the rest of the screen if there is quite high resolution. So html would be one of the background image holders, yes. And other one could be body (or something inner if needed).

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

- Madis

The design you show uses 2 elements for background, so you can do the same in reDesign.

One thing you can edit is html element in style/mainstyle.css and other could be body element (in case you don't need expanded header too anymore) in that same file or you could add extra container... you still have to do it pretty much yourself. What reDesign can do for you is provide OK templates for other areas already.

And then lessen the width of #maincontainer maybe if you want to.

Is #maincontainer already defined or do I need to define it? If I add another style holder where would I add that into the html ?

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

Yes, #maincontainer is in style/style.css

If you add another style holder (div), you should add that where it's exactly needed, probably just another container before/after #maincontainer for example.


The reason there is style.css and mainstyle.css as separate files comes from Forums printing view automatically opening style.css file (hard-coded to core). So for not ruining that printing view, I added another css file, mainstyle.css, as well.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

Madis,

I'm making some progress - 188.65.112.140/~mouygi.../index.php

Next question - how do I get the blocks and modules to show the rounded corners with the background showing behind? Rounded corners seem to be defined in the css but I don't know how to get them to display.

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

Depends. Do you want to support Internet Explorer below version 9 too? In that case it's gonna be tricky (or you could use javascript).
Else you could just add border-radius to #maincontainer.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

Madis,

Didn't even know there was a version 9! What does all the rounded corner stuff in CSS do? Is that all for IE9+?

I'll try the border-radius stuff.

Incidentally I never get emails of replies to topics from your site even after I've ticked the button to subscribe...

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

The version 9 of IE is still in beta and not coming too soon.

border-radius is supported by Opera, Chrome and Firefox (mox-border-radius) stable versions at the moment. reDesign uses the half transparent images for forums instead at the moment, which have page background (white) and transparency. As you have image as background you could swith the colouring and have transparency for outside part, but you also have transparency for content background, so that would leave marks.

So I would suggest using border-radius, as boxy corners in IE wouldn't ruin your page looks (I think).

Good luck!



Thanks for reporting the issue with mail, I'm not having them either.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

Thanks Madis - will keep plugging away at it. Incidentally reDesign2 seems to show rounded corners - see www.chantillyexpat.com/

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

It uses the same method as forums.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1