Для начала идем в My Page -> Design -> Custom style sheet и ставим галочку на Use my custom style sheet together with the current theme, а в поле Enter CSS добавляем свой код.
Поменять картинку в шапке блога можно так:
#top
{
background: url("http://files.myopera.com/Laeh\ Nuabhaat/img/image.jpg") top center no-repeat;
}
Здесь и далее то, что имеет вид "http:… …" нужно заменить ссылками на ваши файлы.
Если ваше имя состоит из двух частей, как у меня, в большинстве случаев между ними можно оставить пробел /Ivan Petrov/, но у меня работает только /Ivan\ Petrov/
Меняем цвет(color), шрифт(font-family), положение заголовка (у меня это сейчас "Мой чøрный блокнот"):
#top h1 {
width:100%;
overflow:hidden;
font-size:40px;
font-family:papyrus,book antiqua;
font-style:italic;
line-height:normal;
color: #2708ad;
padding-top:0px;
}
Цвет в hex-обозначении — от #000000(черный) до #ffffff(белый) можно подобрать во многих графических редакторах (paint.net например).
Список шрифтов можно посмотреть тут, например.
Фоновый рисунок по бокам:
body {
background-image: url("http://files.myopera.com/Laeh\ Nuabhaat/img/fabrics.jpg");
background-repeat: repeat;
}
По умолчанию у всех в блоге есть внизу страницы ссылки "Share on del.icio.us/digg/Facebook/ma.gnolia…" Я решил, что мне они не нужны. Добавляем строчку:
.sharethis { display: none; }
Ну и самое главное, если вам понравилось чьё-то оформление можно пройти по такой ссылке http://files.myopera.com/%USERNAME%/user.css и спереть код 🙂
UPD. Меняем цвет/фон/шрифт/размер шрифта для центральной части страницы (там, где весь текст, включая комментарии):
#content {
background: url("http://files.myopera.com/Laeh\ Nuabhaat/img/web_shaded.jpg")no-repeat;
color: #000000;
background-color: #ffffff;
background-position: -10px 0px;
font-size:14px;
}
После background: url у меня стоит no-repeat, если нам нужно сделать сплошной фон из текстуры(как у меня по краям сейчас) оставляем repeat (еще можно сделать повторение по горизонтали repeat-x и по вертикали repeat-y, чтобы, например, сделать обрамление по бокам). Если нужно выровнять рисунок по правому краю, рядом с no-repeat добавляем right, по центру center, по центру внизу center bottom и так далее.
Текстуры можно скачать тут, например
:yes: В закладки!
Композитор!
Про «узернаме» это ты кому???
отлично!
там вместо %USERNAME% имя пользователя нужно подставить 🙂
Ооооо, супер!!! Хорошо нас послали!!! :yes: :up: Спасибки 😮
Про «узернаме» это ты кому???Тебе, конечно
Originally posted by Papillonia:Ооооо, супер!!! Хорошо нас послали!!! Спасибки А это о чем тогда?
😀 Печкин сюда всех посылает, а спасибки тебе
😀
А чо, мне кого-нибудь куда-нибудь послать, как письмо отослать! :whistle: 😉 😀
:yikes: почему мне 😥 я еще не пробовала, но теоритически всё поняла
😆
Так, ладно, похихикали и хватит, а теперь Олег, признавайся а как поменять фон за текстом??? :eyes:
Добавил 🙂
Супер!!! Спасибо :flirt: :yes: :happy:
А у меня еще вопрос созрел, а размером каким картинки то делать?
920х170 для шапки, а остальные смотреть нужно. уточни, что хочешь?
для шапки я знала :p, а для боков и фона за текстом нет.
если собираешься поставить текстурку, то неважно, главное, чтобы весила не слишком много, а то страница будет долго загружаться, если не текстуру, то пробуй, как будет выглядеть
Спасибо :happy:
спасибо!
Ну,теперь по Опере будем гулять как по музею-красота! с девизом «встречают по одёжке»…:whistle: спасибо Олег,на досуге попробую осилить и эту грамоту! :nervous:
гигантское спасибо. опробую позже
🙂 не за что
Спасибо! И я справилась! 🙂 А картинки только в формате JPG можнo или GIF тоже загружать в шапку и по бокам блога?
Надо будет на досуге попробовать
jpeg, gif и png можно
А можно еще немного инструкций? Как надпись на шапке блога опустить пониже? Цвет у верхней надписи смогла помеять на чёрный, а у нижней, где буквы поменьше, так и осталась белой.. Как ее сделать другим светом?
ждём снетерпением!
В среду или чуть раньше доберусь до компьютера, напишу обязательно.
Ой, спасибо! Буду ждать! 🙂
хех..шустро РУ комьюнити подключилось к свеженькому проэкту.Слежу,спасибо за CSS =)
overly, спасибо! сейчас поколдую, посмотрю, что получится
🙂
Originally posted by milkka:Как надпись на шапке блога опустить пониже?#top h1 {padding-top:20px;}Только вместе с ней станет ниже и подзаголовок тожеOriginally posted by milkka:у нижней, где буквы поменьше, так и осталась белой.. Как ее сделать другим светом?#subtitle {color: #000000;}Это черный
каким образом можно просто задать фон по бокам просто цветом?body {color: #000000;}не помогло.
попробуйbody { background-image: none; background-color: #000000;}
Спасибо, overly)Кстати, наконец понял как подключить к этому делу Dragonyfly. Вопросов должно стать меньше)
🙂 отлично, надо будет тоже посмотреть, что в нём есть
В шрифте не прописаны русские символы, выбери другой
Этот шрифт не поддерживает кириллицу, попробуй какой-нибудь другой
речь не о названии, а о самом шрифте
бррррони похоже по всему сайту не работают, my.opera.com опять что-то изменила
кеш обновлял? понажимай F5
а в опере функция «турбо» не включена случайно?
судя по результатам этого сайта http://browsershots.org/http://my.opera.com/Roman369/blog/show.dml/11646142шрифт отображается только в опере, хроме и браузерах на движке webkitфиг его знает, почему так 🙂