Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2

ЯС библиотека curvycorners для создание закругленных уголков


Иногда, что бы обойти большое количество геморроя при верстке страницы c закругленными уголками помогает замечательная яваскрипт библиотека под названием curvycorners(оф.сайт)

Что она умеет: ДЕМО / ДЕМО 2 / ДЕМО 3

Изменение размера уменьшеного изображения при помощи Overflow


Иногда при создании галерей или просто красивого оформления странички необходимо пренебречь размерами изображения и вписать в дизайн.
Изменение размера уменьшеного изображения при помощи Overflow

Этот способ позволяет сделать это с минимальными затратами.

СМОТРЕТЬ ДЕМО

Красивые кнопочки


Красивые кнопочки на css и html:
Красивые кнопочки

<a class="button" href="?d=-1"><span>yout text</span></a>
<span class="button"><input type="submit" name="foo" value="yout text" /></span>
<span class="button"><button type="submit" name="foo" value="yout text">yout text</button></span>
<del class="button"><span>yout text</span></del>

ДЕМО / СКАЧАТЬ

Пример верстки равноудаленных блоков


* { margin:0; padding:0;}
.container { text-align: justify; text-justify:newspaper; }
.box{ display:-moz-inline-box; display:inline-block; vertical-align:top; text-align:left; width:200px; height:200px; background:red; }
.box p{ padding:10px;}
/*IE6*/* html .box{ display:inline; }
/*IE7*/* + html .box{ display:inline; }
.under{display:-moz-inline-box; display:inline-block; width:100%; }


<div class="container">
<div class="box"><p>текст текст текст текст текст текст текст текст текст текст текст текст </p></div>
<div class="box"><p>текст текст текст текст текст текст текст текст текст текст текст текст текст </p></div>
<div class="box"><p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p></div>
<div class="box"><p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p></div>
<span class="under"></span>
</div>

ДЕМО: Смотреть

Полупрозрачный блок


Блок валидный, отображается правильно во всех последних браузерах.

  <style type="text/css">
    .opacity {
      margin:40px;
      padding:20px;
      background:
      url(opacity/AAAAABJR.png);
      background:rgba(0, 0, 0, 0.5);
    }
  </style>
  <!--[if lte IE 7]>
    <style type="text/css">
      .opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
      }
      .opacity * {
        position:relative;
      }
    </style>
  <![endif]-->

  <div class="opacity">
    <h1>Привет!</h1>
    <p>Это полупрозрачный блок.</p>
  </div>


И еще один нюанс, по моему хороший, сам блок прозрачный а шрифт нет. ДЕМО смотреть

Карта Украины для сайта


Карта Украины для сайта

Стянул по быстрому откуда-то карту, может кому-то пригодится.
Карта Демо / скачать

update 30/09/11
Нашелся разработчик данной карты - kiphir
Вот ее оригинал http://rozumdim.com.ua/new/content/blogsection/7/47/lang,russian/

Спасибо ему за карту -)

upd: еще одна хорошая карта украины
«»
Вверх