Кросбраузерный градиент

Начиная с версии 3.6 mozilla firefox стала поддерживать градиентную заливку. В этой статье я расскажу как сделать кроссбраузерный градиент.
Будет поддерживаться во всех основных браузерах
IE6+, Firefox 3.6 и выше, Safari, Chrome.

 

Для браузеров на webkit движке,  это Safari, Chrome.

1
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

→ Далее

Набор хаков

Internet Explorer 6.0:

1
2
3
.style {
  _color: #F00;
}
1
2
3
* html .style {
  color: #F00;
}

→ Далее

Выводим страницу с архивом всех записей блога

страница с архивом всех записей блогаЗачем нужна страница с архивом всех записей??
Во первых эта та же карта сайта, но не только для поисковика но еще и для пользователей..
Во вторых эта та же перелинковка, к примеру Робот ПС зашел на главную вашего сайта дальше он идет по всем ссылкам на странице и тут он попадает в ваш архив с кучей ссылок на все записи блога, зашел в одну проиндексировал, снова перешел по ссылке в архив увидел еще ссылки на посты перешел по ним и так пока не перейдет по всем..
В третьих еще раз скажу это удобно для пользователя которому нужна определенная запись и он не знает в какой архив и за какое время она занесена или пользователю интересно просмотреть все ваши записи, он с легкостью найдет то что ему нужно!!

Идею подсмотрел у Dimox’a с вот его карта сайта с уймой полезных материалов…
→ Далее

Минимальная высота для ie6

Чтобы избавиться от безобразия на тех страницах где мало контента используется минимальная высота min-height к примеру как на моем блоге стоит min-height:600px; получается высота блока с контентом 600 + шапка 150 + разрешение экрана 1024×768 и футер прибился к полу браузера!!!
Но как всегда есть какое то НО, как положено это НО Internet explorer 6, ослина блин))
Он не понимает таких слов как min-height,min-width,max-height,max-width но мы все таки сможем объяснить ему задать минимальную ширину блока вот эти параметры
.block {
min-height:550px;
height:auto !important;
height:550px;
}
теперь нас поймет любой браузер))

Округление углов на чистом css как наркотик

Как только я нарвался на эту возможность css3 я тут же начал пихать ее во всё что можно и нельзя, на столько она мне понравилась, и вы тоже наверно это заметили))

Жаль что css 3 версии не поддерживается во всех браузерах, за ие6 я вообще молчу…

Сейчас я расскажу как реализовать такую фичу..
допустим у нас есть блок(картинка, всё что имеет фон или бордер) который мы хотим округлить
→ Далее

Особое оформление комментариев автора

Всем и всегда хочется выделиться из общей массы, но как ни кому это нужно автору блога выделить свои комментарии из кучи комментариев других пользователей.. Сейчас я расскажу как это сделать..

В последних версиях движка wordpress сам движок  выводит класс “bypostauthor” для стилей из функции comment_class() им мы и воспользуемся..

в стилях пропишем класс

1
2
3
4
.bypostauthor {
border:1px solid #30a2e4;
background:#deebf2;
}

→ Далее

Как подобрать цветовую схему для Сайта

красивая цветовая схема для сайтакрасивая цветовая схема для сайтаБывает так что заказчик сам не знает в каких тонах он хочет видеть свой будущий сайт, иногда приходится несколько раз перерисовывать дизайн в разные тона до полного одобрения заказчика… Вот именно для таких случаев есть сервис по подбору цветовых схем http://colorschemedesigner.com

→ Далее

Выводим популярность статьи в виде графической шкалы

Здравствуйте дорогие читатели моего недавно открывшегося Блога.

Это будет моя первая статья и она будет о том как вывести популярность статьи виде графической шкалы, идея появилась сегодня и воплотилась сегодня)) выглядеть это будет примерно так:Популярность статьи ввиде графической шкалы

→ Далее

если переменные с фида и твиттера пришли пустые