1. We have moved from vBulletin to XenForo and you are viewing the site in the middle of the move. Though the functional aspect of everything is working fine, we are still working on other changes including the new design on Xenforo.
    Dismiss Notice

Rounded Corner with CSS and No Images

Discussion in 'JavaScript and AJAX' started by Izaan, May 11, 2009.

  1. Izaan

    Izaan New Member

    I had a code which creates rounded corners without any Javascript and images but could not find it anymore and so can you guys share something.
     
  2. shabbir

    shabbir Administrator Staff Member

    I have this code in my PC which worked for me

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>New Document</TITLE>
    <style>
    .hWcur {background: transparent;}
    .hWcur .b1, .hWcur .b2, .hWcur .b3, .hWcur .b4{display:block; overflow:hidden; font-size:1px;}
    .hWcur .b1, .hWcur .b2, .hWcur .b3{height:1px;}
    .hWcur .b2, .hWcur .b3, .hWcur .b4{background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .hWcur .b1{margin:0 5px; background:#cccccc;}
    .hWcur .b2{margin:0 3px; border-width:0 2px;}
    .hWcur .b3{margin:0 2px;}
    .hWcur .b4{height:2px; margin:0 1px;}
    .hWcur .boxcont{background:#fff;padding:5px;border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
     
    </style>
    </HEAD>
    
    <BODY>
    <div class="hWcur" style="width:300px;">
        <b class="b1"></b>
        <b class="b2"></b>
        <b class="b3"></b>
        <b class="b4"></b>
        <div class="boxcont">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
        </div>
        <b class="b4"></b>
        <b class="b3"></b>
        <b class="b2"></b>
        <b class="b1"></b>
    </div>
    </BODY>
    </HTML>
    
     
  3. SaswatPadhi

    SaswatPadhi ~ Б0ЯИ Τ0 С0δЭ ~

    .
    .
    .
    <div class="boxcont">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu augue et arcu iaculis pulvinar in quis nisi. Morbi metus orci, fringilla at convallis ac, pulvinar id enim.
    </div>
    .
    .
    .

    What does the sentence in bold mean ?!? :confused:
     
  4. shabbir

    shabbir Administrator Staff Member

    Dummy text
     

Share This Page