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

* { 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%; }



текст текст текст текст текст текст текст текст текст текст текст текст


текст текст текст текст текст текст текст текст текст текст текст текст текст


текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


текст текст текст текст текст текст текст текст текст текст текст текст текст текст




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

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

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

  
  

  

    

Привет!


    

Это полупрозрачный блок.


  



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

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

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

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

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

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

Простая форма без таблиц #

Очень часто сталкиваюсь с созданием форм. И сейчас я приведу как просто обойти таблицы и даже блочную верстку, но при этом получить правильную ровную форму.











!семантично
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
label {
text-align: right;
width: 75px;
padding-right: 20px;
}
br {
clear: left;
}

demo

Текстовый ролловер(rollover) #

Очень просто реализовать текстовый ролловер(rollover):

a {
    display:block;
    width:100px;
    background:#F2F2F2;
    border:1px solid #DDDDDD;
    font-size:14px;
    line-height:26px;
    color:#000000;
    text-decoration:none;
    text-align:center;
}
a:hover {
    text-indent:-999em;
    position:relative;
}
a span{
    display:none;
}
a:hover span{
    text-indent:0;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

Вот и все. Демо Текстовый ролловер

Автор сайта другим цветом в комментариях DLE #

Захотелось мне выделять свои комментарии от других.
Например вот как здесь: https://veselov.sumy.ua/273-100-multiyazych...ne.html#comment
Похожее что-то находил когда-то в нете.
Как сделал это я:
/engine/classes/comments.class.php перед
if( $row['is_register'] and $row['icq'] ) $tpl->set( '{icq}', stripslashes( $row['icq'] ) );

вставить
if( $row['is_register'] ) $tpl->set( '{color}', 'qwerty1' );
else $tpl->set( '{color}', 'qwerty2' );

И не забыть вставить в comments.tpl - {color}
То есть все кто зарегистрированы на сайте будут подсвечиваться классом qwerty1, все остальные qwerty2, а так как регистрация запрещена здесь, то подсвечивается только мои. Задача выполнена.