Results 1 to 3 of 3
  1. #1
    Join Date
    Nov 2009
    Posts
    34
    Plugin Contributions
    0

    application error Rounded Corner Borders

    I am trying to add rounded corner borders. It is very easy and have used it before in another site.

    The problem is that i cannot figure out where in my stylesheet i should add the rounded corner border code.


    PHP Code:
     .pmb1_b, .pmb1_s {font-size:1px; }
        .
    pmb1_1, .pmb1_2, .pmb1_3, .pmb1_4, .pmb1_b, .pmb1_s {display:blockoverflow:hidden;}
        .
    pmb1_1, .pmb1_2, .pmb1_3, .pmb1_s {height:1px;}
        .
    pmb1_2, .pmb1_3, .pmb1_4 {border-stylesolidborder-width0 1px; }
        .
    pmb1_1 {margin:0 5px; }
        .
    pmb1_2 {margin:0 3pxborder-width:0 2px;}
        .
    pmb1_3 {margin:0 2px;}
        .
    pmb1_4 {height:2pxmargin:0 1px;}
        .
    pmb1_c {display:blockborder-stylesolid border-width0 1px;} 
    I have added it in my template stylesheet but it does not work.

    Is there any certain place to add my code or just drop it somewhere in the stylesheet?

    Im using cherry_zen template.

  2. #2
    Join Date
    Nov 2009
    Posts
    34
    Plugin Contributions
    0

    Default Re: Rounded Corner Borders

    ok, now that i figured this out i got another problem....

    Ok, here it is. I have the rounded corner boxes. I have the marquee. Now the problem is that i get this result :

    ___
    |___|
    ___
    |___|
    ___
    |___|


    Boxes , each below the previous.

    what i need is boxes in the same line like :

    ___ ___ ___ ___
    |___||___||___||___|


    My code it like that :

    PHP Code:


    <marquee behavior='scroll' direction='left' ONMOUSEOVER='this.stop();'
                
    ONMOUSEOUT='this.start();'><td>

    <!-- 
    begin PhpMyBorder -->
    <
    div style="width: 300px;">
     <
    b style="overflow:hidden; font-size:1px; display:block;height:1px; margin:0 5px; background:#fff; color: inherit;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px; border-style: solid; border-width: 0 1px; border-left-color: #fff; border-right:1px solid #eee; margin:0 3px; border-width:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-left-color: #fff;border-right:1px solid #ddd;margin:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;border-style: solid; border-width: 0 1px; border-left-color: #fff; border-right:1px solid #aaa;margin:0 1px; height:2px;"></b>
     <
    div style="background: #DDEEFF; color: inherit; padding: 0 4px; display:block;border-style: solid; border-width: 0 1px;border-left-color: #fff;border-right-color: #999;">
      <
    b style="height:1px; display:block; font-size:1px;"></b>
    <
    img src='http://www.beautyhealth.com.cy/images/77011.jpg' height='100px' width='100px'><font color=green>Model:77011</font> <font color=rgb(62,154,245)>Price:<b>&#8364;21.00</b></font>
      
    <b style="height:1px; display:block; font-size:1px;"></b>
     </
    div>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #eee; margin:0 1px; height:2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #ddd; margin:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #aaa;margin:0 3px; border-width:0 2px;"></b>
     <
    b style="overflow:hidden; font-size:1px; display:block;height:1px;margin:0 5px; background:#999; color: inherit;"></b>
    </
    div>
    <!-- 
    end PhpMyBorder -->


    <!-- 
    begin PhpMyBorder -->
    <
    div style="width: 300px;">
     <
    b style="overflow:hidden; font-size:1px; display:block;height:1px; margin:0 5px; background:#fff; color: inherit;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px; border-style: solid; border-width: 0 1px; border-left-color: #fff; border-right:1px solid #eee; margin:0 3px; border-width:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-left-color: #fff;border-right:1px solid #ddd;margin:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;border-style: solid; border-width: 0 1px; border-left-color: #fff; border-right:1px solid #aaa;margin:0 1px; height:2px;"></b>
     <
    div style="background: #DDEEFF; color: inherit; padding: 0 4px; display:block;border-style: solid; border-width: 0 1px;border-left-color: #fff;border-right-color: #999;">
      <
    b style="height:1px; display:block; font-size:1px;"></b>
    <
    img src='http://www.beautyhealth.com.cy/images/77010.jpg' height='100px' width='100px'><font color=green>Model:77010</font> <font color=rgb(62,154,245)>Price:<b>&#8364;23.00</b></font>
      
    <b style="height:1px; display:block; font-size:1px;"></b>
     </
    div>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #eee; margin:0 1px; height:2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #ddd; margin:0 2px;"></b>
     <
    b style="background: #DDEEFF; color: inherit; overflow:hidden; font-size:1px; display:block;height:1px;border-style: solid; border-width: 0 1px;border-right-color: #999;border-left:1px solid #aaa;margin:0 3px; border-width:0 2px;"></b>
     <
    b style="overflow:hidden; font-size:1px; display:block;height:1px;margin:0 5px; background:#999; color: inherit;"></b>
    </
    div>
    <!-- 
    end PhpMyBorder --> 
    This piece of code creates 2 boxes one under other.... I need one next to other.... what seems to make the boxes change the line ???

  3. #3
    Join Date
    Nov 2009
    Posts
    34
    Plugin Contributions
    0

    Default Re: Rounded Corner Borders

    since no one answers i have decided to go with just one box and marquee everything within one box.

    now this is a whole new php file, all the coding is in that file, php file which echo html back.

    you can see this in operation here : http://www.beautyhealth.com.cy/testgal7.php

    Now i want to show that output on my main page through that php file....

    How can i do that?

    i have tried to add this code
    PHP Code:
    <?php
    include("testgal7.php");
    ?>
    in my mainpage via the define pages admin but at soon as it reached that line the rest was blank....

    PLEASE SOMEONE HELP !

 

 

Similar Threads

  1. Rounded Borders Using Snazzy Borders
    By Lawbird123 in forum Templates, Stylesheets, Page Layout
    Replies: 71
    Last Post: 30 Jul 2010, 01:37 PM
  2. Rounded Corner Border mainWrapper
    By ryanb4614 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 4 Jul 2009, 01:43 AM
  3. How to make box header rounded corner
    By rockwellhuang in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Aug 2008, 07:51 AM
  4. Rounded corner sidebox issue
    By davidc304 in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 12 Jan 2008, 03:11 AM
  5. rounded corner borders for sideboxes
    By sparkyclark in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 19 Jul 2006, 04:41 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR