Автор: Утонувшая в мечтах

Вопросик

А тут случайно нет никаких соо с дизайнами для блога?

Комментарии

А вот вроде тут что-то было :)
https://blog-house.pro/vault/
И ещё тут:
https://blog-house.pro/css-community/
В ленте соо много готовых вариантов дизайна.
/* Design Preferences: */
#canvas { max-width: 700px; }
#canvas { background: transparent !important; }
#canvas::after { opacity: .56; }
#author-badge { opacity: .94; }
.author-state #author-badge { opacity: .66; }
.author-state #header a#caption-link { opacity: .6; }
.author-state #canvas { border: 0; }
.in-state #header a#caption-link { opacity: .86; }
#header a.d { display: none; }

/* Custom CSS: */
html, #caption-link {background: transparent !important;}

/*фон*/
body {background-color:#001220; background-image:url(https://www.zastavki.com/pictures/originals/2015/Nature_Moon_in_blue_sky_103704_.png);background-attachment:fixed; background-repeat:no-repeat; background-position:left top; background-size: cover; padding:0px !important; margin:0px !important}

/*БХ*/

#caption-link {position: relative; top: -42px !important; color: #d64056 !important;}

/*верхнее меню*/

.corvette {padding-left: 15px;}

/*верхнее меню */

h1.corvette.hideable, .corvette.fluid.heading.hideable {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 55px rgba(64, 15, 15, 0.64); text-align: center; color:#2e2122}

/*ширина меню в днявке, можно поправить в зависимости от ширины дизайна!*/

h1.corvette.hideable {width: 96% !important;}



/*ширина меню в комментах*/

.corvette.fluid.heading.hideable {width: 100% !important;}



/*короткое инфо о дневнике*/

.handwriter {width: 111% !important; max-width: 111% !important; /*поправить эти две цифры, если размер больше/меньше, чем нужно*/

background: none;

/*сдвиг имени автора вниз в меню в клмментах*/

.single-entry p.blog-author {top: -7px !important;}



/*лента*/

#canvas {background: none; margin-top: 50px !important; box-shadow: none !important; padding-bottom: 0 !important;} /*убираем фон и тень исходных настроек канваса*/

/*лента на страницах, где нет постов*/

#all {padding-top: 40px; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.1);}

/*убираем настройки ленты на тех страницах, где есть посты (дневник, комменты, избранное, общая, сохраненные, коллекции*/

.multiple-entries #all, .single-entry #all, .body-reading #all, .body-explorer #all, .body-saving #all, .body-author-collections #all {box-shadow: none !important;}



/*область тегов в общей*/

.corvette.fluid.rubricator {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 55px rgba(231, 169, 175, 0.6); width: 100% !important;}



/*бэджик*/

#author-badge {background: rgba(251, 226, 226, 0.8) !important; box-shadow: inset 0 0 15px rgba(231,169,175, 0.6) !important;}



/*выпадашки и стикеры*/

.dropdown, #addSticky, .mySticky {background: rgba(251, 226, 226, 0.9) !important; box-shadow: inset 0 0 25px rgba(231, 169, 175, 0.95) !important; border-radius: 4px; padding: 10px !important; border: none !important;}

.dropdown:hover, #addSticky:hover, .mySticky:hover {background: rgba(251, 226, 226, 0.95) !important;}



/*текст и ссылки*/

body, div, p, td, th, li, a, a:link, a:active, a:visited, a b, pre code, .message, .edit-area *, .body-write * {color: #b8a599;}

.comments-area .paginator {border-bottom: none !important;}

.fa, .neutral, .fa.fa-star.like.before-info, .after-info, #author-badge a, #author-badge .info, .info, .attention, .ms span.date a, .date, #proud-links a, #proud-links b, .bh-tags a, .bh-tags ul li, h1, h1 a, h2, h2 a, .inSticky, .inSticky *, .rmSticky, #donotsendsticker, p.blog-author, a.blog-author-link, a.bh-date-link, .bh-reading-attribution a, p.bh-reading-attribution, .dropdown *, .body-start *, .h a, .rubricator a, .rubricator b, #lnk-profile, p.subdistant, .semi-distant b, .paginator, .in-state h1, .in-state h2, .in-state h1 a, .in-state h2 a, .corvette.heading, .corvette.heading a, #senderlab, label {color: #b8a599!important;}

.fa-align-center, .fa-align-right, .fa-align-justify, .fa-id-card-o, .fa-quote-right {color: #555 !important;}

a, a:link, a:active, a:visited {border-bottom: 1px solid rgba(255, 0, 0, .07);}

/*убрать серый цвет активных ссылок*/

.running {filter: none; !important; -webkit-filter: none !important; opacity: 1 !important;}

/*жирный шрифт у активной ссылки в оглавлении дневника*/

#proud-links b, #removelab span.danger {font-weight: bold; color: #b8a599 !important;}

/*ник в комментах*/

.ms-body a.mention {font-weight: bold !important; border-bottom: none;}

/*подчеркивание тегов и ссылок при редактировании поста*/

.sys-link, .edit-area .bh-tags ul li a, form .bh-tags ul li a, .additional-params, .people-loader, .smilies-loader, a.d-link {border-bottom: 1px rgba(255, 0, 0, .07) solid !important;}

/*подчеркивание моря*/

.more-in {border-bottom: 1px dashed rgba(126, 37, 49, 0.6);}



/*ссылки при наведении*/

a:hover, .fa:hover, a.neutral:hover, .more-in:hover, .sys-link:hover, .additional-params:hover, .semi-distant b:hover, a:hover b {color: #b8a599!important; text-shadow: 0 0 0 #b8a599 !important;}



/*кнопки*/

.submit {background: none !important; border-radius: 2px; box-shadow: inset 0 0 15px rgba(231, 169, 175, 0.6); padding: 8px !important; color: #b8a599!important;}

.search-all-from-badge input.submit {padding: 2px 9px 3px !important; }



/*кнопки цитирования, вверх, вниз*/

#quotator, #topLinkBlock, #footerLinkBlock {background: none !important; border-radius: 3px; box-shadow: inset 0 0 15px rgba(231, 169, 175, 0.6);}

#quotator i.fa, #topLinkBlock, #footerLinkBlock {color: #b8a599 !important; opacity: 1 !important;}

#quote-selected-text {border-bottom: 1px dotted rgba(126, 37, 49, 0.6);}



/*цитата*/

.quote {border-left: none !important; display: inline-block; box-shadow: inset 0 0 20px rgba(231,169,175, 0.6); padding: 0 15px; border-radius: 3px;}



/*выделение*/

::selection {background: #d87f8f !important; color: #000 !important;}

::-moz-selection {background: #d87f8f !important; color: #000 !important;}



/*нажатый лайк или звездочка*/

.fa.fa-heart.like.likes, .fa.fa-star.like {color: #da364d !important;}



/*посты, комменты*/

.bh-post, .ms {padding: 40px !important; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.6); margin-bottom: 40px !important; width: 100% !important; border: none;}

.bh-post-in {padding: 0px !important;}



/*убрать разделительную полосу между постами и комментами*/

.bh-post-in, .ms-down {border-bottom: none;}

.bh-text, .bh-text p, .bh-post-micro {max-width: 100% !important;}



/*ширина области комментов*/

.comments-area.corvette.fluid {padding: 0px !important; width: 100%; max-width: 100% !important;}



/*надпись "комментарии"*/

/*.single-entry .distant {padding-left: 4px !important;}*/

/*область ввода комментариев*/

/*.single-entry .semi-distant {}*/



#msger {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.6);}



/*область сособщений*/

#messages-area {box-shadow: none !important;}

/*подчеркивание у ника*/

.body-messages .complex a {border-bottom: 1px solid rgba(231, 169, 175, 0.8) !important; color: #b8a599 !important;}



/*поиск и селекты*/

input.text, input.password, select {box-shadow: none !important; border: 1px solid rgba(231, 169, 175, 0.6) !important;}





/*маленькие экраны*/

@media (max-width: 768px) {

/*верхнее меню*/

h1.corvette.hideable {width: 88% !important; margin-left: 10px !important;}

.corvette.fluid.heading.hideable {margin-top: -20px !important;}

/*инфо о дневнике*/

.handwriter {width: 101% !important; max-width: 101% !important; margin-left: 0 !important;}

.handwriter * {font-size: 90%;}

/*внутренний отступ в постах и комментах*/

.bh-post, .ms {padding: 20px !important;}

}





/*цитатник*/

.saved-labels {border: none;}

.saved-labels a {padding: 3px 8px; border-radius: 4px; box-shadow: inset 0 0 8px rgba(231, 169, 175, 0.6); opacity: 1; color: rgba(126, 37, 49, 0.4); font-style: normal;}

.saved-labels a.saved {background: none; box-shadow:inset 0 0 35px rgba(64, 15, 15, 0.64); color: #b8a599 !important;}


bh-post-in a.userpic img {width:70px;}


Лучшее   Правила сайта   Вход   Регистрация   Восстановление пароля

Материалы сайта предназначены для лиц старше 16 лет (16+)