Поблагодарить:
Понедельник, 12 Ноябрь 2018 01:10

Background в CSS

Что такое CSS и с чем его едят я узнал годах эдак в 2006-2007, как это не покажется забавным – играя в онлайн-игру, игра и по сей день существует, но вот возможность подключать свой шаблон (шкурку – скин) они уже убрали, тем не менее, когда-то такая возможность всё-таки была.

Опубликовано в Новости Зелёной Ивы
Суббота, 29 Сентябрь 2018 00:02

Меню Accordion только CSS

Для одного из сайтов, с которыми я работаю, мне понадобилось меню «аккордион», если Вы далеки от веб-терминологии, поясню: это когда нажимаешь на кнопку меню и появляется область (ранее скрытая) в которой идут дополнительные кнопки, которые как «матрёшка» так же раскроются, либо будут ссылками на какой-то материал.

Опубликовано в Новости Зелёной Ивы
Понедельник, 10 Сентябрь 2018 10:18

Прозрачность фона CSS

В некоторых случаях, при дизайне сайта (особенно, когда используется свойство z-index), становится весьма актуален вопрос прозрачности фона. Первое время подобные «хитрости» использовались при подключении изображений с прозрачностью (png), однако прозрачность png-файлов в то время не поддерживалась браузером Internet Explorer. И соответственно выглядело это мягко скажем – «ущербно». Сегодня свойство прозрачности можно настроить в CSS, что значительно упрощает работу веб-дизайнера, поскольку наличие изображений может вообще не потребоваться.

Опубликовано в Новости Зелёной Ивы
Воскресенье, 02 Сентябрь 2018 00:32

Background-repeat

При вёрстке сайтов, «повторение фонового изображения» - очень важный параметр, причём имеется ввиду, как само повторение, так и его отсутствие. В смысле, что если Вам не надо, чтобы изображение повторялось – то это надо указывать, поскольку по умолчанию повторение бэкграунда имеет место быть.

Опубликовано в Новости Зелёной Ивы
Понедельник, 06 Август 2018 13:49

Как убрать полосу прокрутки

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

Опубликовано в Новости Зелёной Ивы
Среда, 25 Июль 2018 15:12

Адаптивное видео в контент

Бывает, разработал сайт, всё в нём хорошо и дизайн всех устроил и в мобильной версии корректно отображается, и даже с браузерами беды нет, как вдруг, приходится вставить видео в контент. И вот тут то и начинаются беды у верстальщиков, поскольку видео-код предоставляется в «фиксированном» размере и здесь уже не угадаешь либо слишком маленькое на большом размере либо поплывший дизайн у мобильной версии.

Опубликовано в Новости Зелёной Ивы
Воскресенье, 15 Июль 2018 12:22

Сделать градиент текста в CSS

Я вообще сторонник идеи, что «чем проще, тем лучше», что разного рода извращения со стилями только портят дизайн и отвлекают от содержимого, но что делать, когда клиент просит? Правильно, клиент всегда прав – а значит делаем. Вот примерно так со смирением я обычно делаю градиент на текст, раньше это делали в Photoshop, вставляя потом картинки на сайт (помните это убожество, да?) теперь можно настройки задавать в CSS.

Опубликовано в Новости Зелёной Ивы
Четверг, 05 Июль 2018 14:59

vertical-align не работает на тег li

Работая с одним из сайтов, возникла необходимость отцентрировать по вертикали текст в списке. Всё усложнялось ещё тем, что у каждого элемента был свой собственный list-style-image. Усложнялось, потому что всякие попытки установить свойство display приводило к тому, что изображение списка просто пропадало.

Опубликовано в Новости Зелёной Ивы

Собственно с данной проблемой столкнулся, когда мне нужно было в форму обратной связи добавить перечень. И если с тегом input сложностей не возникло, то на select почему-то работать не хотел.

Опубликовано в Новости Зелёной Ивы
Вторник, 26 Июнь 2018 13:59

Как убрать рамку у img

Столкнулся с вопросом «рамки» у тега img , а точнее с тем – как её убрать, после того, как удалил атрибут src и решил прописать его через свойство стилей background-image:url всё получилось, как надо – изображение встало там, где мне было нужно, но только вот откуда не возьмись появилась рамка.

Опубликовано в Новости Зелёной Ивы
Страница 1 из 2

Спонсоры: