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

Метка: CSS

шрифт размер font size CSS  primery na html i css

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

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

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

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

  • vertical_align_bottomCSS – поместить текст в одну строку
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/09/font-size.png
    • Рубрика: HTML и CSS
    • Метки: , , ,
    • Обновлено: 12.09.2017
    • Комментариев: 1
    • Просмотров:
logo

ссылки Иконка внешняя CSS  primery na html i css

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

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

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

  • vertical_align_bottomДобавляем иконку к внешним ссылкам на сайте
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/08/image_thumb-1.png
    • Рубрика: HTML и CSS
    • Метки: , , ,
    • Обновлено: 24.08.2017
    • Комментариев: 1
    • Просмотров:
logo

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

Вариант 1

цитата Wordpress CSS blockquote  wordpress

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

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

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

  • vertical_align_bottomОформление цитат (blockquote) в WordPress при помощью CSS
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/wp-content/uploads/2017/05/blockquote1_thumb.png
    • Рубрика: Wordpress
    • Метки: , , ,
    • Обновлено: 21.12.2016
    • Комментариев: 1
    • Просмотров:
logo

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

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

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

  • vertical_align_bottomЗакрепленная надпись
    • Автор:
    • Язык: ru-RU
    • Миниатюра: https://geekelectronics.org/primery-na-html-i-css/zakreplennaya-nadpis.html
    • Рубрика: HTML и CSS
    • Метки: , , ,
    • Обновлено: 21.12.2016
    • Комментариев: 0
    • Просмотров:
logo
vertical_align_top
banner