Advanced Search

Return to Snippet

Revision: 17244
at August 30, 2009 06:25 by m-pokrovskii
Updated Code 
<style type="text/css" media="screen">
.r-star{
   position: relative;
   overflow: hidden;
   padding: 5px 0px;
   background: #006b2a;
   width:129px;
   }


   .r-star .cn{
      position:absolute;
      background:transparent url(images/rc-star-t-menu.gif) repeat scroll 0 0;
      height:10px;
      left:-5px;
      top:-5px;
      width:10px;
      }
      
   .r-star .cn.tr, .r-star .cn.br{
      margin-left:100%;
      }
      
   .r-star .cn.bl, .r-star .cn.br{
      top:auto;
      }      
</style>

<div class="r-star">
   <div class="cn tl"></div>
   <div class="cn tr"></div>
   <div class="content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
   </div>
   <div class="cn bl"></div>
   <div class="cn br"></div>
</div>

Revision: 17243
at August 28, 2009 05:29 by m-pokrovskii
Initial Code 
<style type="text/css" media="screen">
.r-star{
   position: relative;
   overflow: hidden;
   padding: 5px 0px; /*верхний и нижний padding равен высоте закругления*/
   background: #006b2a;
   width:129px;
   }


   .r-star .cn{
      position:absolute;
      background:transparent url(images/rc-star-t-menu.gif) repeat scroll 0 0;
      height:10px;
      left:-5px;
      top:-5px;
      width:10px;
      }
      
   .r-star .cn.tr, .r-star .cn.br{
      margin-left:100%;
      }
      
   .r-star .cn.bl, .r-star .cn.br{
      top:auto;
      }      
</style>

<div class="r-star">
   <div class="cn tl"></div>
   <div class="cn tr"></div>
   <div class="content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
   </div>
   <div class="cn bl"/></div>
   <div class="cn br"/></div>
</div>
Initial URL 
pokrovskii.com
Initial Description 









Initial Title





Шаблон для закругленных уголков









Initial Tags














Initial Language





XHTML