CSS-дизайн

(Milana1987 @ 17.03.2013 - время: 12:37)
Здравствуйте. Подскажите пожалуйста, можно ли изменить цвет, шрифт и расстояние между строками? Если "ДА", то как это сделать? Смотрите свойства текста в надписи "Milana Morsid Club" прописывается в

#navigation h1 {
color: #45003F;
text-shadow: 1px 1px 2px #C89F99;
}

текст под ней

#navigation span {
display: block;
margin: -10px 0px 6px;
}

а ссылки под ними

#navigation a {
color: #451D1B;
}

Это сообщение отредактировал Toria - 17-03-2013 - 22:09

Отступы изменяются с помощью параметра padding:
цвет с помощью параметра color:

А как сделать шире расстояние между строк в шапке?

http://htmlbook.ru/ ответы почти на все вопросы по css и html. Но выпадающие меню и галереи с прокруткой я брал с других сайтов http://www.dynamicdrive.com/ или http://www.cssplay.co.uk/

(Milana1987 @ 30.03.2013 - время: 19:09)
А как сделать шире расстояние между строк в шапке?
(Toria @ 17.03.2013 - время: 22:11)
<q>Отступы изменяются с помощью параметра padding:
цвет с помощью параметра color:</q>

Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию!

Разрешите, пожалуйста, обратить Ваше внимание вот на что: в этой группе почему-то в некоторых постах текст сообщения и подарки вылезают за правую границу блока. Тогда как с другими постами всё в порядке, даже если там длинные фразы и должны бы тоже "вылезти".



Извините, что я в первом же посте - с поправками... Просто группа очень красиво оформлена, а такие вот досадные мелочи мешают гармоничному восприятию. :)

(CHENING @ 03.04.2013 - время: 09:05)
Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию!

Разрешите, пожалуйста, обратить Ваше внимание вот на что: в этой группе почему-то в некоторых постах текст сообщения и подарки вылезают за правую границу блока. Тогда как с другими постами всё в порядке, даже если там длинные фразы и должны бы тоже "вылезти".


Извините, что я в первом же посте - с поправками... Просто группа очень красиво оформлена, а такие вот досадные мелочи мешают гармоничному восприятию. :)
Аха я это видела вероятно из-за того, что у пользователя один подарок нестандартного размера, нужно будет как-то зафиксировать зону подарков, что бы не вылазило за края)
Подумаю)

(Toria @ 03.04.2013 - время: 09:57)
(CHENING @ 03.04.2013 - время: 09:05)
Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию!

Разрешите, пожалуйста, обратить Ваше внимание вот на что: в этой группе почему-то в некоторых постах текст сообщения и подарки вылезают за правую границу блока. Тогда как с другими постами всё в порядке, даже если там длинные фразы и должны бы тоже "вылезти".


Извините, что я в первом же посте - с поправками... Просто группа очень красиво оформлена, а такие вот досадные мелочи мешают гармоничному восприятию. :) Аха я это видела вероятно из-за того, что у пользователя один подарок нестандартного размера, нужно будет как-то зафиксировать зону подарков, что бы не вылазило за края)
Подумаю)
Да мы с тобой уже эксперементировали с этим, вспомни. МОжно уменьшить подарки, можно расширить пост и т.д. А проще не заморачиваться, потому как еще многое зависит от расширения монитора, с которого смотришь...

Тут прикол какой если я жёстко выставляю параметры .signature img то в эти же параметры вписываются банеры те, что в подписях, и получается некрасиво.

Он просто с 300 на 200 к примеру жмёт банер.

А как ещё по другому это всё ограничить хз

Присвоить сигнатурам номера)))

Хм, если ты скажешь как? Я с удовольствием вставлю это в код))))

Может ещё попробовать зафиксировать размер поста.

Это сообщение отредактировал Toria - 03-04-2013 - 11:24

(Toria @ 03.04.2013 - время: 11:23)
Хм, если ты скажешь как? Я с удовольствием вставлю это в код))))

Ну, надо покопаться. Принцип такой же как и кнопкам мы присваиваем.

Ну ты же знаешь, что кнопки я у тебя передрала))))

Вика, спасибо огромное за эту тему! ))
сделала пока только самое простое и основное, но уже такая красота в блоге...
спасибо еще раз!

а теперь вопросы)
че-то много их...
начну с начала, вернее, с верха)) как сделать вверху группы шапку, чтоб она не сдвигалась при прокрутке страницы?

(~Marina~ @ 12.05.2013 - время: 16:36)
а теперь вопросы)
че-то много их...
начну с начала, вернее, с верха)) как сделать вверху группы шапку, чтоб она не сдвигалась при прокрутке страницы?
Смотри это в принципе возможно хотя я не пробовала так делать, наверное нужно использовать встраивание скролинга)

Зашла посмотрела блог, уже действительно хорошо и по весеннему)

Кстати что бы фон не прокручивался можно прописать

#main
{background: url(https://dl.backbook.me/full/63ee91fd61.jpg) repeat;
background-attachment: fixed;}

(Toria @ 13.05.2013 - время: 09:51)
Зашла посмотрела блог, уже действительно хорошо и по весеннему)

Кстати что бы фон не прокручивался можно прописать

#main
{background: url(https://dl.backbook.me/full/63ee91fd61.jpg) repeat;
background-attachment: fixed;}

Вика, спасибо большое!
вот только руки дошли опять до дизайна)) попробовала, все получилось))

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

О ну это вечная проблема ибо всё зависит от разрешения монитора)))

У меня разрешение 1280*1024 вот такого размера и делаю, но те у кого другое разрешение могут видеть это по другому)

можно когда задаёшь бекграунд использовать функцию background-size: cover;

(Toria @ 19.05.2013 - время: 12:50)
можно когда задаёшь бекграунд использовать функцию background-size: cover;

это я счас попробую...

а вот тут ПП писал:


Да. Можно целую картинку положить или разрезать на 2 части и чтобы они с боков от таблицы с группой были.

это все-таки, как сделать?
Вика, столько вопросов.. заранее спасибо))

(~Marina~ @ 19.05.2013 - время: 13:14)
а вот тут ПП писал:
Да. Можно целую картинку положить или разрезать на 2 части и чтобы они с боков от таблицы с группой были.
Этого я не пробовала) На старом движке блогов да а а на новом нет)

(Toria @ 19.05.2013 - время: 13:40)
Этого я не пробовала) На старом движке блогов да а а на новом нет)
а на новом все по-другому работает?
то же самое не получится уже?...

Ну наверное если взять старые исходники и попробовать вписать их в новый код то получится, я так сделала в своём блоге)))

Но с разделением картинки немного не то, там были вырезанные фотошопом фрагменты накладывались на однотонный фон(белый), блин даже скрина не осталось(

Здравствуйте,Toria.
Хочу самостоятельно сделать дизайн своего блога.Очень надеюсь на Вашу помощь,но сделать хочу именно сам.Совсем "чайник",но учиться не боюсь.
Чтоб Вы поняли а кем имеете дело первый практический вопрос: (Toria @ 20.11.2012 - время: 11:10)
Делая дизайн вы можете часами фотошопить и подбирать фон, для того что бы проверить бесшовный фон как он выглядит, надцать раз не загружая его на дизайн делаем такое))) Когда-то откопала в инете))))

1. Создаем в блокноте документ с текстом:
<html>
<head>
<body background="рисунок.jpg">
</body>
</head>
</html>

2. Сохраняем докумет, как - название.html
3. Рисунок должен находиться в той же папке, что и сам сохраненный документ.
4. Вместо "рисунок", вставляете название вашего фона (не забывая писать разрещение, наприменр: fon.jpg)
5. Сохраняем, кликаем по документу два раза, он откроется в браузере и вы увидите плод ваших трудовВидел раньше в компе какой-то блокнот,а сейчас...не нашёл.Где его взять?Только Вы в рифму не отвечайте,пожалуйста,я серьёзно...Я не издеваюсь.

И ещё...Вас не пугает,что я тут учиться собрался?

Да я не пугаюсь, прям потянуло после вашего предупреждения в рифму ответить но не буду)))

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

Вот и всё)

Спасибочки!
(Toria @ 11.11.2012 - время: 00:05)
Так таблица цветов, в помощь тем у кого нет фотошопа, хотя я зачастую беру цвет пипеткой)))
http://clrcds.com/По ссылке таблицы цветов не нашёл.

Текстовый документ создал,внёс туда

<html>
<head>
<body background="рисунок.jpg">
</body>
</head>
</html>Переименовал док-т как html.Создал там-же новую папку.Попытался скопировать в неё бесшовный фон вот отсюда.Ничего не вышло...Мучаюсь дальше...

Это сообщение отредактировал Белый волк73 - 18-07-2013 - 16:41

Таблица цветов тык

Рассказываю на пальцах

1. Создаёте папку называете её к примеру - фон
2. Дальше в эту папку сохраняете картинку и обзываете её к примеру - fon.jpg
3. Создаёте пресловутый txt файл в него пишете такой текст

<html>
<head>
<body background="fon.jpg">
</body>
</head>
</html>

Нажимаете "сохранить как" сохраняете с названием fon.html
закрываете окошко

4 Тыкает мышкой на файл fon.html открывается браузер и вы видите как ваш фон будет выглядеть.

Генераторы кнопок

Топ 5 генераторов CSS кнопок для сайта
тык

(Toria @ 20.07.2013 - время: 15:17)
Рассказываю на пальцах

1. Создаёте папку называете её к примеру - фон
2. Дальше в эту папку сохраняете картинку и обзываете её к примеру - fon.jpg
3. Создаёте пресловутый txt файл в него пишете такой текст

<html>
<head>
<body background="fon.jpg">
</body>
</head>
</html>

Нажимаете "сохранить как" сохраняете с названием fon.html
закрываете окошко

4 Тыкает мышкой на файл fon.html открывается браузер и вы видите как ваш фон будет выглядеть.
"На пальцах" это привычней,спасибо...
Отпишусь по-шагово.
Делаю папку.
Сохраняю в неё рисунок(Ваш бесшовный фон).Называю его " fon.jpg".
Делаю TXT-документ,копирую в него:
<html>
<head>
<body background="fon.jpg">
</body>
</head>
</html>
Нажимаю сохранить как fon.html....
А дальше всё идёт не так.Текстовый документ остаётся с названием текстовый документ и никакого текста,в нём нет,он пустой.Но...появляется листик с названием браузера:fon Firefox HTML Document 1 КБ.Нажимаю-пустой лист браузера,в поисковой строке:file:///C:/Documents%20and%20Settings/%D0%9B%D1%91%D1%88%D0%B0/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/CSS/fon.html
Я понятно не успокаиваюсь.Переименовываю тхт-файл в fon.html(как было сказано...).Опять копирую в него
<html>
<head>
<body background="fon.jpg">
</body>
</head>
</html>
Сохраняю.Всё получается.
Только не работает...Хоть на тхт-файл нажимай,хоть на листок со значком браузера.
Печалька...
А в остальном всё красиво:и картинка с бесшовным фоном,и текстовый файл(наконец с нужным названием и текстом),и даже браузер.Я честно говоря с рождения в этой стране,привык уже.Всё здорово!Вот ещё бы работало...

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

Собственно говоря если вам так уж нужно проверить фон можно его сразу на блоге проверять подвешивая картинку в код)
Или вообще извращённый вариант замостить на рабочий стол)
Но это канеш накрайняк)

(Toria @ 22.07.2013 - время: 09:49)
Собственно говоря если вам так уж нужно проверить фон можно его сразу на блоге проверять подвешивая картинку в код)
Или вообще извращённый вариант замостить на рабочий стол)
Но это канеш накрайняк)
Так-то да...Только я хотел научиться.Постепенно,от простого к сложному.Тут явно в какой-то ерунде дело,почти всё ведь получилось...Может дело в бесшовном фоне?Но у меня как картинка он нормально сохранён...
Я не тороплюсь.И задача "забабахать" себе красивый блог тоже не стоит.В конце концов я мог попросить помощи в этом деле на сайте,Вы знаете,мы уже общались с Вами на эту тему ранее.
Я ещё "потыкаюсь" туда-сюда,может что и получится.
Обязательно отпишусь.

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

Жаль сейчас практически совсем не занимаюсь дизайнами, но если нужен совет всегда обращайтесь подскажу) Желаю удачи вам в этом деле.

(Toria @ 23.07.2013 - время: 00:20)
Да, но не зацикливайтесь на этом этапе, в основном я когда фотошопила фоны этой фишкой пользовалась для того что бы проверить их на места нестыковок. Если фон уже выбран его можно проверить и вставив в код в блоге)

Жаль сейчас практически совсем не занимаюсь дизайнами, но если нужен совет всегда обращайтесь подскажу) Желаю удачи вам в этом деле.
Вик, а можно проще делать) Я открываю 2 вкладки с настройками моего блога, и в первой вкладке изменяю всё что хочу, если что то не так пошло, то во второй вкладке жму применить, и всё становится как было) нечто типо маленького бекапа)