Как сделать блог в интернете

У вас сегодня стоит одна задача – это завести собственный блог в большой паутине WWW.

И сразу возникает множество вопросов. Первый как выбрать домен и где купить, желательно дешевле. Я вспоминаю свои первые шаги, когда делала первые мини-сайты на бесплатных хостингах. И вокруг одни вопросы: что, где, как.

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

Красивое оформление css блоков

Знание CSS позволяет оформить на сайте красивые элементы. Это блоки, таблицы, текст, формы, ники, меню, фон, рамки и другие веб-элементы. Я подготовила подборку готовых кодов css и онлайн сервисов, где есть готовые шаблоны или возможность сгенерировать в режиме онлайн любой красивый блок.

Техническая информация

Для того, чтобы подключить файл стилей, нужно в код веб-страницы между  head вставить следущую строку между скобками  <  …… /> :

1
link href="style.css" rel="stylesheet" type="text/css"

 

Готовые стили: красивое оформление блоков css.

Читать далее «Красивое оформление css блоков»

Графика: стрелки для сайта.

Графические стрелки на сайте выполняют цепляющую внимание пользователя роль. Веб-мастер таким образом делает акцент на самые важные детали своей статьи. Также графические элементы призывают к действию.

Если перевести графику в слова, то стрелка может означать: здесь, смотри сюда, скачай здесь, обрати внимание, купи здесь и можно еще по-разному интерпретировать их значение.

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

Эта коллекция состоит из ярких элементов, способных привлечь и зацепить. Они выгодно отличаются от основного содержания веб-страницы. Читать далее «Графика: стрелки для сайта.»

Сss затемнение картинки при наведении мыши

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

 

Например, было

#post-author .profile-image img { width:90%; height: auto; background: #fff; padding:5%; border:1px solid #ddd; Читать далее «Сss затемнение картинки при наведении мыши»

Как сделать плавающую панель pluso

Сервис создания кнопок для добавления постов в социальные сети от pluso предлагает оригинальные иконки, отличные от самих соц. сетей.

Отзыв о pluso. Они стильные, установка кода быстрая и простая. Но  в конструкторе нет плавающей панели. Обычно кнопки от share.pluso.ru добавляют внизу статьи или вверху. Есть варианты с размерами и ориентацией: горизонтальные или вертикальные.

Сделать плавающую панель pluso можно различными способами. Я нашла самое простое и быстрое решение. Достаточно сгенерированный в конструкторе код поместить внутрь дива с такими параметрами: Читать далее «Как сделать плавающую панель pluso»