Записи Друзья Комментарии

Rost Rost

Аватар Rost

-Всегда под рукой

Найти в блоге:

Rost рекомендует
Блог Ильи Татарникова

-Подписка по e-mail

-Интересы

деньги

-Статистика

Создан: 08.05.2003
Записей: 13925
Комментариев: 173911
Написано: 266000

Отчеты:
Посетители
Поисковые фразы

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

Пятница, 19 Августа 2011 г. 08:16 + в цитатник

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

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

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

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

- background-color:#EEEEEE

- background-image: url(//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(//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(//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

Метки: как копировать чужой дизайн

Процитировано 193 раз
Понравилось: 48 пользователям

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 3 [Новые]

С-ве-тик обратиться по имени Пятница, 19 Августа 2011 г. 08:46 (ссылка)

Спасибо за подсказки,может быть и придется воспользоваться вашим постом.

Ответить С цитатой В цитатник

Almix обратиться по имени Пятница, 19 Августа 2011 г. 11:56 (ссылка)

Хорошей пятницы!

Ответить С цитатой В цитатник

Rost обратиться по имени Пятница, 19 Августа 2011 г. 13:17 (ссылка)

Исходное сообщение Almix:
Хорошей пятницы!

Almix, вы это к чему?

Лорелея

Ответить С цитатой В цитатник

Армастан обратиться по имени Пятница, 19 Августа 2011 г. 14:38 (ссылка)

Вы знаете ??? Я в Ваших постах нажимаю на слово НРАВИТСЯ--оно не реагирует на мои нажатия-получается я не могу Вас поблагодарить !!!
Чуть раньше было это слово вверху поста--там реагировало на моё нажатие.
А теперь-я незнаю как ВЫРАЗИТЬ Вам благодарность....

Ответить С цитатой В цитатник

a_bit_of_M обратиться по имени Суббота, 20 Августа 2011 г. 15:10 (ссылка)

Ответ на комментарий Делитант

Делитант, Боже мой, какие страсти на allpa.ru.? Немало разумного сказано, хороший слог! Но слишком темпераментно. Чувствуется, что автор - энтузазист борьбы за справедливость. ПИчалька лишь в том, что где-то рядом маячит слово "склока". Не люблю массовые разборки, в которых мухи сливаются с котлетами. Не думаю, что интересный материал имеет к обсуждаемому посту Роста прямое отношение. Так, по косвенной. Надеюсь раздувать муху до размеров саблезубого тигра не будут. Спасибо за ссылку на allpa.ru. Автор странички 16 лет в инете?!!! Сдуреть можно. А вот, не сдурела же... и пишет хорошо... Вот только нервная система ... Об этом я и думаю, когда слышу о заработках в интернете.))) Темка авторства, воровства и плагиата - вечная темка. На ней можно немного /слегка/приподняться. Я так думаю