Site Logo
Site Logo

Женский форум

Все для женщин
 
23 ноя 2017, 14:14

Часовой пояс: UTC + 3 часа




Начать новую тему Ответить на тему  [ Сообщений: 32 ]  На страницу 1, 2, 3  След.
Автор Сообщение
 Заголовок сообщения: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 13:33 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
Кто уже разобрался, как менять дизайны в блогах, давайте делиться скринами и кодами.
Я разобралась лишь как менять фон и цвет шрифта, потому как в кодах вообще не шарю, и методом научного тыка натыкала, как говорится :xixi:
И сразу прошу прощение за весьма "интеллектуальное" содержание моего блога. Будем считать это разминкой lol

1. Скрин: Изображение

Код:
body {
background: #A0522D;
color: #000000;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

2. Скрин: Изображение

Код:
body {
background: #808000;
color: #000000;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

3. Скрин: Изображение

Код:
body {
background: #DEB887;
color: #000000;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

4. Скрин: Изображение

Код:
body {
background: #008000;
color: #FFDAB9;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 13:38 
Не в сети
Администратор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 17 фев 2010, 13:21
Сообщений: 2862
Откуда: Россия
Благодарил (а): 82 раз.
Поблагодарили: 74 раз.
Награды: 4
Креатив форума (1) Онлайн пользователь (1) Ветеран форума (1) Опытная мама (1)
Имя: Юлия
Всего пунктов: 107
Для того что бы изменить дизайн, нажимаем блоги, далее справа жмем "панель управления блогом" , сразу откроется окно про дизайны, там выбираем стиль code*, и ниже вставляем в окошко код, и жмем "Отправить"


Что бы изменить фон дневника, вставляем в строчку background: код понравившегося вам цвета.В данном случае я взяла второй код цвета из таблицы. (которая ниже)

это будет выглядить вот так
body {
background: FAEBD7
color: F0F8FF;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}




Что бы изменить шрифт в дневнике вставляем в строчку color: код понравившегося вам цвета, к примеру самый первый из таблицы, голубой - код F0F8FF, ниже предоставлены коды всех цветов.




тоесть будет это выглядеть вот так

body {
background: #008000;
color: F0F8FF;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}


по поводу остальных настроек разберемся позже :4u:

_________________
Личные дневники на форуме
Что такое дневники?


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 13:50 
Не в сети
Администратор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 17 фев 2010, 13:21
Сообщений: 2862
Откуда: Россия
Благодарил (а): 82 раз.
Поблагодарили: 74 раз.
Награды: 4
Креатив форума (1) Онлайн пользователь (1) Ветеран форума (1) Опытная мама (1)
Имя: Юлия
Всего пунктов: 107
aliceblue (Голубой элис) F0F8FF
antiquewhite (Белый антик) FAEBD7
aquamarine (Аквамарин) 7FFFD4
azure (Лазурный) F0FFFF
beige (Бежевый) F5F5DC
black (Черный) 000000
blanchedalmond (Белый далматинский) FFEBCD
blue (Синий) 0000FF
blueviolet (Сине-фиолетовый) 8A2BE2
brown (Коричневый) A52A2A
burlywood (Старое дерево) DEB887
cadetblue (Серо-синий) 5F9EA0
chartreuse (Зеленовато-желтый) 7FFF00
chocolate (Шоколадный) D2691E
coral (Коралловый) FF7F50
cornflowerblue (Васильковый) 6495ED
cornsilk (Шелковый оттенок) FFF8DC
cream (Кремовый) FFFBF0
crimson (Малиновый) DC143C
cyan, aqua (Циан, зеленовато-голубой) 00FFFF
darkblue (Темно-синий) 00008B
darkcyan (Темный циан) 008B8B
darkgoldenrod (Темно-золотистый) B8860B
darkgray (Темно-серый) A9A9A9
darkgreen (Темно-зеленый) 006400
darkkhaki (Темный хаки) BDB76B
darkmagenta (Темный фуксин) 8B008B
darkolivegreen (Темно-оливковый) 556B2F
darkorange (Темно-оранжевый) FF8C00
darkorchid (Темный орхидейный) 9932CC
darkred (Темно-красный) 8B0000
darksalmon (Темный лососевый) E9967A
darkseagreen (Темный морской волны) 8FBC8F
darkslateblue (Темный грифельно-синий) 483D8B
darkslategray (Темный синевато-серый) 2F4F4F
darkturquoise (Темно-бирюзовый) 00CED1
darkviolet (Темно-фиолетовый) 9400D3
darkyellow (Темно-желтый) 808000
deeppink (Глубокий розовый) FF1493
deepskyblue (Глубокий небесно-голубой) 00BFFF
dimgray (Тускло-серый) 696969
dodgerblue (Синий доджер) 1E90FF
firebrick (Кирпичный) B22222
floralwhite (Цветочно-белый) FFFAF0
forestgreen (Зеленый лесной) 228B22
gainsboro (Гэйнсборо) DCDCDC
ghostwhite (Призрачно-белый) F8F8FF
gold (Золотой) FFD700
goldenrod (Золотистый) DAA520
gray (Серый) 808080
green (Зеленый) 008000
greenyellow (Зелено-желтый) ADFF2F
honeydew (Медовый) F0FFF0
hotpink (Теплый розовый) FF69B4
indianred (Индейский красный) CD5C5C
indigo (Индиго) 4B0082 75, 0, 130
ivory (Слоновая кость) FFFFF0
khaki (Хаки) F0E68C
lavender (Лиловый) E6E6FA
lavenderblush (Лилово-красный) FFF0F5
lawngreen (Зеленая лужайка) 7CFC00
lemonchiffon (Лимонный) FFFACD
lightblue (Светло-синий) ADD8E6
lightcoral (Коралловый светлый) F08080
lightcyan (Светлый циан) E0FFFF
lightgoldenrod (Светло-золотистый) FFEC8B
lightgoldenrodyellow (Светло-желтый золотистый) FAFAD2
lightgray (Светло-серый) D3D3D3
lightgreen (Светло-зеленый) 90EE90
lightpink (Светло-розовый) FFB6C1
lightsalmon (Светлый лососевый) FFA07A
lightseagreen (Светлый морской волны) 20B2AA
lightskyblue (Светлый небесно-голубой) 87CEFA
lightslateblue (Светлый грифельно-синий) 8470FF
lightslategray (Светлый грифельно-серый) 778899
lightsteelblue (Светло-голубой со стальным оттенком) B0C4DE
lightyellow (Светло-желтый) FFFFE0
lime (Лайм) 00FF00
limegreen (Лимонно-зеленый) 32CD32
linen (Льняной) FAF0E6
magenta (Фуксин) FF00FF
maroon (Бордовый) 800000
mediumaquamarine (Средний аквамарин) 66CDAA
mediumblue (Средний голубой) 0000CD
mediumgray (Нейтральный серый) A0A0A4
mediumgreen (Средний зеленый) C0DCC0
mediumorchid (Средний орхидейный) BA55D3
mediumpurple (Средний пурпурный) 9370DB
mediumseagreen (Средний морской волны) 3CB371
mediumslateblue (Средний грифельно-синий) 7B68EE
mediumspringgreen (Средний весенне-зеленый) 00FA9A
mediumturquoise (Средний бирюзовый) 48D1CC
mediumvioletred (Средний красно-фиолетовый) C71585
midnightblue (Полуночно-синий) 191970
mintcream (Мятно-кремовый) F5FFFA
mistyrose (Тускло-розовый) FFE4E1
moccasin (Мокасин) FFE4B5
navajowhite (Белый навахо) FFDEAD
navy (Военно-морской темно-синий)
oldlace (Олдлэйс) FDF5E6
olive (Оливковый) 808000
olivedrab (Унылый оливковый) 6B8E23
orange (Оранжевый) FFA500
orangered (Оранжево-красный) FF4500
orchid (Орхидейный) DA70D6
palegoldenrod (Бледно-золотистый) EEE8AA
palegreen (Бледно-зеленый) 98FB98
paleturquoise (Бледно-бирюзовый) AFEEEE
palevioletred (Бледный красно-фиолетовый) DB7093
papayawhop (Папайя) FFEFD5
peachpuff (Персиковый) FFDAB9
peru (Перу) CD853F
pink (Розовый) FFC0CB
plum (Сливовый) DDA0DD
powderblue (Синий с пороховым оттенком) B0E0E6
purple (Пурпурный) 800080
red (Красный) FF0000
rosybrown (Розово-коричневый) BC8F8F
royalblue (Голубой королевский) 4169E1
saddlebrown (Кожано-коричневый) 8B4513
salmon (Лососевый, сомон) FA8072
sandybrown (Песчано-коричневый) F4A460
seagreen (Морской волны) 2E8B57 4
seashell (Морская раковина) FFF5EE
sienna (Охра) A0522D
silver (Серебристый) C0C0C0
skyblue (Небесно-голубой) 87CEEB
slateblue (Грифельно-синий) 6A5ACD
slategray (Синевато-серый) 708080
snow (Белоснежный) FFFAFA
springgreen (Весенне-зеленый) 00FF7F
steelblue (Синий со стальным оттенком) 4682B4
tan (Загар) D2B48C
teal (Чирок) 008080
thistle (Чертополох) D8BFD8
tomato (Томатный) FF6347
turquoise (Бирюзовый) 40E0D0
violet (Фиолетовый) EE82EE
violetred (Красно-фиолетовый) D02090
wheat (Пшеничный) F5DEB3
white (Белый) FFFFFF
whitesmoke (Белый дым) F5F5F5
yellow (Желтый) FFFF00
yellowgreen (Желто-зеленый) 9ACD32

_________________
Личные дневники на форуме
Что такое дневники?


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 14:02 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
5. Малиновый: Изображение

Код:
body {
background: #FF69B4;
color: #000000;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

6. Сливовый: Изображение

Код:
body {
background: #DDA0DD;
color: #800080;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

7. Бирюзовый: Изображение

Код:
body {
background: #008080;
color: #F5F5F5;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}


Последний раз редактировалось Аргентина 23 июл 2011, 14:15, всего редактировалось 1 раз.

Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 14:12 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
8. Готический: Изображение

Код:
body {
background: #000000;
color: #F5F5DC;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

9. Еле-зеленый: Изображение

Код:
body {
background: #F0FFF0;
color: #6B8E23;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}

10.Синий с белым: Изображение

body {
background: #191970;
color: #F8F8FF;
font: 0.75em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
}


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 15:38 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 19 июл 2011, 15:24
Сообщений: 680
Благодарил (а): 3 раз.
Поблагодарили: 20 раз.
Награды: 1
Спасибо! (1)
Имя: Сашка
1. Ребенок: Пашка
Всего пунктов: 118
Только для дизайна "code" - остальные пока не смотрела еще (да и этот особо не ковыряла)
Цвет и размер текста в блоге -
color - цвет
front-size- размер шрифта, можно указать в em (относительные единицы) либо в px (пиксели).

.blog_text {
color: #000000;
font-size: 1.4em
}

Цвет и размер текста в комментариях (то же самое, что и для блога)

.reply_text {
color: #000000;
font-size: 1.2em
}

Цвет и размер даты (слева которая)

.timestamp {
color: #08457e;
font-size: 1em
}

Цвет и размер заголовков блога - меняем color или font-size

div.post h3 a:link, div.post h3 a:visited {
color: #082567;
font-size: 1.6em
text-decoration: none;
}

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

_________________
"Все счастливые семьи счастливы одинаково, каждая несчастливая семья несчастлива по-своему" (с)

Изображение



За это сообщение автора slyboots поблагодарили: 2 Аргентина, Жемчужинка
Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 16:32 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 19 июл 2011, 15:24
Сообщений: 680
Благодарил (а): 3 раз.
Поблагодарили: 20 раз.
Награды: 1
Спасибо! (1)
Имя: Сашка
1. Ребенок: Пашка
Всего пунктов: 118
Вставка картинки вместо фона
Выбираем картинку где-нибудь (хоть в яндексе)
Вставляем адрес картинки вместо ***

body {
background: #ffffff url("***") ;
color: #000000
}

Адрес обязательно должен быть в кавычках ;)

_________________
"Все счастливые семьи счастливы одинаково, каждая несчастливая семья несчастлива по-своему" (с)

Изображение


Последний раз редактировалось slyboots 23 июл 2011, 16:34, всего редактировалось 1 раз.

Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 16:33 
Не в сети
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 16 июл 2011, 14:02
Сообщений: 16
Откуда: Москва
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Всего пунктов: 0
Angel of rain писал(а):
то бы изменить фон дневника, вставляем в строчку background:

что то я не пойму... а где вот эта графа, куда код то вставлять? окно большое вижу, а строка эта где? или нужно самой в окне это все написать :blush: :huh:

_________________
Изображение


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 16:49 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 19 июл 2011, 15:24
Сообщений: 680
Благодарил (а): 3 раз.
Поблагодарили: 20 раз.
Награды: 1
Спасибо! (1)
Имя: Сашка
1. Ребенок: Пашка
Всего пунктов: 118
Владиславна вот ты диз выбрала, например, "code", там внизу будет окошечко, под CSS (просто пустой белый фон)
И вот туда пропишешь -
body {
background: #ffffff url("***") ;
color: #000000
}
Вместо звездочек адрес какой-нить картинки, например, с яндекса фон (там их навалом)...
Если просто хочешь покрасить фон в цвет без картинки, то убери url("***") и все...
Потом нажимаешь "отправить" и смотришь, что получилось :xixi:

_________________
"Все счастливые семьи счастливы одинаково, каждая несчастливая семья несчастлива по-своему" (с)

Изображение


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 17:24 
Не в сети
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 16 июл 2011, 14:02
Сообщений: 16
Откуда: Москва
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Всего пунктов: 0
slyboots
вроде так и делаю, а не меняется :idontno: :cry:

_________________
Изображение


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 17:42 
Не в сети
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 19 июл 2011, 21:51
Сообщений: 5
Откуда: Мск
Благодарил (а): 7 раз.
Поблагодарили: 3 раз.
Всего пунктов: 0
Владиславна, выбери другой стиль - Coda и попробуй еще
если что спрашивай

_________________
Я Кэт
Изображение
Прежде, чем высказать свое мнение, подумайте готовы ли вы его отстаивать.


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 18:17 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
slyboots, большое огромное спасибо!
а как цвет названия дневника изменить? подскажи, пожалуйста.
а то у меня зеленый не вписывается :huh:


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 18:44 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
код для изменения цвета надписи "комментарии" (меняем строчку color на цвет из таблицы):
.postmeta a:link,.postmeta a:visited {
color: #6A5ACD;
text-decoration: none;
}

код для изменения поля поиска (можно изменять color, background, border - цвет границ окошка поиска:
input, textarea {
width: 98%;
font-size: 11px;
color: #CCC;
font-family: "trebuchet ms", arial, sans-serif;
background: #1A1A1A;
border: #000000 1px solid;
margin: 2px 0 0 0;
}


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 19:15 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 01 июл 2011, 14:05
Сообщений: 48
Благодарил (а): 17 раз.
Поблагодарили: 0 раз.
Награды: 1
Помощник (1)
Всего пунктов: 0
код для создания фона под записями, т.е. основной фон (красивый) будет как бы сзади, под тем, на каком вы надписи делать будете (меняем, как обычно, background-color):

#content{
background-color:#000000;
}

Получатся записи на однотонном фоне, а сзади этот фон, который вы сделаете по коду, который slyboots выше указала. Вот он этот код (вместо звездочек ссылка на картинку):
body {
background: #ffffff url("***") ;
color: #000000
}


Вернуться наверх
 Профиль  
 
 Заголовок сообщения: Re: Дизайны для блогов
СообщениеДобавлено: 23 июл 2011, 19:24 
Не в сети
Модератор
Аватар пользователя
СообщениеБлог пользователя

Зарегистрирован: 19 июл 2011, 15:24
Сообщений: 680
Благодарил (а): 3 раз.
Поблагодарили: 20 раз.
Награды: 1
Спасибо! (1)
Имя: Сашка
1. Ребенок: Пашка
Всего пунктов: 118
Аргентина писал(а):
а как цвет названия дневника изменить? подскажи, пожалуйста.

Текст будет такой:
div#intro h1 {
padding: 0 5px;
color: #ffffff;
font-size: 1.3em;
float: left;
}
В принципе, можно поиграть цветом, размером, расположением на шапке...

_________________
"Все счастливые семьи счастливы одинаково, каждая несчастливая семья несчастлива по-своему" (с)

Изображение



За это сообщение автора slyboots поблагодарил: Аргентина
Вернуться наверх
 Профиль  
 
Показать сообщения за:  Сортировать по:  
Начать новую тему Ответить на тему  [ Сообщений: 32 ]  На страницу 1, 2, 3  След.

Часовой пояс: UTC + 3 часа


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB