Тяжеловато, конечно, начинать писать в чистый новый бложик, но главное - начать!
Начну с малого.
Мой музыкальный кругозор (узкозор, назвала бы я его) иногда заставляет меня чувствовать себя последним хлебушком. Впрочем, не только музыкальный.
Вчера, например, я узнала, что песня Hunter 30 seconds to Mars - это кавер на песню Бьорк аж 1997 - одна тысяча девятьсот девяносто седьмого!!1 - года.
Причем, кавер весьма точный.
Это открытие позволило мне сделать выводы о том, что
1) Нужно было начинать слушать Бьорк раньше
2) Джаред хуйни не посоветует
3) Я хлебушек
Песня Бьорк - вот:
Кавер:
Через задницу немного, конечно, но. Мне с самого начала хотелось чистый белый бложик, но при этом с визуально отделяемыми друг от друга при наведении постами. Как такое сделать:
.bh-post-in { border: 1px solid #ffffff; border-radius: 2px ; padding-left: 30px; padding-top: 10px;} - стиль до наведения курсора
.bh-post-in:hover { border: 1px solid #d5d5d5; border-radius: 5px ; padding-left: 30px; box-shadow: 0 0 2px rgba(0,0,0,0.5); padding-top: 10px;} - стиль после наведения курсора
border: 1px - толщина границы в пикселях
solid - вид рамки, есть другие варианты по ссылке
#ffffff - цвет. В моем случае это цвет фона блога, чтобы без наведения курсора на пост рамка была не видна. Код цветов и обозначение в rgb можно посмотреть по ссылке
border-radius: 2px - скругление на углах, чем больше значение в пикселях, тем сильнее
padding-left: 30px; padding-top: 10px; - отступы сверху и слева от поста, т.к. без паддингов рамка "прилипает" к тексту, можно делать больше-меньше и добавить отступы справа (padding-right) и снизу (padding-bottom)
box-shadow: 0 0 2px rgba(0,0,0,0.5); - в ховере кроме рамки используется тень. Первые два ноля - отступы от рамки по осям Х и Y, далее - толщина в пикселях, затем цвет.
P.S. Понимаю, что это все можно сделать проще, но мое мастерство верстки - на тройных костылях. Может, на первое время кому-то пригодится.
Лучшее
Материалы сайта предназначены для лиц старше 16 лет (16+)