Нонче тут

Сейчас 53 гостей онлайн

Поиск

Поиск от Nigma

2


Поиск от Яндекс

Счётчики

Яндекс.Метрика

Проверка тиц

ВКонтакте

Британский флаг на css CSS
Code

.flag {width:480px; height:240px; background:#cf142b; position:relative; border:1px solid #000; margin:50px auto 100px auto;}
.flag div {overflow:hidden;}
.topw {width:0; height:0; border-top:111px solid #fff; border-left:222px dashed transparent; border-right:222px dashed transparent;}
.leftw {width:0; height:0; border-left:222px solid #fff; border-top:111px dashed transparent; border-bottom:111px dashed transparent; position:absolute; left:0; bottom:0;}
.rightw {width:0; height:0; border-right:222px solid #fff; border-top:111px dashed transparent; border-bottom:111px dashed transparent; position:absolute; right:0; top:0;}
.bottomw {width:0; height:0; border-bottom:111px solid #fff; border-left:222px dashed transparent; border-right:222px dashed transparent; position:absolute; bottom:0; right:0;}
.topb {width:0; height:0; border-top:93px solid #00247d; border-left:186px dashed transparent; border-right:186px dashed transparent; position:absolute; top:0; left:54px;}
.leftb {width:0; height:0; border-left:186px solid #00247d; border-top:93px dashed transparent; border-bottom:93px dashed transparent; position:absolute; left:0; top:27px;}
.rightb {width:0; height:0; border-right:186px solid #00247d; border-top:93px dashed transparent; border-bottom:93px dashed transparent; position:absolute; right:0; top:27px;}
.bottomb {width:0; height:0; border-bottom:93px solid #00247d; border-left:186px dashed transparent; border-right:186px dashed transparent; position:absolute; bottom:0; left:54px;}
.horizontal {width:480px; height:48px; border-top:16px solid #fff; border-bottom:16px solid #fff; background:#cf142b; position:absolute; left:0; top:80px;}
.vert {width:48px; height:96px; border-left:16px solid #fff; border-right:16px solid #fff; background:#cf142b; position:absolute; left:200px;}
.vtop {top:0;}
.vbottom {bottom:0;}

/* hacks for IE5.x */
* html .flag {width:482px; height:242px; w\idth:480px; he\ight:240px;}
* html .leftw, * html .rightw {width:222px; height:222px; w\idth:0; he\ight:0;}
* html .topw, * html .bottomw {width:444px; height:111px; w\idth:0; he\ight:0;}
* html .leftb, * html .rightb {width:372px; height:186px; w\idth:0; he\ight:0;}
* html .topb, * html .bottomb {width:372px; height:186px; w\idth:0; he\ight:0;}
* html .horizontal {height:80px; he\ight:48px;}
* html .vert {width:80px; w\idth:48px;}

HTML

Code
<div class="flag">
<div class="topw"></div>
<div class="leftw"></div>
<div class="rightw"></div>
<div class="bottomw"></div>
<div class="topb"></div>
<div class="leftb"></div>
<div class="rightb"></div>
<div class="bottomb"></div>
<div class="horizontal"></div>
<div class="vert vtop"></div>
<div class="vert vbottom"></div>
</div>


Источник: http://www.cssplay.co.uk/menu/flag
Уважаемые гости сайта! Теперь Вы можете ознакомиться с новостями сайта в социальных сетях.
Новости сайта публикуются в Facebook, ВКонтакте, Blogspot и Мой мир и Twitter .
Что бы перейти к аккаунтам просто кликните на иконках социальных сетей.