Оформление блога. Не умею, но хочу. А значит – смогу! А не смогу – буду пробовать, пока не добьюсь своего. Главное, иметь хорошего учителя в лице KRIaWm.
Я и раньше знала о существовании дополнения к Мозиле под названием Firebug, но даже и не предполагала, насколько просто с ним работать с css. Никаких папок с темой, никаких прыжков из админки на главную страницу и обратно. Щёлкнул по элементу, который хочешь изменить, включил анализ – и нате вам пожалуйста – смотри, что получается прямо на главной странице блога. Нашёл нужное решение – скопировал в папку с css и радуешься жизни.
Изменила сегодня размер и стиль шрифта. Слегка увеличила, потому что читается трудновато, а очки не люблю носить, бе-е-е... Когда вчитаешься, вроде и прежний шрифт хорош, а мне с большим размером легче. А Вам?
Кому интересно, как шрифт изменить проще пареной репы, читайте дальше.
Установив дополнение к браузеру, щёлкаем на какой-нибудь странице по тексту. Под правой кнопкой мыши откроется следующее окошко:
Видите внизу Анализировать документ? Жмите. Анализируйте.
Видите справа слово body? И размер шрифта, прописанный в процентах? Щёлкните по размеру, откроется маленькое окошечко для правки. Прописывайте свои проценты. Дополнение тут же покажет Вам, как этот размер будет смотреться на блоге. Я установила цифру 80. Изменила font-style на italic. Скопировала эти установки и поместила в папку с css. Вот и всё.
Дальше изучаю это дополнение и мне оно нравится.
Мой друг посоветовал ещё одно дополнения для работы с сайтами, называется оно Web developer. Но за него пока не бралась, всему своё время.
Ох, и крутая же я Капля скоро буду!
Сообщения
Интересно и познавательно - будем искать подобное для Opera
ОтветитьУдалитьиз браузеров для меня самый удобный Apple safari -))
ОтветитьУдалитьСпасибо за подробности. :)
ОтветитьУдалитьСогласна с pan_nav.
ОтветитьУдалитьСколько у меня было попыток переделать блог, так теперь кажется уже все в css знаю)
ОтветитьУдалитьКапелька, вот как ты смотришься у меня:
ОтветитьУдалитьhttp://black_lagoon.blog.tut.by/files/2010/04/kapelka.png
А сейчас как?
ОтветитьУдалитьРовненько всё, сейчас скрин сделаю.
ОтветитьУдалитьhttp://black_lagoon.blog.tut.by/files/2010/04/kapelka2.png
ОтветитьУдалитьСпасибо, Крона. Что-то шрифт названия блога у тебя не поменялся. Шрифт Vesna прописан, а у тебя по умолчанию отображается.
ОтветитьУдалитьДело в том, что что бы шрифт отображался, нужно чтобы он был в папке fonts в винде. У тебя есть - вот и показывает. А у кого нет этого шрифта - не показывает. Вот так вот... Замени на Geogria - она у всех есть. Или скинь шрифт для скачки)
ОтветитьУдалитьПосмотрю, что за Грузия такая)
ОтветитьУдалитьУ меня вообще Опера..!)))
ОтветитьУдалитьОпера норм, но для блогов tut.by рекомендована Мозила.
ОтветитьУдалитьу меня не так отображается...совсем не так...
ОтветитьУдалитьчестно,у меня такой ужас сейчас отображается...)
ОтветитьУдалитьНа Опере у меня всё то же, если не учитывать, что шрифт и наклон я вернула на место)
ОтветитьУдалитьу меня знаете как?такие здаровый,прям громадные буквы.)
ОтветитьУдалитьвот посмотрите http://www.fotohost.by/show/8e439a9c0bf9503473f930245511591c как отборажается.
ОтветитьУдалитьСпасибо, что потрудился скрин сделать. Видишь - внизу статьи ссылка? Скачай себе шрифт и закинь в папку со шрифтами через Пуск - Панель управления - Шрифты. Просто шрифта такого у тебя нет и браузер его не распознаёт.
ОтветитьУдалитьага.ясно спасибо=)сейчас попробую...
ОтветитьУдалитьА мне такая лень думать... Скачала, установила, ничего не изменилось. Всё.
ОтветитьУдалитьСегодня попробую название текста отдельно сделать в фотошопе. Если будет время. Не могу же я допустить, чтобы отображался блог криво. Сделаем. Немножко терпения.
ОтветитьУдалитьВот, сегодня уже красиво отображается, и название кликабельно!
ОтветитьУдалитьодним словом вспомнил пароль...буду продолжать публикации.
ОтветитьУдалитьЯ рада, Gregory. Тебе привет от общего знакомого. Интересно, сколько времени ты вспоминал пароль на этот раз? )
ОтветитьУдалитьОкси, а я ничего не меняла. И очень рада, что у тебя всё отображается. Значит, и у других тоже будет норм.
ОтветитьУдалитьПароль вспомнил где то на 5 минуте после того как проснулся...
ОтветитьУдалитьУникум))
ОтветитьУдалитьВ Opera, начиная с версии 9.5, существует аналогичное приложение — Opera Dragonfly, для того, чтобы вызвать его, нужно кликнуть правой кнопкой мыши на странице и выбрать пункт «Проинспектировать элемент».
ОтветитьУдалитьМм… Использовать нестандартный шрифт на веб-сайте — считается дурным тоном, а тем более предлагать их скачать и установить, да и вообще это как-то неудобно; все-таки надо подумать о том, каким сайт увидит пользователь. Так например, на данном блоге в CSS вторичным шрифтом указан рубленый шрифт (sans serif) — в итоге шапка смотрится слишком чопорно, и я даже сказал бы, что некрасиво. Если же хочется использовать именно этот шрифт, то надпись нужно сделать изображением, но думаю, что это — не выход. Поэтому стоит обратиться к стандартным шрифтам: например, есть очень похожий на шрифт в шапке — Monotype Corsiva, так же можно использовать курсивное начертание шрифта Book Antiqua. Оба этих шрифта являются стандартными и отобразятся у пользователя в любом случае. Оба варианта я «опробовал», вот что получилось — http://go.qb.by/37d9, по-моему смотрится вполне симпатично, а главное то, что не нужно заставлять пользователя скачивать и устанавливать шрифты. Кстати, не мешало бы поработать над цветами, ибо нынешний вариант нечитабельный.
Если интересно — можно погуглить по запросу «безопасные шрифты». ;-)
Спасибо большое, nicrofilcheg. Со шрифтом я разобралась, а вот с цветом не получается у меня.
ОтветитьУдалить2kapelkaSm
ОтветитьУдалитьДаже не знаю. Шапка слишком пестрая, цвета особо не подберешь. Самым рациональным решением было бы поменять ее или убрать вовсе (кстати, без шапки смотрится очень легко и «воздушно»).
В прицепе, можно прибегнуть к CSS — использовать свойство эффекта тени — «text-shadow» (впервые оно было представлено аж в 1998 году, но почему-то не было реализовано во всех браузерах, а сейчас его поддерживают только последние версии браузеров, а IE не поддерживает вовсе, поэтому это тоже не панацея). Однако… Объявляется он так:
Селектор {
text-shadow: 1px 0px 2px #000;
}
Значит, первый параметр отвечает за смещение по горизонтали;
второй — смещение по вертикали;
третий — радиус размытия;
четвертый — цвет тени.
С параметрами можно и нужно экспериментировать, получится примерно так — http://go.qb.by/37e3.
Мне нравится. Буду пробовать. Спасибо ещё раз.
ОтветитьУдалить