Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Pure CSS Rounded Boxes! (no images, no tables)

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #41  
Old 12-27-2007, 04:27 PM
 
Chill-Tek Chill-Tek is offline
 

Advanced Member
  
Join Date: Jun 2003
Posts: 42
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Quote:
Originally Posted by ramdial
try changing ** PADDING-RIGHT: 22px; *** in skin1.css. this is for wank3r

.VertMenuRightColumn {
VERTICAL-ALIGN: top;
PADDING-LEFT: 20px;
PADDING-RIGHT: 22p



This did help somewhat but now they are in towards the centre too far on some of the pages - particularly seems to be the help pages. I really want to keep this layout but it's needing a few tweeks.... www.autowirez.co.uk
Reply With Quote
  #42  
Old 12-30-2007, 09:10 AM
  PengHead007's Avatar 
PengHead007 PengHead007 is offline
 

Member
  
Join Date: Dec 2007
Location: Virginia Beach
Posts: 23
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Thanks typologist - Your Pure CSS Rounded Boxes worked Great!

I used your code to modify the top tab navigation. I'm NOT a programmer so I surprised myself when it worked. I've included the code below in case anyone wants to use it.

You can see what it looks like here. The store isn't open so please don't try to buy anything yet.
http://www.golingerie.com/home.php?shopkey=1234

The CSS mods for the LINKS don't have any effect. Does anyone know why? I'm sure it's something simple that I'm missing.

I replaced everything in /skin1/customer/tab.tpl with this

NOTE: I'm not sure why but when I save this post a "space" is being insert in the word "title" so if you cut-n-paste you'll need to remove the space.
Quote:
<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"></h1>
<div class="topTabNav">{$reading_direction_tag}{$tab_ti tle}</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>


I added this to /skin1/skin1.css BUT the LINK parts don't seem to have any effect
Quote:
.topTabNav {
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
LINE-HEIGHT: 125%;
}
A.topTabNav:link {
COLOR: #000;
TEXT-DECORATION: none;
}
A.topTabNav:visited {
COLOR: #000;
TEXT-DECORATION: none;
}
A.topTabNav:hover {
COLOR: #FF0000;
TEXT-DECORATION: underline;
}
A.topTabNav:active {
COLOR: #081589;
TEXT-DECORATION: none;
}
__________________
X-cart Gold v4.1.9

Thanks,
PengHead007
Reply With Quote
  #43  
Old 01-10-2008, 10:05 AM
 
sales@webosusa.com sales@webosusa.com is offline
 

Senior Member
  
Join Date: Nov 2007
Location: Australia
Posts: 118
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Did not work on my website.
__________________
Pedro
digitalnotions.i2u.shop
shop.modestclassy.com.au4.1.9 X-Cart
X-Cart
Business 5.3.6.0
Multi-vendor 5.3.6.0


Reply With Quote
  #44  
Old 01-15-2008, 11:28 PM
 
sales@webosusa.com sales@webosusa.com is offline
 

Senior Member
  
Join Date: Nov 2007
Location: Australia
Posts: 118
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Works great now. I change here and there from other MODs that i had installed.

Thanks for the post!
__________________
Pedro
digitalnotions.i2u.shop
shop.modestclassy.com.au4.1.9 X-Cart
X-Cart
Business 5.3.6.0
Multi-vendor 5.3.6.0


Reply With Quote
  #45  
Old 01-15-2008, 11:30 PM
 
sales@webosusa.com sales@webosusa.com is offline
 

Senior Member
  
Join Date: Nov 2007
Location: Australia
Posts: 118
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

By the way...

I use on my product page the TABLE Holder. Contract the tables to be shorter. However this here does not seens to work around that. See here: http://www.webosusa.com/bra/product.php?productid=16148&cat=0&page=1

Can you tell me what can i change?

Almost forgot..... and the tumbnails on feature produts does not show totaly around on TOP of each. Can i change this...? how?
__________________
Pedro
digitalnotions.i2u.shop
shop.modestclassy.com.au4.1.9 X-Cart
X-Cart
Business 5.3.6.0
Multi-vendor 5.3.6.0


Reply With Quote
  #46  
Old 03-09-2008, 08:25 PM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,964
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Wonderful job typologist!

The only issue I'm having is with pagination. I have a 3 column site and when I have more products than 1 page allows the top paginagion works fine but the bottom pagination code is being displayed in the 3rd column instead of the middle column.

Is this happening to anyone else? Has anyone ssolved this yet?

Thanks!

Paul
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
  #47  
Old 03-10-2008, 11:49 AM
 
Freakmode Freakmode is offline
 

X-Adept
  
Join Date: Jun 2003
Location: UK
Posts: 696
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Thanks - worked first time out the trap for us.
__________________
X-Cart 4.7.12 (Live)
Redux Template
CDSEO
Reply With Quote
  #48  
Old 03-12-2008, 06:52 PM
  Vacman's Avatar 
Vacman Vacman is offline
 

X-Adept
  
Join Date: Sep 2005
Location: Torrance, CA
Posts: 792
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Like Paul, I too have the same pagination problem - Check out my site, and go to any of the category listings.
__________________
Carl Tice

X-Cart 4.6.6
X-Payments 3.0
ReBOOT 3.4.1

PHP 5.6.30
MySQL 5.6.35
Linux 2.6.32-042stab120.18
ionCube PHP Loader v4.7.3
Perl 5.10.1
Reply With Quote
  #49  
Old 03-13-2008, 08:16 AM
 
elmirage001 elmirage001 is offline
 

X-Wizard
  
Join Date: Apr 2007
Posts: 1,964
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Quote:
Originally Posted by Vacman
Like Paul, I too have the same pagination problem - Check out my site, and go to any of the category listings.

Hi Carl !

I fixed it on my site by doing the following:

In customer/main/subcategories.tpl find this code at the bottom and you'll see where I commented out the last line which is the second navigation.tpl that was showing in the 3rd column.

Quote:
{ include file="customer/main/navigation.tpl" }
{/if}
<hr size="1" width="100%" />
{include file="customer/main/products.tpl" products=$products}
{/if}
{if $products eq "" and $tmp eq "0"}
{$lng.txt_no_products_in_cat}
{/if}
{/capture}
{include file="dialog.tpl" title=$current_category.category content=$smarty.capture.dialog extra='width="100%"'}
{if $products eq ""}
{if $f_products ne ""}
<p />
{include file="customer/main/featured.tpl"}
{/if}
{/if}
{* include file="customer/main/navigation.tpl" *}

Next, use the following as the new dialog.tpl file. You can see that I added the include file navigation.tpl back but now it's inside the new dialog.tpl

Quote:
{* $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}
&nbsp;</p></div>
<div>
{ include file="customer/main/navigation.tpl" }
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>
{/if}

Let me know if for some reason it does not work for you.

Hope to see you soon!

Paul
__________________
X-Cart GoldPlus v4.7.12 | reBOOT (reDUX) Template v4.7.12.9 | Always The Best
Reply With Quote
  #50  
Old 03-13-2008, 08:38 AM
  Vacman's Avatar 
Vacman Vacman is offline
 

X-Adept
  
Join Date: Sep 2005
Location: Torrance, CA
Posts: 792
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

That fixed it! Thanks Paul!

And yes, we will be seeing you at the Pageant of Our Lord show this coming Wednesday night I believe.
__________________
Carl Tice

X-Cart 4.6.6
X-Payments 3.0
ReBOOT 3.4.1

PHP 5.6.30
MySQL 5.6.35
Linux 2.6.32-042stab120.18
ionCube PHP Loader v4.7.3
Perl 5.10.1
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 12:25 AM.

   

 
X-Cart forums © 2001-2020