Оформление блога.

Научился менять дизайн данного блога.
Помогли ссылки Таблица цветов и Учебник

См. в коментах.Вопросы - там же.

Итак:

1.Заходим в "Настройки блога";
2.Выбираем опцию "Дизайн";
3. Далее,в "изменить свои настройки" видим:

<style type='text/css'>
body, td, div, span {font-family:Tahoma, Geneva, sans-serif}
a {font-size:11px; color:#333333}
.rechead { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:11px; font-weight:bold; font-style:normal; color:#FFFFFF; border-left-width:1px; border-left-style:solid; border-left-color:#d0d0d0; border-right-width:1px; border-right-style:solid; border-right-color:#999999; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#999999; border-top-width:1px; border-top-style:solid; border-top-color:#d0d0d0; background-color:#717171; padding:2px; }
.rechead a:link, .rechead a:visited, .rechead a:active, .rechead a:hover { text-decoration: underline; color:#FFFFFF; }
.rec { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#F0F6ED; border-right-width:1px; border-right-style:solid; border-right-color:#cccccc; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cccccc; border-top-width:1px; border-top-style:solid; border-top-color:#F0F6ED; background-color:#dedede; padding:6px; }
.rec a:link, .rec a:visited, .rec a:active, .rec a:hover { text-decoration: underline; color:#000000; }
.recinput { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }
.tableborder { border-left-width:1px; border-left-style:solid; border-left-color:#000000; border-right-width:1px; border-right-style:solid; border-right-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; border-top-width:1px; border-top-style:solid; border-top-color:#000000; }
a:hover {color:#dd0000; text-decoration:none}
h1 {font-size:18px; margin:2px}
h2 {margin:0px; margin-bottom:10px}
.mainbody {background-color:#cccccc; font-size:12px}
.mainbody a {color:#000000; font-size:12px}
.textpost {background-color:#ffffff; width:90%; padding:10px; border:solid 2px #999}
.textpost td {color:#00000; font-size:12px; font-style:normal}
.datapost {color:#990000; font-size:14px; font-style:italic; font-weight:bold}
.linkcomment a {font-size:12px; color:#0000ff}
.linkcomment {text-align:center; border-bottom:solid 1px #CCC}
.blog_right_nic {font-size:14px; font-weight:bold}
.blog_right_zag {font-size:11px; font-weight:bold}
.blog_right {font-size:11px; color:#000000}
.blog_right a {font-size:11px; color:#333333}
.blog_right li {list-style-type:none; padding-top:3px; font-size:11px}
</style>

Вот с этой байдой и будем работать...

1. Для того,что бы поменять фон за пределами поста,выбираем среди этого множества букв одну строку,в которой заменяем кодовое обозначение цвета на нужное нам,взятое из Таблицы цветов.

Нам нужна строка :

.mainbody {background-color:#cccccc; font-size:12px}

Меняем Код: #cccccc на,например- #FFE4C4 ,нажимаем "Сохранить"...и получаем песочный цвет фона за пределами поста.

1. Для того,что бы поменять фон в пределах поста,выбираем строку:

.textpost {background-color:#ffffff; width:90%; padding:10px; border:solid 2px #999}

в которой производим подобные же действия.

Цвет,размер и даже наклонный или прямой шрифт,всё делается тут,главное найти это местечко в котором нужно поменять код или циферку.

И ещё:
Будьте внимательны,если по неосторожности, вы случайно нажмёте на "Сохранить" под верхним окном,то всё придётся начинать сначала!!!

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

<style type='text/css'>

/* Шрифт блога */
body, td, div, span {font-family:Tahoma, Geneva, sans-serif}

/* Цвет ссылок */
a {font-size:11px; color:#696969}

/* ---------- */
.rechead { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:11px; font-weight:bold; font-style:normal; color:#FFFFFF; border-left-width:1px; border-left-style:solid; border-left-color:#d0d0d0; border-right-width:1px; border-right-style:solid; border-right-color:#999999; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#999999; border-top-width:1px; border-top-style:solid; border-top-color:#d0d0d0; background-color:#717171; padding:2px; }

/* ---------- */
.rechead a:link, .rechead a:visited, .rechead a:active, .rechead a:hover { text-decoration: underline; color:#FFFFFF; }

/* ---------- */
.rec { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:11px; font-weight:normal; font-style:normal; color:#000000; border-left-width:1px; border-left-style:solid; border-left-color:#F0F6ED; border-right-width:1px; border-right-style:solid; border-right-color:#cccccc; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cccccc; border-top-width:1px; border-top-style:solid; border-top-color:#F0F6ED; background-color:#dedede; padding:6px; }

/* ---------- */
.rec a:link, .rec a:visited, .rec a:active, .rec a:hover { text-decoration: underline; color:#000000; }

/* ---------- */
.recinput { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }

/* ---------- */
.tableborder { border-left-width:1px; border-left-style:solid; border-left-color:#000000; border-right-width:1px; border-right-style:solid; border-right-color:#000000; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#000000; border-top-width:1px; border-top-style:solid; border-top-color:#000000; }

/* Цвет ссылок при наведении */
a:hover {color:#dd0000; text-decoration:none}

/* Название блога */
h1 {color:#800080;font-size:20px;margin:2px}

/* Заголовок сообщения */
h2 {margin:0px; margin-bottom:10px}

/* Цвет фона и размер и свойства текста 'адрес блога' */
.mainbody {background-color:#FFE4B5; font-size:12px}

/* Цвет основного фона и свойста ссылки адреса блога */
.mainbody a {color:#000000; font-size:12px}

/* Размер и цвет ссылок листания страниц */
.pagelist {width:90%; color:#00000; font-size:12px; font-style:normal}

/* Свойства таблицы в которой находятся сообщения блога */
.textpost {background-color:#F5F5DC; width:90%; padding:10px; border:solid 10px #006400}
.textpost td {color:#00000; font-size:12px; font-style:normal}

/* Свойства текста даты и времени сообщения */
.datapost {color:#CCC; font-size:8px; font-style:italic; font-weight:bold}

/* Свойства текста даты и времени комментариев */
.datacomment {color:#CCC; font-size:8px; font-style:normal; font-weight:normal}

/* Свойства текста ссылки комментариев, цитирования, редактирования, текста оценок */
.linkcomment a {font-size:12px; color:#696969}
.linkcomment {color:#696969;text-align:center;border-bottom:solid 8px #CCC}

/* Правый столбец блога */
/* Ник владельца блога */
.blog_right_nic {color:#800080;font-size:14px;font-weight:bold}

/* Заголовки типа 'Оценки блога, Подарки, Статистика' */
.blog_right_zag {font-size:11px;font-weight:bold;color:#800080}

/* Свойства текста и ссылок в правом столбце */
.blog_right {font-size:11px;color:#800080}
.blog_right a {font-size:11px;color:#800080}

/* Свойства ссылок (маркированнный список), которые идут ниже оценок блога */
.blog_right li {list-style-type:none;padding-top:3px; font-size:11px}
</style>

Я тоже с CSS "ну почти раздуплилась" вот только бы, блог открыть))))

Они (ПП и !danilka!) похоже все блоги,которые были на тот момент закрыты,зафиксировали в закрытом состоянии)))

Наверное придётся УЧЕБНИК изучать

А то,что-то никак картинку в фон не могу вставить в соответствии с примером,который привёл Палыч

Хочу вот эту сюда,в фон:

QUOTE

все блоги,которые были на тот момент закрыты,зафиксировали в закрытом состоянии)))

ыыыыыыыыы

У меня тоже картинка не вставилась, а какой ты код пишешь?
Хде пример?

Ну так это-то >>>>>>>>

Там даже невооружённым глазом виден косяк,как минимум- со скобками

Оно ни в каком виде со ссылкой url код не хавает по всякому пробовала((

вот и я тоже,по всякому попробовал...
и в учебнике написано примерно так-же,как ПП написал,только скобки расставлены правильно.
возможно,что-то с программой пока не айс,!danilka! где-то,что-то не дописал

т.е. фон можно поставить любой... не только однотонный???

Хм...а вот где дата... там полностью линейкой фон нельзя сделать??? а то у меня только дата фоном получается...

QUOTE

т.е. фон можно поставить любой... не только однотонный???

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

QUOTE

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

вот черт!!! а то я мучаюсь... получается только херня какая то... ладно... пока что хоть что то сделаю...

QUOTE

Хм...а вот где дата... там полностью линейкой фон нельзя сделать??? а то у меня только дата фоном получается...

Не очень понял вопроса.Но постараюсь ответить:

Фон меняем в пределах поста и за его пределами.Для этих целей используем две строки в SCC

1..mainbody {background-color:#FFE4B5; font-size:12px}
и
2..textpost {background-color:#F5F5DC; width:90%; padding:10px; border:solid 10px #006400}

[

QUOTE

Не очень понял вопроса.Но постараюсь ответить: Фон меняем в пределах поста и за его пределами.Для этих целей используем две строки в SCC 1..mainbody {background-color:#FFE4B5; font-size:12px} и 2..textpost {background-color:#F5F5DC; width:90%; padding:10px; border:solid 10px #006400}

нууу... т.е. где дата написания поста.
Я хотел полностью закрасить фон, который бы выходил за пределы даты... т.е. до конца на весь абзац. А у меня закрашивает только дату...

это где

datapost

QUOTE

нууу... т.е. где дата написания поста. Я хотел полностью закрасить фон, который бы выходил за пределы даты... т.е. до конца на весь абзац. А у меня закрашивает только дату...

ПонЯл)..Я не пробовал так делать.

А толщину и цвет вокруг постов менял в этой же строке
textpost {background-color:#F5F5DC; width:90%; padding:10px; border:solid 10px #006400}

QUOTE

ПонЯл)..Я не пробовал так делать. А толщину и цвет вокруг постов менял в этой же строке textpost {background-color:#F5F5DC; width:90%; padding:10px; border:solid 10px #006400}

Это я уже понял и изучил)))

а расскажи как ты в фон картинку добавил...я пробовала делать как ПП сказал-не получается у меня вставить

Посмотри в теме,он только что тебе ответил)
но всё-равно свой вариант я щас вставлю в этот пост...погоди сек

Смотри...
/* Шрифт блога */
body, td, div, span {font-family:Tahoma, Geneva, sans-serif}
body {background-image:url(https://dl.backbook.me//"какая то картинка".jpg); background-attachment:fixed}...

и далее в строке

/* Цвет фона и размер и свойства текста 'адрес блога' */
.mainbody {font-size:12px}

А если ставить ссылку без dl., перед адресом хостингфайла-ничего не выходит...ведь dl. уменьшает фотку?Или не он,а превью-короче когда вместо превью ставишь photo - не выходит...а я не хочу в милипусечном размере,у меня от него в глазах рябит( неужели полноразмерку фона поставить нельзя?

Всем привет. Я на скорую руку набросал в своём блоге что то с чем то и получил в итоге вот что -
http://www.hostingfailov.com/photo/8c5c75f3c0

Если честно то я немного разочарован: Страшные шрифты verdana, italic и прочий некрасивый шлак. Очень многое связано друг с другом из-за чего не подобрать правильную гамму цвета. Меню типа "Добавить меня в друзья и вовсе бякиш какой то. Лично я завтра удалю наверное все эти доморошенные фоновые изображения и сделаю обычный и дубовый блог.

Почитала, поняла, что ничего не поняла.. Не для меня, старой и больной женщины все эти трудности.. Незачем... Либо вообще писАть не буду, либо в том стандартном страшном и убогом что есть...

Я так поняла, что выделять цитаты цветом у тебя тоже не получилось?

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

To Невинная я

Да я и не ставил себе такую задачу,но любопытно,буду искать как
это сделать,если удастся найти,то напишу.

To Темпераментная стерва
Просто скажи свои пожелания в двух словах (типа-цвет фона жёлтенький,цвет поста- синеникий,букаффки побольше и пожирнее ),я напишу тебе твой файл css?...скопируешь,поставишь в свои настройки дизайна ..ну и потом детально отрегулируем вместе

To Athreu
Само собой косяков еще много,да и хочется большего.Данилка же работает,всё будет ок

Честно честно?
Правда правда?

Я через пару деньков вернусь с дачи и отпишусь, ога. Ничего сложного не надо, шрифт увеличить да читабельность и разделительность улучшить...

хорошо)

Привет!
/* Свойства цитируемого текста */
#QUOTE {background-color:#D8BFD8; border:1px solid #dddddd}

Для цитат.
Границы можно делать разными - dotted, dashed, double, groove, ridge, inset,outset.
Можно также установить специальные свойства для верхнего, нижнего, правого и левого края рамки. *наверное, я сам не проверял
border-right-style: solid;
border-right-color: green;

У тебя классная маленькая картинка на заднем фоне - не расплывчатая)) у меня из-за превью - расплылась трошки))

Привет)

QUOTE

У тебя классная маленькая картинка на заднем фоне - не расплывчатая)) у меня из-за превью - расплылась трошки))

Мне будет жаль,когда она мне надоест)))...
А зачем ты превьюшкой загрузил?..Вроде бы можно и без неё?

body {background-image:url(https://dl.backbook.me/preview/9149def6b1.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;background-size:250px} - я так задал - бекграунд-сайзом растянул - совсем маленькая была.

Блин,нашли себе игрушку
На пару недель занятия хватит

чо то глюкнуло....и ,в результате, у меня установился мой любимый шрифт
HZ как это вышло

У метода "научного тыка" несомненно есть один минус- через некоторое время уже не помнишь как и что делал и,в случае если нужно повторить или кому-то обьяснить,то весть твой "опыт" становится совершенно (ну или почти) бесполезным