Блог старого компьютера

Блог старого компьютера


Главная html & css
Html, css коды, теги, примеры, скрипты

Стильные заголовки на CSS

29.04.2013 11:53 Администратор html & css
Печать PDF
Давно ничего нового не писал, не потому что лень, а потому что совершенно не было времени, сейчас конечно времени тоже нету, но написать пару строк я думаю нужно. Сегодня вы поговорим о том как используя нашу смекалку верстальщика сделать довольно интересные, стильные и красивые заголовки. Как обычно сложного ничего нету, единственное о таком украшении заголовков нужно было просто догадаться. 
 

Мультимедиа в html5

12.03.2013 02:37 Администратор html & css
Печать PDF
Сегодня поговорим о действительно полезных тегах появившихся в html5. Это теги <audio> и <video>. Как ясно из их названия они отвечают за вставку видео и audio на страницу сайта. Некоторые уже сейчас говорят что эти теги лишние так как и раньше мы с легкостью вставляли мультимедиа файлы на страницы, мол, а эти теги еще и не являются кросбраузерными (хочу отметить что раньше не было возможности простой вставки, а была лишь вставка flash проигрывателя который и осуществлял проигрывание мультимедиа файла). В чем то они конечно и правы, а именно в разговорах о кросбраузерности. К счастью со временем этот вопрос решится сам собой, предпологать когда точно ничкто пока не может. 
 

CSS эффекты для изображений

06.03.2013 03:13 Администратор html & css
Печать PDF
Сегодня рассмотрим несколько css свойств для работы с изображениями. Думаю для вашего глаза они давно не новы так как возможно в интернете вам уже удалось их лицезреть. В основом покажу свойства на примере их изменения при наведении. Ранее подобные эффекты можно было реализовать тольео с помощью javascript.  Извращаться мы будем над изображением тюнингованного автомобиля. Его вы видите чуть выше.  
 

Задать тегу input стиль по его типу

30.01.2013 03:13 Администратор html & css
Печать PDF

Очень часто есть необходимость задать тегу input стиль отталкиваясь от его типа. Многие просто для этого разным типам назначают разные классы, в этом нет ничего плохого, но как быть когда вам уже в готовом проекте нужно дать разные начертания тегам input. Поиск где они находятся для того чтоб добавить каждому класс может занять время, которого зачастую совершенно нету. Тогда на помощь приходит замечательная возможность css которая специально созданна для таких случаев.

 

Как сделать полупрозрачный фон у блока (3 способа)

24.01.2013 03:02 Администратор html & css
Печать PDF

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

 

CSS3 несколько интересных примеров

02.12.2012 11:29 Администратор html & css
Печать PDF
Как я привык говорить - мир не стоит на месте и с каждым годом появляются новые и интересные возможности. Данное утверждение не обходит стороной и CSS. Если посмотреть на историю создания то видно что примерно в 1996 году появился CSS 1, через 2 года (1998 год) появилась вторая версия css, которая потерпела несколько обновлений и исправлений. Сейчас же есть CSS версии 3 которая до сих пор находится в процесее разработки и год издания у нее неизвестен, но на сколько я помню упоминания начались примерно в 2009 году (если ошибаюсь поправьте). Так же примерно год назад (в 2011) стало известно что разрабатывает CSS4. Сегодня мы поговорим о CSS 3.
 

Верстка на HTML5

29.11.2012 08:10 Администратор html & css
Печать PDF
Все идет вперед все движется и развивается, а с этим всем и html не стоит на месте. На данный момент вышел html5 (если можно так сказать) о котором мы сегодня и поговорим. На самом деле боятся html5 совсем не нужно, там нет ни чего сложного и я вам сегодня постараюсь это доказать. Чем быстрее вы с ним ознакомитесь тем выше будут ваши знания и умения, а значит что вы попрежнему останетесь специалистом высокого уровня.  
 

Выровнять блок вертикально по центру (абсолютное, фиксированное позиционирование)

06.07.2012 04:20 Администратор html & css
Печать PDF
Если известны размеры будущего блока то выровнять его вертикально по центру совсем не сложно. Для этого нам не понадобится ни каких JS скриптов и хаков. Предположим что нам необходимо выровнять по центру блок с шириной 500 пикселей и высотой 500 пикселей.  
 

Использование на сайте нестандартных шрифтов

26.06.2012 09:20 Администратор html & css
Печать PDF
Известно что использование на сайте нестандартных шрифтов может к привести к тому что у пользователя шрифт не отобразится, по причине того что в его операционной системе данный шрифт отсутствует. Данную проблему можно решить двумя способами. Первым способом является вставка слова или надписи картинкой. Данный метод хоть и является самым простым и эффективным, но имеет ряд минусов. К примеру данный текст будет недоступен поисковым системам, а это на самом деле важно, особенно если это заголовок статьи. Вторым способом является подгрузка шрифта с помощью css фишек. Тут получаем два плюса, это можно сделать кросбраузерно, и это ни как не отразится на ухудшении цитировании сайта. Минус только один, на сколько я понимаю, увеличивается скорость загрузки страницы, и увеличивается колличество файлов на сервере, но я думаю это не так страшно. Вот именно этот метод подгрузки шрифта я и опишу.  
 

Убираем копирайт на информере gismeteo

15.06.2012 09:14 Администратор html & css
Печать PDF
Многие хотели бы видеть у себя на сайте погоду, но не все решаются использовать готовые информеры которые предлагают такие сайты как gismeteo.ru. Как найти выход из ситуации и все же сделать погоду на своем сайте? Не все ведь в состоянии написать свой парсер погоды (нету времени, нету знаний). Дак вот если информация на информере выводится не катинкой, а html разметкой то можно без проблем изменить вид такого информера путем написания сообственных стилей для блоков информера.
 

Лупа при наведении на изображение

09.06.2012 04:33 Администратор html & css
Печать PDF
Иногда нужно как то показать что изображение является кликабельным. Для этого сейчас существует как куча готовых примером так и множество оригинальных решений. Я же опишу самый простой способ как при наведении на изображение отобразить на нем лупу. Вы же можете поменять лупу на любой другой значек который вам больше подходит.
 


Страница 1 из 2

Поиск

Голосование

Что Вы думаете на счет битрикса?