round corners

[oxicottin]

Hello, I just have a question and thought someone would have an answer. I like the look of rounded corners and was woundering how it was done? Is it done with an image or CSS. What files would I look at to lets say do the sideboxes rounded or the header rounded ect....

Thanks,

[clydejones]

Hello, I just have a question and thought someone would have an answer. I like the look of rounded corners and was woundering how it was done? Is it done with an image or CSS. What files would I look at to lets say do the sideboxes rounded or the header rounded ect....

Thanks,

For rounded corners using only CSS take a look here:

www.cssplay.co.uk/boxes/snazzy.html

and here:

www.cssplay.co.uk/boxes/snazzy2.html

For rounded corners using images check out the Future Zen template in the downloads section. The image source files are also available in downloads section

[oxicottin]

once again thanks clyde! Very usefull info..

What files would I put the div tags into to do the outside of the whole center section? also where for the sideboxes as well?

Thanks,
Chad

[clydejones]

[QUOTE=oxicottin;423335]once again thanks clyde! Very usefull info..

What files would I put the div tags into to do the outside of the whole center section? also where for the sideboxes as well?

Thanks,
Chad[/QUOTE

for the sideboxes - includes/templates/YOUR_TEMPLATE/sideboxes/ Any of the files in that folder.

for the center section - includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

[clydejones]

once again thanks clyde! Very usefull info..

What files would I put the div tags into to do the outside of the whole center section? also where for the sideboxes as well?

Thanks,
Chad

Take a look at this thread Also

[oxicottin]

Clyde, It works for the sideboxes but where and what I place for the main wrapper?

[clydejones]

Clyde, It works for the sideboxes but where and what I place for the main wrapper?

This one is a bit more complicated:

open includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

find this line of code:

<!-- bof breadcrumb -->

Just above this add the following:

<div class="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">

Now find the following section of code:

<?php
/**
* prepares and displays center column
*
*/
require($body_code); ?>

<?php
if (SHOW_BANNERS_GROUP_SET4 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET4)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerFour" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?></td>

Just before the </td> add:
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>

[oxicottin]

Clide I see what your talking about in the files but im having a diferent issue. Im running wamp5 for a localhost and cant seem to get a custom template to work right. it looks fine in IE7 but in firefox it looks like THIS Do you have any clue as to why? I followed the instructions HERE and did exactly what was specifyed. I use firefox firefly to view before I make changes. Thanks!

Oh I havent made any changes to any files and the immage show up in the contemperary green in IE but all messed up in firefox? My other site I have on the localhost is working fine in both?

[clydejones]

Clide I see what your talking about in the files but im having a diferent issue. Im running wamp5 for a localhost and cant seem to get a custom template to work right. it looks fine in IE7 but in firefox it looks like THIS Do you have any clue as to why? I followed the instructions HERE and did exactly what was specifyed. I use firefox firefly to view before I make changes. Thanks!

Oh I havent made any changes to any files and the immage show up in the contemperary green in IE but all messed up in firefox? My other site I have on the localhost is working fine in both?

sorry, I use xampp and I'm not familiar with wamp5

[oxicottin]

Thats ok I will get it worked out! I posed the question in windows server. Ayway, I altered the php file and im going to add the code to the stylesheet.css and wanted to know if this code was right?

.xsnazzy {
background: transparent; 
width:240px; 
float:left; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}