Hello,
I like that theme, it's perfect for me, but i would like to have a more web 2.0 (like 3d) look. How to make a round corners and other stuff like that ?

Comments

bradlis7’s picture

bradlis7 commented
Category: task » support
Status: Active » Fixed

Make rounded corners by using: http://www.html.it/articoli/nifty/index.html

You'll have to make an image to make it 3d looking, but I've never messed with it before. The best way would be to find a website that has it, and figure out how they do it.

chazz’s picture

chazz commented
Status: Fixed » Active

Thanks for your help,
Can you give me the tip where to put that code to make a main corners rounded, please

The basic idea of Nifty Corners is to get some coulored lines to get the rounded effect. This is the markup to get a rounded div:

<div id="container">
<b class="rtop">
  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>

And here's it the basic CSS:

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

Thank you.

chazz’s picture

chazz commented

Please, anybody can help with that ? I can donate $10.00 for all round corners for that theme.

qqboy’s picture

qqboy commented

css3 html5