немного CSS

Для начала идем в 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 и так далее.
Текстуры можно скачать тут, например

Join the Conversation

  1. там вместо %USERNAME% имя пользователя нужно подставить 🙂

  2. Ооооо, супер!!! Хорошо нас послали!!! :yes: :up: Спасибки 😮

  3. Про «узернаме» это ты кому???Тебе, конечно

  4. Originally posted by Papillonia:Ооооо, супер!!! Хорошо нас послали!!! Спасибки А это о чем тогда?

  5. 😀 Печкин сюда всех посылает, а спасибки тебе

  6. А чо, мне кого-нибудь куда-нибудь послать, как письмо отослать! :whistle: 😉 😀

  7. :yikes: почему мне 😥 я еще не пробовала, но теоритически всё поняла

  8. Так, ладно, похихикали и хватит, а теперь Олег, признавайся а как поменять фон за текстом??? :eyes:

  9. А у меня еще вопрос созрел, а размером каким картинки то делать?

  10. 920х170 для шапки, а остальные смотреть нужно. уточни, что хочешь?

  11. для шапки я знала :p, а для боков и фона за текстом нет.

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

  13. Ну,теперь по Опере будем гулять как по музею-красота! с девизом «встречают по одёжке»…:whistle: спасибо Олег,на досуге попробую осилить и эту грамоту! :nervous:

  14. Спасибо! И я справилась! 🙂 А картинки только в формате JPG можнo или GIF тоже загружать в шапку и по бокам блога?

  15. А можно еще немного инструкций? Как надпись на шапке блога опустить пониже? Цвет у верхней надписи смогла помеять на чёрный, а у нижней, где буквы поменьше, так и осталась белой.. Как ее сделать другим светом?

  16. В среду или чуть раньше доберусь до компьютера, напишу обязательно.

  17. хех..шустро РУ комьюнити подключилось к свеженькому проэкту.Слежу,спасибо за CSS =)

  18. overly, спасибо! сейчас поколдую, посмотрю, что получится

  19. Originally posted by milkka:Как надпись на шапке блога опустить пониже?#top h1 {padding-top:20px;}Только вместе с ней станет ниже и подзаголовок тожеOriginally posted by milkka:у нижней, где буквы поменьше, так и осталась белой.. Как ее сделать другим светом?#subtitle {color: #000000;}Это черный

  20. каким образом можно просто задать фон по бокам просто цветом?body {color: #000000;}не помогло.

  21. попробуйbody { background-image: none; background-color: #000000;}

  22. Спасибо, overly)Кстати, наконец понял как подключить к этому делу Dragonyfly. Вопросов должно стать меньше)

  23. 🙂 отлично, надо будет тоже посмотреть, что в нём есть

  24. В шрифте не прописаны русские символы, выбери другой

  25. Этот шрифт не поддерживает кириллицу, попробуй какой-нибудь другой

  26. бррррони похоже по всему сайту не работают, my.opera.com опять что-то изменила

  27. а в опере функция «турбо» не включена случайно?

Comment