Комментарии на: Волшебные бордюры http://www.freeartists.ru/articles/make-up/borders/ Статьи о web-технологиях, дизайне и юзабилити. Рецензии на профессиональную литературу. Fri, 27 Aug 2010 18:35:45 +0000 http://wordpress.org/?v=2.9.2 hourly 1 От: Mik http://www.freeartists.ru/articles/make-up/borders/comment-page-1/#comment-176 Mik Fri, 22 Jan 2010 10:04:15 +0000 http://temp.freemasters.ru/?p=19#comment-176 Линию! Научите делать линию! Линию! Научите делать линию!

]]> От: lita http://www.freeartists.ru/articles/make-up/borders/comment-page-1/#comment-117 lita Wed, 27 May 2009 18:02:03 +0000 http://temp.freemasters.ru/?p=19#comment-117 Великолепно! Великолепно!

]]> От: 40a http://www.freeartists.ru/articles/make-up/borders/comment-page-1/#comment-87 40a Thu, 05 Mar 2009 21:03:30 +0000 http://temp.freemasters.ru/?p=19#comment-87 Флаг Великобритании: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>UK flag</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> body{overflow:hidden;} #wrap{ background-color:#fff; border:5px solid #eee; height:400px; margin:40px; position:relative; width:800px; } #wrap *{overflow:hidden; position:absolute;} #tl, #tr, #bl, #br{width:360px; height:160px; border-style:solid; border-color:#be0027;} #tl *, #tr *, #bl *, #br *{border-width:100px 200px; border-style:solid; height:0;} /*navy*/ .tn {border-top-color:#00247d;} .rn {border-right-color:#00247d;} .bn {border-bottom-color:#00247d;} .ln {border-left-color:#00247d;} /*red*/ .tr {border-top-color:#be0027;} .rr {border-right-color:#be0027;} .br {border-bottom-color:#be0027;} .lr {border-left-color:#be0027;} /*white*/ .tw {border-top-color:#fff;} .rw {border-right-color:#fff;} .bw {border-bottom-color:#fff;} .lw {border-left-color:#fff;} /*transparent*/ .tt {border-top-color:transparent;} .rt {border-right-color:transparent;} .bt {border-bottom-color:transparent;} .lt {border-left-color:transparent;} </style> <!--[if IE 6]> <style type="text/css" media="screen"> /*for IE*/ .tt {border-top-color:pink; filter: chroma(color=pink);} .rt {border-right-color:pink; filter: chroma(color=pink);} .bt {border-bottom-color:pink; filter: chroma(color=pink);} .lt {border-left-color:pink; filter: chroma(color=pink);} </style> <![endif]--> </head> <body> <div id='wrap'> <div id='tl' style='border-width:0 40px 40px 0;'> <div id='tl-navy' class='tn rn bt lt' style='top:-75px;left:-65px;'></div> <div id='tl-red' class='tt rt br lr' style='top:-65px;left:-130px;'></div> <div id='tl-white' class='tt rt bw lw' style='top:-65px;left:-190px;'></div> <div id='lt-navy' class='tt rt bn ln' style='top:-65px;left:-215px;'></div> </div> <div id='tr' style='right:0;border-width:0 0 40px 40px;'> <div id='tr-navy' class='tn rt bt ln' style='top:-75px;right:-65px;'></div> <div id='tr-red' class='tt rr br lt' style='top:-65px;right:-70px;'></div> <div id='tr-white' class='tt rw bw lt' style='top:-65px;right:-130px;'></div> <div id='rt-navy' class='tt rn bn lt' style='top:-65px;right:-215px;'></div> </div> <div id='bl' style='bottom:0;border-width:40px 40px 0 0;'> <div id='bl-red' class='tr rt bt lr' style='bottom:-65px;left:-70px;'></div> <div id='bl-white' class='tw rt bt lw' style='bottom:-65px;left:-130px;'></div> <div id='bl-navy' class='tt rn bn lt' style='bottom:-75px;left:-65px;'></div> <div id='lb-navy' class='tn rt bt ln' style='bottom:-65px;left:-215px;'></div> </div> <div id='br' style='right:0;bottom:0;border-width:40px 0 0 40px;'> <div id='br-red' class='tr rr bt lt' style='bottom:-65px;right:-130px;'></div> <div id='br-white' class='tw rw bt lt' style='bottom:-65px;right:-190px;'></div> <div id='br-navy' class='tt rt bn ln' style='bottom:-75px;right:-65px;'></div> <div id='rb-navy' class='tn rn bt lt' style='bottom:-65px;right:-215px;'></div> </div> </div> </body> </html> Флаг Великобритании:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head>
<title>UK flag</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<style type=”text/css”>
body{overflow:hidden;}
#wrap{
background-color:#fff;
border:5px solid #eee;
height:400px;
margin:40px;
position:relative;
width:800px;
}
#wrap *{overflow:hidden; position:absolute;}
#tl, #tr, #bl, #br{width:360px; height:160px; border-style:solid; border-color:#be0027;}
#tl *, #tr *, #bl *, #br *{border-width:100px 200px; border-style:solid; height:0;}
/*navy*/
.tn {border-top-color:#00247d;}
.rn {border-right-color:#00247d;}
.bn {border-bottom-color:#00247d;}
.ln {border-left-color:#00247d;}
/*red*/
.tr {border-top-color:#be0027;}
.rr {border-right-color:#be0027;}
.br {border-bottom-color:#be0027;}
.lr {border-left-color:#be0027;}
/*white*/
.tw {border-top-color:#fff;}
.rw {border-right-color:#fff;}
.bw {border-bottom-color:#fff;}
.lw {border-left-color:#fff;}
/*transparent*/
.tt {border-top-color:transparent;}
.rt {border-right-color:transparent;}
.bt {border-bottom-color:transparent;}
.lt {border-left-color:transparent;}

</style>
<!–[if IE 6]>
<style type=”text/css” media=”screen”>
/*for IE*/
.tt {border-top-color:pink; filter: chroma(color=pink);}
.rt {border-right-color:pink; filter: chroma(color=pink);}
.bt {border-bottom-color:pink; filter: chroma(color=pink);}
.lt {border-left-color:pink; filter: chroma(color=pink);}
</style>
<![endif]–>

</head>
<body>

<div id=’wrap’>
<div id=’tl’ style=’border-width:0 40px 40px 0;’>
<div id=’tl-navy’ class=’tn rn bt lt’ style=’top:-75px;left:-65px;’></div>
<div id=’tl-red’ class=’tt rt br lr’ style=’top:-65px;left:-130px;’></div>
<div id=’tl-white’ class=’tt rt bw lw’ style=’top:-65px;left:-190px;’></div>
<div id=’lt-navy’ class=’tt rt bn ln’ style=’top:-65px;left:-215px;’></div>
</div>

<div id=’tr’ style=’right:0;border-width:0 0 40px 40px;’>
<div id=’tr-navy’ class=’tn rt bt ln’ style=’top:-75px;right:-65px;’></div>
<div id=’tr-red’ class=’tt rr br lt’ style=’top:-65px;right:-70px;’></div>
<div id=’tr-white’ class=’tt rw bw lt’ style=’top:-65px;right:-130px;’></div>
<div id=’rt-navy’ class=’tt rn bn lt’ style=’top:-65px;right:-215px;’></div>
</div>

<div id=’bl’ style=’bottom:0;border-width:40px 40px 0 0;’>
<div id=’bl-red’ class=’tr rt bt lr’ style=’bottom:-65px;left:-70px;’></div>
<div id=’bl-white’ class=’tw rt bt lw’ style=’bottom:-65px;left:-130px;’></div>
<div id=’bl-navy’ class=’tt rn bn lt’ style=’bottom:-75px;left:-65px;’></div>
<div id=’lb-navy’ class=’tn rt bt ln’ style=’bottom:-65px;left:-215px;’></div>
</div>

<div id=’br’ style=’right:0;bottom:0;border-width:40px 0 0 40px;’>
<div id=’br-red’ class=’tr rr bt lt’ style=’bottom:-65px;right:-130px;’></div>
<div id=’br-white’ class=’tw rw bt lt’ style=’bottom:-65px;right:-190px;’></div>
<div id=’br-navy’ class=’tt rt bn ln’ style=’bottom:-75px;right:-65px;’></div>
<div id=’rb-navy’ class=’tn rn bt lt’ style=’bottom:-65px;right:-215px;’></div>
</div>
</div>
</body>
</html>

]]> От: 40a http://www.freeartists.ru/articles/make-up/borders/comment-page-1/#comment-74 40a Sat, 31 Jan 2009 11:18:50 +0000 http://temp.freemasters.ru/?p=19#comment-74 Звезда НАТО: Звезда НАТО:

]]> От: PVasili http://www.freeartists.ru/articles/make-up/borders/comment-page-1/#comment-16 PVasili Sun, 23 Nov 2008 11:27:02 +0000 http://temp.freemasters.ru/?p=19#comment-16 Еще бы можно было треугольник сделать в % по высоте - цены бы не было... Еще бы можно было треугольник сделать в % по высоте – цены бы не было…

]]>