Re: Pure CSS Rounded Boxes! (no images, no tables)
Thanks, this is great!
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
HI,
I Just install 4.2.1 and can i use this same code? Thanks, |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Read back through the thread there should be an updated version that should work for 4.2 and in theory 4.2.1
If there isn't then the code for the 4.1 version I know is NOT the same. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
HI, I want to do the same but i can not see any boarder around the product? yes, i follow the Post #1 |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Thanks guys all sorted
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
i did all the above but still i got 3-4 lines for product Name? how do i set to 2 lines and More... sort of thing I found some other post to truncate: 300.....etc etc but didn't work too?8O |
Re: Pure CSS Rounded Boxes! (no images, no tables)
yes found the answer. it is in products.tpl
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
This would be really nice to get completed and fixed for version 4.2.1 Please let me know. I know I would greatly appreciate it :) at least for the .dialog
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Looks very nice on the sites here - what are the chances of a 4.2.2 rounded corners release?
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Has anyone come up with rounded corners for 4.2? I tried the code in this forum topic, but it did not do anything. Any help would be greatly appreciated as my customer is demanding rounded corners.
Thanks, Jeff |
Re: Pure CSS Rounded Boxes! (no images, no tables)
hmmm... please :) 4.2 please
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Been asked for this many times, so I have this mod available if anyone's interested. Makes the job very easy, with minimal markup.
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
use this for 4.2 menus
<div class="menu-dialog{if $additional_class} {$additional_class}{/if}"> <div class="xrounded"> <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"> <h1 class="color_a">{if $link_href}<a href="{$link_href}">{/if}{$title}{if $link_href}</a>{/if}</h1> <div> {$content}</div> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b> <b class="xb2"></b><b class="xb1"></b></b> </div> </div> |
Re: Pure CSS Rounded Boxes! (no images, no tables)
or (for v4.2.x)....
Code:
Mods - replaced entire contents to make rounded boxes *} The difference is the "additional classes" and the break tag at the end. Sometimes its needed, and sometimes its not. Yoou can tell you need one if you have a "blank" spot at the bottom of your rounded box. You can use the same code for your customer/dialog.tpl and customer/menu_dialog.tpl. Just remember, it will screw up your checkout page, the one were it asks if you are a returning customer or a new one. What I did was use the original customer/dialog.tpl (renamed to flc-dialog.tpl) and called it in skin1/modules/Fast_Lane_Checkout/checkout_0_enter.tpl. You can also change the colors between the two (menu and main page dialog) by adding the classes xboxcontent2 (for the main background) and color_b (use it at the bottom instead of color_a), making them whatever color you choose (everything else is the same). |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Great info for 4.2
Quick question though, when I implemented the code my menu items changed from: Left justified with no bullets to Centered with bullets Any ideas? |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
Its probably the "additional class" thing. If you look at your .xboxcontent class in your stylesheet it probably doesn't have any settings for "li" or "ul" (those are called in the tpl for the particular "box" you are working on). |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Great mod-just can't figure out how to completely fill the boxes with a backround color-it seems to come up short at the bottom of all the boxes. Any ideas?
www.icai-online.com |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Probably the border colour of the menu, change the border to the same as the background
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Tim
Thanks for the quick response. I changed the border-left: 1px & border-right: 1px colors to the same color as the background color in the xboxcontent string and it made no difference-any other idea's? Thanks |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
What I did was add .color_b { background:#000; /* Change the bottom part color here*/ } to my skin1.css and modified my menu.tpl so that at the bottom it is <b class="xbottom"><b class="xb4 color_b"></b><b class="xb3 color_b"></b> <b class="xb2 color_b"></b><b class="xb1"></b></b> </div> You shouldn't have to mess with your borders. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Thanks-made the changes and works great in Firefox 3.5 but I lose the left and right borders (but not the bottom border) in IE 8-any idea why?
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
Thanks again-got the IE8/Firefox problem worked out; it was a couple missing spaces between the "solid" and "color" hex number. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Is the code on page 1 of this post suitable for my v4.1.11 website?
The reason I want to replace my rounded corner images and boxes with pure CSS rounded boxes is to improve page load speeds and remove unnecessary images. The menus should look exactly the same as they do now. Is this worthwhile? I am not very good at css, but I could follow the step by step instructions on page 1 if they still work. Please help! |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Hello.
thank you for your post. Did anyone try it with 4.23 of 4.3? Are there any mod to make side bar menu with rounded corner? Are there any other posts on same topic? thank you. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
did anyone tryid it with 4.23? I have some problem. I need ot have BG color and cusotm rounded image for header. Aslo it break side border almost at the end of each blockhttp://www.webredesignpro.com/images/ROUNDED-CSS.jpg Could you be so kind and give me some advice. thank you. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
Please post link to I we can see it. Is it paid or free mode? Do you have demo? thank you. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
1 Attachment(s)
Just need a little help-this mod workes perfect for me in IE8 but when I use Firefox 3.5 the bottom border of the center boxes is seperated from the rest of the box. This doesn't happen on the home page, just any subcategory page and only in the center box-the right and left vertical boxes display fine in both IE8 and Firefox. You can see this in action at: http://www.icai-online.com/series-1-1-1.5-2hp/. The code has been checked several times and I can't find any bad code and it does work correctly in IE.
Anybody have this problem? Any help would be appreciated. Thanks Wayne Here's a screen shot: http://forum.x-cart.com/attachment.php?attachmentid=1833&stc=1&d=126490986 3 |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Try adding a break tag to the bottom div, like this
Code:
{* |
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
I tried adding the break tag-it didn't fix the problem. Here is my dialog.tpl code: {* $Id: dialog.tpl,v 1.25 2005/12/20 08:50:49 max Exp $ *} {if $printable ne ''} {include file="dialog_printable.tpl"} {else} <div class="xrounded"> <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"> <h1 class="color_a">{$title}</h1> <div>{$content} </p></div> </div> <b class="xbottom"> <b class="xb4 color_b"></b> <b class="xb3 color_b"></b> <b class="xb2 color_b"></b> <b class="xb1"></b> </div> {/if} If you see anything that would fix the problem I'd appreciate it. Thanks! |
Re: Pure CSS Rounded Boxes! (no images, no tables)
JWait
Found the problem-it was the </p> tag in the middle of the code; thanks for taking a look. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Sorry I didn't catch that... I should have.
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
Thanks for this great MOD i have managed to use the code in all other places but i cant use in Rounded Boxes in product list page
I am using 4.3.1 and i cant find this code <table cellpadding="3" cellspacing="0" width="100%"> <tr> <td height="100" nowrap="nowrap"> <a href="product.php?productid={$products[product].productid}&cat={$cat}&page={$navigation_p age}">{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=$products[product].tmbn_x|default:$config.Appearance.thumbnail_width image_y=$products[product].tmbn_y product=$products[product].product tmbn_url=$products[product].tmbn_url}</a> {if $active_modules.Special_Offers ne "" and $products[product].have_offers} {include file="modules/Special_Offers/customer/product_offer_thumb.tpl" product=$products[product]} {/if} </td> </tr> </table> i have looked in customer/main/products_t.tp, customer/main/products.tp, customer/main/products_list.tp Thanks for help |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Hi All, I am very new to this and can't get the rounded boxes to work at all, at best all it does is totally remove the boxes in the admin section. Please help as I am an absolute beginner.
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
CSS and JS methods for you...
http://forum.x-cart.com/showthread.php?t=53519 |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Will not work on Safari??How to work smoothly on all browser??
Any solution?? |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Works perfect on all browser,problem solved.Thanks Jwait for your solution http://forum.x-cart.com/showthread.php?t=33828&page=18
post#174.Works perfect in 4.3.2. |
Re: Pure CSS Rounded Boxes! (no images, no tables)
Any update for latest 4.4.x version?
|
Re: Pure CSS Rounded Boxes! (no images, no tables)
This has nothign to do with cart version. Just google "css rounded corners generator" to find how to do with simple css
|
All times are GMT -8. The time now is 07:56 AM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.