сейчас на сайте:
Лучшие сказки мира 03skazki.ru
Детектив и фантастика 03pressa.ru
Песни прошлых лет 03pesni.ru
Для досуга
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD> <TITLE>Обрамление Закругленные углы для всех браузеров (применение скрипта behavior: url(ie-css3.htc);)</TITLE> <style type="text/css"> html, body, h1, h2, h3, div, span, p, ul, li { border: 0; padding: 0; margin: 0; } body {background-color: #fff; font: normal 10pt Trebuchet MS,Arial,sans-serif; } a{TEXT-DECORATION: none;} .box1,.box2,.box3,.box4,.box5,.box6,.box7,.box312 {float:left; background: yellow; width: 16px; height: 16px; border: 4px solid #c6ac6c; position: relative; margin-top: 4px; margin-left: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 4px 4px 4px #000; -webkit-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; z-index: 2; behavior: url(ie-css3.htc); } .box1 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 0px; } .box2 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 30px; } .box3 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 60px; } .box4 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 90px; } .box5 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 120px; } .box6 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 0px; } .box7 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 150px; } .box312 div {position: absolute; bottom: 4px; text-align: center; font-weight: bold; font-size: 16px; color: #ffd550; _width: 100%; left: 180px; } .box1,.box2,.box3,.box4,.box5,.box6,.box7{padding: 4px 0px 4px 7px;} .box312{padding: 4px 2px 4px 6px;} </style> </head> <body> <div class="box1"><a href="">1</a></div> <div class="box2"><a href="">2</a></div> <div class="box3"><a href="">3</a></div> <div class="box4"><a href="">4</a></div> <div class="box5"><a href="">5</a></div> <div class="box6"><a href="">6</a></div> <div class="box7"><a href="">7</a></div> <div class="box312"><a href="">12</a></div> </body> </html>
