Ваш путь: Главная » метка: css
свежее в выборке тегов: css
2020-11-23
отредактировано:  2020-11-23
Вы в выборке тегa: css
Михаил ATs в теме: Сниппеты, хаки, функции

Новейшие CSS значения-свойства для фронтенда — одной строкой!

Сегодня тема CSS: небольшой, но, возможно, полезный материал для тех админов, которые занимается созданием сайтов — вёрсткой веб-страниц, либо веб-приложений и прочим…

Знания языка CSS во многом определяют наши успехи в веб работе, потому как css, это дизайн — внешний вид сайта — а внешний вид, это одёжка, по которой, как известно, встречают.

По личному опыту и вопросам в комментариях знаю, что новички считают css легким и не очень важным языком, — однако, это не совсем так, или совсем не так.

Как и любому иному языку css следует уделять время, главное, как говорится, быть в курсе течения и развития языка, чтобы знать многие и полезные новшества, которые заметно сэкономят наше время и, что важно, обусловят оптимальную работу кода сайта!

 



2020-07-26
отредактировано:  2020-07-26
Вы в выборке тегa: css
Михаил ATs в теме: Сниппеты, хаки, функции

Добавим информационные блоки (по типу спойлер) в любое место сайта — без плагинов: легко и просто…

В статье рассмотрим вариации вывода информации (произвольное количество блоков) на совершенно любой странице (в требуемом месте) либо в любой точке страницы сайта: то есть вызовом функции в файлах шаблона. Без плагинов! легко и просто…

Различные способы — спойлером, аккордеоном, либо просто открытыми блоками с дочерними элементами — как угодно. Например, информационный блок FAQ вопросов-ответов. К тому же, всё это информативное чтиво возможно организовать тегами микроразметки (если это ЧАВО-блок — FAQ).

Вариант абсолютно автономен: возможно использовать вкупе с плагинами по типу Elementor и пр. либо, если кто использует сайдбары, в сайдбаре.

Приступим (возможно, добавлю видеоинструкцию):



2020-10-01
отредактировано:  2020-10-01
Вы в выборке тегa: css
Михаил ATs в теме: Сниппеты, хаки, функции

Кнопка обратного звонка — анимация css плюс JS

Статья — ответ на вопросы в комментариях (письмах).

Поступают вопросы о том, как установить анимированную кнопку обратного звонка на своём сайте: то есть требуется бегающая по экрану анимированная кнопка, например, картинка телефонной трубки, нажав на которую, всплывает модальное окно с формами связи, или же пользователя перебрасывает на некую целевую страницу сайта.

В самом деле подобную анимированную кнопку обратного звонка возможно приспособить на что угодно: у меня, например, услуги Скайп — но возможно использовать по типу кнопки «наверх», либо поместить в её обработку какую-то полезную информацию для пользователя… Да мало ли у нас фантазии…

Установить кнопку обратного звонка, дело в принципе не очень сложное!

Сегодня установим кнопку обратного звонка в следующем принципе: анимация (пульсация с перемещением по окну монитора) — css плюс JS:



2018-09-13
отредактировано:  2018-09-13
Вы в выборке тегa: css
Михаил ATs в теме: Бардачок html php css

Как сделать открытую ссылку в Табе неактивной? (некликабельной)

…пост будет очень простой коротенький…

Сегодня изучать cms Вордпресс в связке с шаблоном становится всё более немодным! скачивают какие-то бесплатные темы, рихтуют под свои требования… и запускают скороспелые проекты в свет … а уж в процессе (по мере поступления) решают те или иные возникшие вопросы. Не знаю: правильно это, или не правильно — развивать проекты без определённых стартовых знаний… но как бы там ни было, и уж коли возникают вопросы, их следует решать.

Нынче (как говорит моя практика) всё больше стараются делать информативные сайты, в том смысле что помещают куда-то в сайдбары достаточно много информации… и, экономя полезное место, комплектуют информацию посредством таб-виджетов, например.

Возникает вопрос: как сделать ссылку Таба неактивной: т.е чтобы при переходе по ссылкам — «открытый таб» (ссылка) становилась неактивной…



2019-09-26
отредактировано:  2019-09-26
Вы в выборке тегa: css
Михаил ATs в теме: Контент, шапка site, Сниппеты, хаки, функции

Как добавить аватарку к имени автора — в начале или финале статьи

Многие блогеры (в начале славных дел) запускают свой проект на бесплатных шаблонах, в которых, как известно, авторы тем не всегда снабжают код какими-то полезными примочкам.

Одна из таких примочек — аватарка, рядышком с именем автора поста. Или в начале статьи или, как теперь делают многие, в финале поста и к тому же с какими-то пояснениями об авторе.

Вот сегодня и расскажу о нескольких вариантах добавления аватарки к имени автора статьи: без плагинов!

Это полезно для тех администраторов сайтов, на площадке которых публикуются несколько авторов.

Занавес открывается:



2018-09-24
отредактировано:  2018-09-24
Вы в выборке тегa: css
Михаил ATs в теме: WordPress без плагинов

Как добавить ссылки на самые комментируемые по времени посты в сайдбар или на страничку

Как вывести самые комментируемые записи сайта/блога куда-то в сайдбар или на страничку.?. …причём, чтобы записи выводились с миниатюрой, количеством отзывов и пр. и пр. — и чтоб всё это запросто регулировалось: вот сегодня и решим сию задачу!

У меня несколько раз спрашивали — как выводить самые популярные записи, и неплохо бы с вариантом миниатюры… Я пару раз отвечал, а теперь решил написать пост, чтобы при случае отсылать на его страничку.

И снова представляю совершенно рабочий код с сайта wp-kama. Но — там этот код без вариаций вывода картинки (миниатюры).

Итак: и снова я немного дополнил код Тимура: т.е добавил несколько строк, цепляющих картинку к комментируемым статьям.

Приступим к концерту:



2019-09-26
отредактировано:  2019-09-26
Вы в выборке тегa: css
Михаил ATs в теме: Сниппеты, хаки, функции

Как сделать на сайте кнопку ′добавить в избранное′ — в закладки браузера.?.

Что ж, пришло время написать несколько коротеньких постов на в общем-то полезные темы!

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

Сегодня прикрутим и настроим на сайте кнопку «страницу в избранное».

Я, признаться, у себя на блоге такое чудо не использую: не знаю, как-то не раскушал прок… Но если у вас появилось желание реализовать такую кнопочку «у себя…», давайте приступим. Дело очень простое — займёт минут десять труда и, к тому же, как бы то ни было — очень полезное принципиальное js-познание…

В следующих статьях реализуем «прилепленное» меню и сайдбар (ссылки на эти статьи в комментариях)…



Свиток 1-й из 4123»Финиш