Показать содержимое по тегу: css
Сделать круглую рамку для картинки в CSS
Когда-то давно, один из моих «учителей жизни» сказал одну фразу, про программирование, которая оказалась актуальной не только для программирования, но и, например, для стилизации объекта. Звучала она так: «Тебе не надо знать весь язык программирования, и то, как правильно пишется функция, тебе надо знать, что программа может это сделать, а как именно ей написать, что она должна это сделать, потом найдёшь в Интернете», не дословно конечно, но суть примерно такова.
CSS: Подсказки (Tooltip)
В последнее время стало популярным, добавлять на сайт «подсказки», сам я не особо понимаю для чего они нужны, объясняя свою точку зрения следующим фактом: всё больше и больше пользователей переходят на смартфоны и планшеты, т.е. не пользуются мышью, не имея возможности «навести курсор» (а именно так подсказки и срабатывают). Для меня стало неожиданностью, когда я увидел эту самую «подсказку», на своём сайте, видимо в одном из обновлений Joomla они были добавлены в механизм, но вот беда – подсказки добавлены, а шаблон не настроен.
CSS – делаем элемент меню
Когда только только «зарождалось» сайтостроение, и стилями в Интернете (в Рунете по крайней мере точно) почти не пользовались, большинство вопросов решалось путём «вставки» изображений.
CSS : изменить размер капчи Google
Предыстория у вопроса такова, что мне подкинули работу – заменить форму обратной связи на одном сайте, сделанном на CMS Bitrix. Вся проблема заключалась в том, что разработчики Bitrix посчитали себя супергероями, положив великий и могучий на чужие разработки, видимо решив, что их то защита (капча) явно получше любой чужой будет. Как можно догадаться по нотам сарказма – не вышло.
CSS : Анимация подчёркивания
Работая над очередным вопросом дизайна сайта, наткнулся на один интересный эффект, и хоть это было совсем не то, что я искал, но мне показалось правильным «сохранить про запас» данный трюк, ибо мало ли где он мне ещё в будущем пригодится.
CSS : Visible и Hidden
В вопросах сайтостроительства и в большинстве своём – вёрстки сайтов, всё чаще и чаще камнем преткновения у меня оказывается вопрос так или иначе связанный с мобильной версией сайта. Причина банальна – сегодняшним днём развитие новых технологий больше внимания уделяет смартфонам нежели ноутбукам и ПК. Нет, конечно же и последние тоже имеют свои новинки, но там уже нечем удивлять. Мощнее процессор, больше объём дисков, ОЗУ… ну вы поняли. У ноутбуков появилась серия ультрабуков – в принципе то же самое, только более лёгкое и вместе с тем более хрупкое.
Делаем тени в CSS
Одно из самых востребованных свойств в CSS в последнее время, является – добавление теней, причём, как к тексту, так и к изображению. В случае с текстом, тень придаёт ему «объёмности», в случае с изображением, особенно выделяет на общем фоне.
Background в CSS
Что такое CSS и с чем его едят я узнал годах эдак в 2006-2007, как это не покажется забавным – играя в онлайн-игру, игра и по сей день существует, но вот возможность подключать свой шаблон (шкурку – скин) они уже убрали, тем не менее, когда-то такая возможность всё-таки была.
Меню Accordion только CSS
Для одного из сайтов, с которыми я работаю, мне понадобилось меню «аккордион», если Вы далеки от веб-терминологии, поясню: это когда нажимаешь на кнопку меню и появляется область (ранее скрытая) в которой идут дополнительные кнопки, которые как «матрёшка» так же раскроются, либо будут ссылками на какой-то материал.
Прозрачность фона CSS
В некоторых случаях, при дизайне сайта (особенно, когда используется свойство z-index), становится весьма актуален вопрос прозрачности фона. Первое время подобные «хитрости» использовались при подключении изображений с прозрачностью (png), однако прозрачность png-файлов в то время не поддерживалась браузером Internet Explorer. И соответственно выглядело это мягко скажем – «ущербно». Сегодня свойство прозрачности можно настроить в CSS, что значительно упрощает работу веб-дизайнера, поскольку наличие изображений может вообще не потребоваться.