Блог о программировании, электронике и рыбалке

Метка: CSS

font-size

Автоматическое изменение размера шрифта на CSS.

Сегодня было немного свободного времени, которое решил потратить на доделку адаптивной темы для этого сайта.

Столкнулся с небольшой проблемой – название сайта в мобильной версии не помещался в отведенное для него место. Сперва думал подобрать размер шрифта, но в этом случае на устройствах с большим разрешением оставалось бы много пустого места.

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

  • keyboard_arrow_downCSS – поместить текст в одну строку
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/09/font-size.png
    • Обновлено: 12.09.2017
    • Комментариев: 1
    • Просмотров:
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars 8 votes, average: 5,00 out of 5
    Загрузка...
logo

image

Пошаговая инструкция по добавлению иконки к внешним ссылкам на сайте.

Решил поделиться своей старой заготовочкой на CSS для добавления иконки к внешним ссылкам на сайте.  В первую очередь это будет удобно вашим пользователям – они визуально смогут понять, что вы их хотите направить на сторонний ресурс. Лично я это считаю хорошим тоном, поэтому и стараюсь добавлять такую иконку во все проекты.

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

  • keyboard_arrow_downДобавляем иконку к внешним ссылкам на сайте
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/08/image_thumb-1.png
    • Обновлено: 15.11.2017
    • Комментариев: 3
    • Просмотров:
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars 9 votes, average: 5,00 out of 5
    Загрузка...
logo

Часто возникает необходимость выделить в блоге определенную часть текста. Для этих целей часто используются цитаты – <blockquote>. В данном посте я покажу вам несколько вариантов их оформления.

Вариант 1

blockquote1

Код для добавления  в style.css вашей темы:

blockquote {
    margin: 1em 3em;
    color: #999;
    border-left: 2px solid #999;
    padding-left: 1em; }

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

  • keyboard_arrow_downОформление цитат (blockquote) в WordPress при помощью CSS
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/05/blockquote1_thumb.png
    • Обновлено: 21.12.2016
    • Комментариев: 1
    • Просмотров:
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars 6 votes, average: 3,67 out of 5
    Загрузка...
logo

Решил сделать заметнее страничку своей программы Набор инструментов, а то после переезда со старого домена srchost.net на этот, многие пользователи потеряли возможность обновляться. В причины вдаваться не буду – произошло обычное недопонимание. Из-за этого потерял много пользователей программы – печально.

А теперь по делу. Решил сделать фиксированную ссылку на страничку программы – результат можете созерцать в правой части блога. Смотрится прикольно. Использовать можно по разному – например картинку повесить или баннер.

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

  • keyboard_arrow_downЗакрепленная надпись
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/primery-na-html-i-css/zakreplennaya-nadpis.html
    • Обновлено: 21.12.2016
    • Комментариев: 0
    • Просмотров:
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars 3 votes, average: 5,00 out of 5
    Загрузка...
logo
arrow_upward