Как скопировать оформление чужого блога? (Часть 1)

Вы зашли в чужой блог на ЛиРу и вам понравилось его оформление? Хотите и себе сделать такое же? Нет ничего проще! Что? Не знаете, как это сделать? А хотите это узнать? Тогда читайте ниже.

Для начала необходимо открыть исходный код страницы понравившегося блога (Как посмотреть исходный код страницы?). Там надо найти вот такую строчку:
<style type="text/css">

После неё и будут идти настройки дизайна. Если кто-то не знает, что в дизайне дневника что, рекомендую ознакомиться с этим сообщением.

1. Настройки фона.
После строчки <style type="text/css"> будет примерно такая строка:
html {background-color:#EEEEEE;background-image: url(http://img0.liveinternet.ru/images/attach/c/3/76/916/76916880_fonsm.jpg);background-repeat:repeat;;background-attachment: fixed;}
Разберём её "в картинках".
- background-color:#EEEEEE
- background-image: url(http://img0.liveinternet.ru/images/attach/c/3/76/916/76916880_fonsm.jpg) (ссылка на фоновую картинку страницы)
- background-repeat:repeat
- background-attachment: fixed

Внимание! Если какого-то из перечисленных кодов нет, значит и его значения нет в настройках!

2. Цвет текста.
Далее будет примерно такой кусок текста:

#BlWrapper,#BlWrapper .BAR, #BlWrapper .BAR tr, #BlWrapper .BAR tr td, #BlWrapper .BAR a:link,#BlWrapper .BAR a:visited,#BlWrapper .BAR a:hover,#BlWrapper .BAR a:active{color:#111111;}
#BlWrapper a:link {color:#333333;}#BlWrapper a:visited{color:#444444;}#BlWrapper a:hover,#BlWrapper a:active{color:#434343;

Разберём и его "в картинках".
- #BlWrapper .BAR a:active{color:#111111;}
- #BlWrapper a:link {color:#333333;}
- #BlWrapper a:visited{color:#444444;}

3. Настройки панели навигации.
Далее будет примерно такой кусок текста:

#BlMnuVcard {background-color: #dddddd; background-image: url(http://img0.liveinternet.ru/images/attach/c/3/76/919/76919172_Logo.png);background-repeat:no-repeat;}

И снова - картинки:
- background-color: #dddddd
Если background-color: transparent, значит - (прозрачный фон)
- background-image: url(http://img0.liveinternet.ru/images/attach/c/3/76/919/76919172_Logo.png) (ссылка на фоновую картинку)
- background-repeat:no-repeat

3. Настройки шрифтов.
Далее идут настройки шрифтов:

.CONBL, .CONBL table, .CONBL table tr, .CONBL table tr td, .YANDIR, .CONBLDLTD {font-size:11pt;font-family:Comic Sans MS;font-weight:normal;font-style:italic;}
.BAR, .BAR tr, .BAR tr td {font-size:8pt;font-family:Courier New;font-weight:normal;font-style:normal;}
#BlWrapp .EPIG {font-size:9pt;font-family:Times New Roman;font-weight:normal;font-style:normal;}
.MNUBL,.MNUBANBL,.MNUBL input,.MNUBANBL input {font-size:10pt;font-family:Georgia;font-weight:normal;font-style:normal;}
.ZAG b, .ZAG strong {font-size:12pt;font-family:Arial;font-weight:bold;font-style:normal;}

И снова - картинки.
- .CONBL, .CONBL table, .CONBL table tr, .CONBL table tr td, .YANDIR, .CONBLDLTD {font-size:11pt;font-family:Comic Sans MS;font-weight:normal;font-style:italic;}
- .BAR, .BAR tr, .BAR tr td {font-size:8pt;font-family:Courier New;font-weight:normal;font-style:normal;}
- #BlWrapp .EPIG {font-size:9pt;font-family:Times New Roman;font-weight:normal;font-style:normal;}
- .MNUBL,.MNUBANBL,.MNUBL input,.MNUBANBL input {font-size:10pt;font-family:Georgia;font-weight:normal;font-style:normal;}
- .ZAG b, .ZAG strong {font-size:12pt;font-family:Arial;font-weight:bold;font-style:normal;}

(продолжение следут)

LI 5.09.15

Тэги: дизайн, копировать, чужой