Posts Tagged ‘ css

zoom в Safari

Сегодня столкнулся со странной ошибкой в поведении одного сайта в Safari на IPad. Во всех браузерах сайт отображался нормально, но только на IPad’е центральная часть улетала вправо почти на 100%. Дополнительная неприятность в том, что у меня нет IPad’а, а исправлять ошибку, которую я не вижу, я еще не умею. Пришлось качать себе MobiOne Studio с их эмуляторами и смотреть сайт через них.

Читать полностью

Граватар на CSS

Граватар на CSS

Накопал в сети прикольный эффект, теперь вот делюсь им с тобой. Заключается он в растягивании/сжатии сторон элементов с помощью css. С чего все начинается?

</p>
<div class="trapecia"></div>
<style type="text/css">
.trapecia{
	background: #080;
	border: 1px #f80 solid;
	border-width: 20px 40px 100px 150px;
	width: 200px;
	height: 100px;
}
</style>
<p>

Читать полностью

Выпадающее меню на css

Выпадающее меню на css

Сегодня я расскажу о такой простой, но полезной вещи – выпадающем меню без использования javascript. Принцип работы прост как апельсин: пользователь мышку навел – показались дополнительные пункты меню (ага, и тебю тоже). В css для этого есть псевдокласс :hover, работающий во всех современных браузерах и даже в IE7 (IE6 понимает его только для ссылок).

Читать полностью

Противоугонка для контента

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

Что для этого надо? Просто прописать текст в контейнере с overflow:hidden;width:1px;height:1px. display:none не подходит, потому что спрятанный таким образом текст иногда игнорируется браузерами.

Пример:
скопируй этот я не копируюсь я копируюсь текст