Toria![]() |
дата: (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 |
Toria![]() |
дата: Отступы изменяются с помощью параметра padding: цвет с помощью параметра color: |
Milana1987![]() |
дата: А как сделать шире расстояние между строк в шапке? |
Саша Бенчь![]() |
дата: http://htmlbook.ru/ ответы почти на все вопросы по css и html. Но выпадающие меню и галереи с прокруткой я брал с других сайтов http://www.dynamicdrive.com/ или http://www.cssplay.co.uk/ |
Tchuba![]() |
дата: (Milana1987 @ 30.03.2013 - время: 19:09) А как сделать шире расстояние между строк в шапке? (Toria @ 17.03.2013 - время: 22:11) <q>Отступы изменяются с помощью параметра padding: цвет с помощью параметра color:</q> |
CHENING![]() |
дата: Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию! ![]() ![]() ![]() Разрешите, пожалуйста, обратить Ваше внимание вот на что: в этой группе почему-то в некоторых постах текст сообщения и подарки вылезают за правую границу блока. Тогда как с другими постами всё в порядке, даже если там длинные фразы и должны бы тоже "вылезти". ![]() Извините, что я в первом же посте - с поправками... Просто группа очень красиво оформлена, а такие вот досадные мелочи мешают гармоничному восприятию. :) |
Toria![]() |
дата: (CHENING @ 03.04.2013 - время: 09:05) Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию! Аха я это видела вероятно из-за того, что у пользователя один подарок нестандартного размера, нужно будет как-то зафиксировать зону подарков, что бы не вылазило за края) Подумаю) |
Tchuba![]() |
дата: (Toria @ 03.04.2013 - время: 09:57) (CHENING @ 03.04.2013 - время: 09:05) Дорогая Toria, спасибо Вам и другим участникам группы за множество толковых советов и полезную информацию! Аха я это видела вероятно из-за того, что у пользователя один подарок нестандартного размера, нужно будет как-то зафиксировать зону подарков, что бы не вылазило за края) Да мы с тобой уже эксперементировали с этим, вспомни. МОжно уменьшить подарки, можно расширить пост и т.д. А проще не заморачиваться, потому как еще многое зависит от расширения монитора, с которого смотришь... |
Toria![]() |
дата: Тут прикол какой если я жёстко выставляю параметры .signature img то в эти же параметры вписываются банеры те, что в подписях, и получается некрасиво. Он просто с 300 на 200 к примеру жмёт банер. А как ещё по другому это всё ограничить хз |
Tchuba![]() |
дата: Присвоить сигнатурам номера))) |
Toria![]() |
дата: Хм, если ты скажешь как? Я с удовольствием вставлю это в код)))) Может ещё попробовать зафиксировать размер поста. Это сообщение отредактировал Toria - 03-04-2013 - 11:24 |
Tchuba![]() |
дата: (Toria @ 03.04.2013 - время: 11:23) Хм, если ты скажешь как? Я с удовольствием вставлю это в код)))) Ну, надо покопаться. Принцип такой же как и кнопкам мы присваиваем. |
Toria![]() |
дата: Ну ты же знаешь, что кнопки я у тебя передрала)))) |
~Marina~![]() |
дата: Вика, спасибо огромное за эту тему! )) сделала пока только самое простое и основное, но уже такая красота в блоге... ![]() спасибо еще раз! ![]() ![]() ![]() |
~Marina~![]() |
дата: а теперь вопросы) че-то много их... ![]() начну с начала, вернее, с верха)) как сделать вверху группы шапку, чтоб она не сдвигалась при прокрутке страницы? |
Toria![]() |
дата: (~Marina~ @ 12.05.2013 - время: 16:36) а теперь вопросы) Смотри это в принципе возможно хотя я не пробовала так делать, наверное нужно использовать встраивание скролинга) |
Toria![]() |
дата: Зашла посмотрела блог, уже действительно хорошо и по весеннему) Кстати что бы фон не прокручивался можно прописать #main {background: url(https://dl.backbook.me/full/63ee91fd61.jpg) repeat; background-attachment: fixed;} |
~Marina~![]() |
дата: (Toria @ 13.05.2013 - время: 09:51) Зашла посмотрела блог, уже действительно хорошо и по весеннему) Вика, спасибо большое! вот только руки дошли опять до дизайна)) попробовала, все получилось)) теперь хочу поставить на фон картинку с видом какого-нить города. какой размер картинки должен быть, чтоб она вся помещалась на экран? почему-то фотки, сделанные мной, слишком большие.. и при установке такого снимка, видно только часть фотографии... |
Toria![]() |
дата: О ну это вечная проблема ибо всё зависит от разрешения монитора))) У меня разрешение 1280*1024 вот такого размера и делаю, но те у кого другое разрешение могут видеть это по другому) можно когда задаёшь бекграунд использовать функцию background-size: cover; |
~Marina~![]() |
дата: (Toria @ 19.05.2013 - время: 12:50) можно когда задаёшь бекграунд использовать функцию background-size: cover; это я счас попробую... а вот тут ПП писал: Да. Можно целую картинку положить или разрезать на 2 части и чтобы они с боков от таблицы с группой были. это все-таки, как сделать? Вика, столько вопросов.. заранее спасибо)) |
Toria![]() |
дата: (~Marina~ @ 19.05.2013 - время: 13:14) а вот тут ПП писал: Да. Можно целую картинку положить или разрезать на 2 части и чтобы они с боков от таблицы с группой были. Этого я не пробовала) На старом движке блогов да а а на новом нет) |
~Marina~![]() |
дата: (Toria @ 19.05.2013 - время: 13:40) Этого я не пробовала) На старом движке блогов да а а на новом нет) а на новом все по-другому работает? то же самое не получится уже?... |
Toria![]() |
дата: Ну наверное если взять старые исходники и попробовать вписать их в новый код то получится, я так сделала в своём блоге))) Но с разделением картинки немного не то, там были вырезанные фотошопом фрагменты накладывались на однотонный фон(белый), блин даже скрина не осталось( |
Белый волк73![]() |
дата: Здравствуйте,Toria. Хочу самостоятельно сделать дизайн своего блога.Очень надеюсь на Вашу помощь,но сделать хочу именно сам.Совсем "чайник",но учиться не боюсь. Чтоб Вы поняли а кем имеете дело первый практический вопрос: (Toria @ 20.11.2012 - время: 11:10) Делая дизайн вы можете часами фотошопить и подбирать фон, для того что бы проверить бесшовный фон как он выглядит, надцать раз не загружая его на дизайн делаем такое))) Когда-то откопала в инете)))) 1. Создаем в блокноте документ с текстом: <html> <head> <body background="рисунок.jpg"> </body> </head> </html> 2. Сохраняем докумет, как - название.html 3. Рисунок должен находиться в той же папке, что и сам сохраненный документ. 4. Вместо "рисунок", вставляете название вашего фона (не забывая писать разрещение, наприменр: fon.jpg) 5. Сохраняем, кликаем по документу два раза, он откроется в браузере и вы увидите плод ваших трудовВидел раньше в компе какой-то блокнот,а сейчас...не нашёл.Где его взять?Только Вы в рифму не отвечайте,пожалуйста,я серьёзно...Я не издеваюсь. И ещё...Вас не пугает,что я тут учиться собрался? |
Toria![]() |
дата: Да я не пугаюсь, прям потянуло после вашего предупреждения в рифму ответить но не буду))) На самом деле блокнот это очень просто берёте пыкаете на рабочем столе правой кнопкой мыши создать - текстовый документ это первый вариант) Другой авриант открываете через мой компьютер нужную папку опять же правой кнопкой мыши создать - текстовый документ))) Вот и всё) |
Белый волк73![]() |
дата: Спасибочки! (Toria @ 11.11.2012 - время: 00:05) Так таблица цветов, в помощь тем у кого нет фотошопа, хотя я зачастую беру цвет пипеткой))) http://clrcds.com/По ссылке таблицы цветов не нашёл. Текстовый документ создал,внёс туда <html> <head> <body background="рисунок.jpg"> </body> </head> </html>Переименовал док-т как html.Создал там-же новую папку.Попытался скопировать в неё бесшовный фон вот отсюда.Ничего не вышло...Мучаюсь дальше... Это сообщение отредактировал Белый волк73 - 18-07-2013 - 16:41 |
Toria![]() |
дата: Таблица цветов тык |
Toria![]() |
дата: Рассказываю на пальцах 1. Создаёте папку называете её к примеру - фон 2. Дальше в эту папку сохраняете картинку и обзываете её к примеру - fon.jpg 3. Создаёте пресловутый txt файл в него пишете такой текст <html> <head> <body background="fon.jpg"> </body> </head> </html> Нажимаете "сохранить как" сохраняете с названием fon.html закрываете окошко 4 Тыкает мышкой на файл fon.html открывается браузер и вы видите как ваш фон будет выглядеть. |
Toria![]() |
дата: |
Белый волк73![]() |
дата: (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![]() |
дата: Уф жесть у меня всё работает, даже не знаю почему у вас такое вылазит, вечером придёт умный программист спрошу у него чиво не так) |
Toria![]() |
дата: Собственно говоря если вам так уж нужно проверить фон можно его сразу на блоге проверять подвешивая картинку в код) Или вообще извращённый вариант замостить на рабочий стол) Но это канеш накрайняк) |
Белый волк73![]() |
дата: (Toria @ 22.07.2013 - время: 09:49) Собственно говоря если вам так уж нужно проверить фон можно его сразу на блоге проверять подвешивая картинку в код) Или вообще извращённый вариант замостить на рабочий стол) Но это канеш накрайняк) Так-то да...Только я хотел научиться.Постепенно,от простого к сложному.Тут явно в какой-то ерунде дело,почти всё ведь получилось...Может дело в бесшовном фоне?Но у меня как картинка он нормально сохранён... Я не тороплюсь.И задача "забабахать" себе красивый блог тоже не стоит.В конце концов я мог попросить помощи в этом деле на сайте,Вы знаете,мы уже общались с Вами на эту тему ранее. Я ещё "потыкаюсь" туда-сюда,может что и получится. Обязательно отпишусь. |
Toria![]() |
дата: Да, но не зацикливайтесь на этом этапе, в основном я когда фотошопила фоны этой фишкой пользовалась для того что бы проверить их на места нестыковок. Если фон уже выбран его можно проверить и вставив в код в блоге) Жаль сейчас практически совсем не занимаюсь дизайнами, но если нужен совет всегда обращайтесь подскажу) Желаю удачи вам в этом деле. |
Demonikus Sant![]() |
дата: (Toria @ 23.07.2013 - время: 00:20) Да, но не зацикливайтесь на этом этапе, в основном я когда фотошопила фоны этой фишкой пользовалась для того что бы проверить их на места нестыковок. Если фон уже выбран его можно проверить и вставив в код в блоге) Вик, а можно проще делать) Я открываю 2 вкладки с настройками моего блога, и в первой вкладке изменяю всё что хочу, если что то не так пошло, то во второй вкладке жму применить, и всё становится как было) нечто типо маленького бекапа) |
1 Пользователей читают эту тему
3 шага к творчеству от идеи до воплощения)
CSS-дизайн
Рекомендуем почитать также топики: · Видео, аудио, графика, анимация · Арт · Инструментальная музыка · Ретушь и обработка фото · Разговоры на диване |
Рекомендуем почитать также группы: · Кафешантан «Пегас Ржевского» · Узбекия, узбеки и узбечки · ДРЕВНЯЯ РУСЬ · BDSM Москва и Окресности · Клуб любителей Рулетки |
3 шага к творчеству от идеи до воплощения)

- Владелец группы
Toria
- Главная страница
- Тем: 36
- Сообщений: 1529
- Фото: 901
- Видео: 83
- Участников: 118
- Посещаемость
- Форумчан: 0
- Гостей: 1165