Viewy — социальная платформа

JULIAOSIPOVA: Личное – заметка в блоге #62243885

JULIAOSIPOVA — Sun, 29 Jun 2014 16:30:17 +0300

body { } - это основа. Можно: прописать фон вашего блога, шрифт, который будет применяться ко всему тексту и т.д.

.post { } - это ваш пост. Можно: добавить фон, установить рамки, ширину и высоту, скругленность углов, изменить положение.

.post img { } - это изображения в постах. Можно: добавить рамки, фон, скругленность углов, задать размеры.

.post img:hover { } - всё то же самое что и в предыдущем пункте, только оно будет показываться ПРИ НАВЕДЕНИИ курсора на изображение.

a { } - это ссылки (общие, т.е. все). Можно: установить шрифт, его размер, эффекты, рамки.

a:hover { } - всё то же самое что и в предыдущем пункте, но только ПРИ НАВЕДЕНИИ курсора на ссылку.

Как редактировать БЛОКИ:

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

Можно добавить фон:

background: background-attachment background-color background-image background-position background-repeat;

Вместо background-attachment вы можете написать Scroll - тогда фон будет прокручиваться вместе со страничкой, или Fixed - тогда фон будет зафиксирован.
Вместо background-color указываете цвет фона (например формата #000000) или написать Transparent - тогда фон будет прозрачным
Вместо background-image указываете ссылку на изображение, которое будет фоном: url('ССЫЛКА НА ИЗОБРАЖЕНИЕ');
Вместо background-position пишете left чтобы фон размещался слева, right справа, top сверху и bottom снизу
Вместо background-repeat пишете Repeat чтобы фон повторялся (для небольших бесшовных фонов) и No-repeat чтобы фон не повторялся (для фонов большого формата).

И как пример того что может получиться: background: fixed transparent url('https://s29.postimg.org/aefrnatzr/e36714ceb863ce286a31ff3fd4fc41ac_975b96c4e1621c3.jpg'); center repeat;

Можно добавить рамку:

border: 1px solid #000000;

1px - толщина рамки, вместо 1 ставите любое нужное вам число

solid - это стиль рамки. Они бывают:

#000000 - это непосредственно цвет. Вместо 000000 ставите нужное значение (а взять его можно например здесь https://www.colorhexa.com/color-names)

Можно указать высоту и ширину:

height: 111px; - высота, вместо 111 указываете нужное значение

width: 111px; - ширина, вместо 111 указываете нужное значение

Можно сделать отступ внутри блока:

padding: 1px; - вместо 1 указываете нужное значение

В следующих постах планирую сделать такой же разбор текста. Буду благодарна за лайки и реблоги :)

Свои вопросы можете задать мне на ask.fm

Viewy — социальная платформа

JULIAOSIPOVA: Личное – заметка в блоге #62243885

JULIAOSIPOVA: Личное – заметка в блоге #62243486

Пост о шрифтах для majority

JULIAOSIPOVA: Личное – заметка в блоге #62161234

JULIAOSIPOVA: Личное – заметка в блоге #62145492

JULIAOSIPOVA: Личное – заметка в блоге #62066747

JULIAOSIPOVA: Личное – заметка в блоге #62062990

JULIAOSIPOVA: Личное – заметка в блоге #62061678

JULIAOSIPOVA: Личное – заметка в блоге #62060010

JULIAOSIPOVA: Личное – заметка в блоге #62016929

JULIAOSIPOVA: Личное – заметка в блоге #62016524

JULIAOSIPOVA: Личное – заметка в блоге #61884311

JULIAOSIPOVA: Личное – заметка в блоге #61867820

JULIAOSIPOVA: Личное – заметка в блоге #61685955

JULIAOSIPOVA: Личное – заметка в блоге #61515888

JULIAOSIPOVA: Личное – заметка в блоге #61474578

JULIAOSIPOVA: Личное – заметка в блоге #61455439

JULIAOSIPOVA: Личное – заметка в блоге #61430035

JULIAOSIPOVA: Личное – заметка в блоге #61429432

JULIAOSIPOVA: Личное – заметка в блоге #61109080

JULIAOSIPOVA: Личное – заметка в блоге #60741056

<3

Фоны

Винтажные фоны

Клипарт / png

Клипарт / png

Курсоры | Cursors

Клипарт / png

Фоны

Клипарт / png

Как же надоела ваша музыка в блогах!

#1

NYC

#2

Разные шрифты для вашего блога!)

Два с половиной года на Вьюи...

Hello!