Записи с меткой: «веб-дизайн»

По моему отличная картинка Пригодится для наглядного пособия и для использования в спорах с заказчиками

Вот было свободное время и я решил перевести статью "Take Your Design To The Next Level With CSS3" и причин тому несколько. Во первых я постоянно работаю с CSS и HTML и мне это интересно, во вторых все новости в этой области меня очень интересуют, а чтобы они лучше усвоились, достаточно один раз просто переписать, а ели еще при этом и переводить, то они отложатся на долго. Ну и в третьих я просто уверен, что это пригодится еще кому-нибудь. Есть и в четвертых и в пятых, но это уже не важно.

Если где накосячил, или просто нашли ошибку, прошу не поленитесь и отпишитесь в комментариях.
(далее...)

Надо же, сколько времени занимаюсь версткой, а такого простого способа раскрасить колонку в таблице не знал. Теперь этот недостаток исправлен.

CSS

<style>
table {
   border-collapse: collapse;
   border: 1px solid #c0c0c0;
}
th, td {
   padding: 0.6em;
   text-align: center;
   border-spacing: 1em;
}
th {
   background: #000;
   color: #f0f0f0;
}
/*Моя колонка*/
col.mycolumn {
   background: #D2FFC6;
}
</style>

HTML

<table>
<caption>Раскраска колонок:</caption>
<colgroup>
	<col class="mycolumn" />
	<col />
	<col class="mycolumn" />
	<col />
	<col class="mycolumn" />
</colgroup>
<tr>
	<th>Колонка 1</th>
	<th>Колонка 2</th>
	<th>Колонка 3</th>
	<th>Колонка 4</th>
	<th>Колонка 5</th>
</tr>
<tr>
	<td>Ячейка 1</td>
	<td>Ячейка 2</td>
	<td>Ячейка 3</td>
	<td>Ячейка 4</td>
	<td>Ячейка 5</td>
</tr>
</table>

Работает в FF2/3, IE6/7, Opera 9.5, Safari(Win)

Вот тут можно скачать коллекцию из 301 русских шрифтов, общим весом почти 10 мегабайт. Все они точно работают и все очень приличного качества. Кому-нибудь, да пригодится.

Нашел хорошую таблицу “безопасных” шрифтов для создания сайтов. Там показаны шрифты как для всех версий Windows и их аналогичные братья в MAC OS. Давно искал нечто подобное и вот, наткнулся. Там же внизу есть скриншоты, чтобы можно было лучше себе представить, как ваши шрифты будут видеть пользователи других ОС.

Постоянно приходится сталкиваться с такой ситуацией

Если есть желание красиво оформить цитату в вашем блоге или на вашем сайте, то для этого вот вам понадобится описать в ститлях тег blockquote и пару картинок. Код работает ведзе (под словом везде я имею ввиду Оперу, ИЕ6 и выше, ФФ).
Пример выглядит так:

Ощущение мира амбивалентно понимает под собой здравый смысл, обще-отрицательное, частно утвердительное и частно отрицательное суждения. Конфликт индуктивно трансформирует типичный даосизм, учитывая опасность, которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения. Ато джива нетривиальна. Отношение к современности порождает и обеспечивает сенсибельный гений, хотя в официозе принято обратное.

CSS:

blockquote {
	font-size:1em;
	line-height:140%;
	margin:20px;
	background: url(closequote.gif) no-repeat bottom right;
	padding:0px 40px 5px 40px;
	text-align:justify;
	color: #3c7ba4;
}
blockquote:first-letter {
	background: url(openquote.gif) no-repeat left top;
	margin-left: -40px;
	padding:5px 2px 10px 40px;
}

HTML

<blockquote>
Текст цитаты тут...
</blockquote>