№520 Grange! — @дневники: асоциальная сеть

[ShokolaD] DESIGN +

среда, 17 февраля 2010

YourSovest

Остановите Землю, я сойду! (с)

07:02 №520 Grange!

Тема: Grange! [Мизушима Хиро / Мацуда Шота]

Вариант с Мизушима Хиро (верх)

про отображение в браузерах и предупреждения
вариант с Мацуда Шота и скрины с меню и избранного

Взять?

НАСТРОЙКИ ОФОРМЛЕНИЯ

КОД

{КОД НАХОДИТСЯ В СВОБОДНОМ ДОСТУПЕ. ПЕРЕДЕЛКА НЕ РАЗРЕШАЕТСЯ, КРОМЕ ИЗМЕНЕНИЯ ЦВЕТА ШРИФТОВ}
 {код и дизайн собраны YourSovest}
 {---}
 {ОСНОВНЫЕ БЛОКИ}
 #wrapper{min-width:700px!important; width:700px!important;padding:0 !important;float: right !important;}
 #page-c {min-width:600px !important; width:600px !important; padding:0 !important; margin:0 !important; -moz-opacity:.70 !important;opacity:.70 !important; filter:alpha(opacity=70); margin-right: 30px !important;}
 #page-t {margin:0 !important;}
 body{background: #fff url('КАРТИНКА 001';) no-repeat !important; background-attachment: fixed !important; background-position: top left !important;}
 #extratop {BACKGROUND:url('КАРТИНКА 002';) no-repeat; WIDTH: 720px; important; HEIGHT: 150px; important; background-position:top center !important;margin-top: -10px !important;}
 #pageBar a{color: #666 !important; margin-top: 50px !important;}
 #pageBar a:hover {color: #ccc !important;}
 {---}
 {МЕНЮ}
 #side {position: absolute; z-index: 0px; width: 25px !important; text-transform: lowercase; position: top center !important; margin-top: 120px !important; font-size: 15px !important;}
 #side h1 {font-weight: bold !important;}
 #side h1 a:hover {color: #CCC !important;}
 #side h1 a {color: #ccc !important; position: absolute !important; margin-left:-200px !important; margin-top: -140px !important; width: 300px; font-size: 9pt !important;}
 .menuSection a {color: #666699; }
 .menuSection a:hover {font-weight: bold !important; color: #fff !important;}
 .menuSection div, .menuSection a, #thisDiaryInfo .border, #Stats a {margin-left: 15px;}
 .menuSection {text-align:center; position: relative !important; line-height: 12px !important; text-indent: 0px; margin-top: 0; margin-bottom: 0;height: 160px !important; margin-top: 10px;-moz-opacity:.20 !important;opacity:.20 !important; filter:alpha(opacity=20)}
 .menuSection:hover {margin-left: -170px !important;-moz-opacity:.75 !important;opacity:.75 !important; filter:alpha(opacity=75);}
 #authorName {text-transform:uppercase;font-weight: bold !important;}
 #authorName {color: #CC6666;}
 #globalLinks, #thisDiaryOwner, #YaSearch, #thisDiaryInfo, #Stats {overflow:hidden !important;}
 #myDiaryLinks {background: url('КАРТИНКА 003';) no-repeat !important; background-position: top right !important; overflow: hidden;}
 #globalLinks {background: url('КАРТИНКА 004';) no-repeat !important; background-position: top right !important;}
 #thisDiaryOwner {background: url('КАРТИНКА 005';) no-repeat !important; background-position: top right !important;}
 #thisDiaryInfo {background: url('КАРТИНКА 006';) no-repeat !important; background-position: top right !important;}
 #Stats {background: url('КАРТИНКА 007';) no-repeat !important; background-position: top right !important;}
 #thisDiaryOwner #TagsList {max-height: 170px !important; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-x: visible !important;overflow: auto !important;}
 #globalLinks:hover{overflow:visible;}
 #myDiaryLink {font-weight: normal !important;}
 #pchListLink, #randomDiaryLink, #diarySpiritLink, #pchs, #lastComments, #iAmQuit, #subscribeEmail, #delFromFav, #YaSearch, #myAlbumLink, #photolibLink, #topNavLinks, #thisDiaryLinks, #myNotepadLink {display: none !important;}
 {---}
 {ЗАПИСИ}
 .postContent {background-color: #7d8ba1 !important; margin-top: -2px !important; z-index: 1 !important;}
 #postsArea {z-index: 1 !important;text-decoration: none !important;}
 #JournalFavorite .paragraph, #JournalQuote .paragraph{margin-left: 130px !important; margin-right: 20px!important;}
 .paragraph {margin-left: 15px !important; margin-right: 20px!important;text-DECORATION: none !important;text-decoration: none !important;}
 #post0 {background: url('КАРТИНКА 008';) no-repeat !important; background-position: bottom center !important; padding-bottom: 72px;}
 #post0 a{color: #fff !important;}
 #post0 .postContent {background: #c16b7d !important;}
 .postActionLinks{margin-top: 60px !important;}
 #post0 .header {background: url('КАРТИНКА 009';) no-repeat !important; margin-bottom: -24px !important;}
 #JournalFavorite .communityName, #JournalQuote .communityName {background-color: #7d8ba1 !important; margin-top: -2px !important; margin-bottom: -5px !important;}
 #JournalQuote .authorName {background-color: #7d8ba1 !important;}
 #JournalDraft .postContent {margin-top: -10px !important;}
 #JournalDraft .paragraph {margin-left: 120px !important;}
 #JournalDraft #post0 .postContent {margin-top: -20px !important;}
 #JournalCalendar #postsArea, #JournalLinks #postsArea {background-color: #7d8ba1 !important;}
 #JournalLinks #content {background-color: transparent !important; margin-top: -10px !important; margin-bottom: 20px !important;}
 #JournalLinks div, #JournalLinks a {color: #fff;}
 #JournalComments .paragraph {width: 560 px !important; margin-left: 120px !important;}
 #JournalComments .postContent{margin-top: -30px !important;}
 #JournalFavorite #postsArea {margin-top: 40px !important;}
 #JournalFavorite #postsContent {margin-top: 10px !important;}
 #Journal #msg_form {margin-bottom: 21px !important; background: #7d8ba1 !important; margin-top: 0px !important;}
#Journal #msg_form #message {background: #c16b7d !important;}
 TEXTAREA:focus, TEXTAREA:visited, #JournalLinks TEXTAREA:focus, #JournalLinks TEXTAREA:visited, { background: #c16b7d !important; color: #000 !important;}
 {---}
 {ХЕДЕР ЗАПИСИ}
 .header span, .header h2, #draft_title, #new_post_title, .calHeader, #JournalLinks .group_link, #links_title {text-shadow: #6a97d8 0.1em 0.1em 0.2em}
 .postDate {color: #ccc !important;}
 .header{background: url('КАРТИНКА 010';) no-repeat !important; height: 81px; width: 605px;background-position: bottom left !important; z-index: 2 !important;}
 .header h2 {margin-top: 25px;}
 .header span {display: none !important;}
 #Journal .header h2, #Journal .header span{ margin-left: 30px;}
 .header h2, .postDate, .postLinks, .header span, #draft_title, #new_post_title, #links_title {display:block; width:100%; text-align:center;}
 .postActionLinks {margin-right: 40px;}
 #draft_title, .calHeader, #links_title {background: none !important;}
 .order_button {display: none !important;}
 #JournalFavorite .postContent {margin-top: -25px !important;}
 #JournalLinks .header{background: none !important; width: 580px !important;}
 {---}
 {ССЫЛКИ ЗАПИСИ}
 .postLinksBackg {background: url('КАРТИНКА 011';) no-repeat !important; height: 92px; width: 607px; background-position: top left !important; margin-top: -5px; margin-bottom: -78px !important;}
 .postLinks {margin-right: 10px !important;}
 #JournalComments .prevNextLinks {display:block; text-align:center;}
 #JournalComments .postLinksOld {margin-left: 130px !important;}
 {---}
 {КОММЕНТАРИИ}
 #commentsArea {margin-top: -70px !important;}
 #commentsArea_title, #addCommentArea_title {display:none !important;}
 #addCommentArea_title {background: none !important;}
 #addCommentArea {margin-top: 70px !important;}
 #commentsArea .singleComment {margin-top: -50px !important;}
 #commentsArea .singleComment {margin-bottom: 30px !important;}
 #commentsArea_title {padding-top: 12px !important;}
 .commentAuthor{float:left;}
 #addCommentArea a, #addCommentArea div {color: #7d8ba1 !important;}
 #msg_form {background: transparent !important; margin-bottom: 41px; margin-top: -20px !important;}
#message {background: #c16b7d !important;}
 #ReplaceBrDiv, #from_form, #open_id_com,#from_another {display: none !important;}
 #JournalComments .prevnext, #JournalComments #commentsArea_title {background: none !important;}
 ::selection {background:#c16b7d !important; color:#fff !important;}
 ::-moz-selection{background:#c16b7d;color:#fff;}
 #btSubmit {background: #7d8ba1 !important;color: #fff !important;}
 {---}
 {ССЫЛКИ}
 a:hover { color:#fff; !important; font-weight:bold;text-shadow: #660000 0.1em 0.1em 0.2em; text-decoration: none !important;}
 a:active { font-weight:bold; !important; }
 a:visited {text-decoration: none; }
 #favGroups {position: absolute !important; padding-top: 20px !important; z-index: 3 !important;}
 {---}
 {КАРТИНКИ}
 img, TR {max-width: 420px !important;}
 img:hover {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
 {---}
 {АВАТАРЫ}
 .avatar img, .avatarNew img {max-width: 100px !important;margin-left: 10px !important; border-bottom-style: solid; border-bottom-width: 30px; border-bottom-color: #f3eed1;border-top-style: dotted; border-top-width: 10px; border-top-color: #f3eed1;}
 .commentAuthor {margin-top: 50px !important;margin-left: 5px !important;}
 .commentAuthor a, .authorName a {color: #333333 !important; max-width: 100px !important; }
 #JournalFavorite .authorName, #JournalComments .countFirst .authorName{color: #FFCC33 !imporant; margin-left: 5px;}

Пожалуйста, не растаскивайте картинки и отпишитесь, если возьмете :white:

@темы: Знаменитости, CSS динамические, by YourSovest, Кино/Сериалы/Мультфильмы, Яркие, Мужчины, Позитив

все записи пользователя в сообществе URL

U-mail Профиль

Думаю, что из говна низачто не получить конфету. Как ни к...

Пока мы не делаем себя сами - все наше делается за нас, и...

Хорошая погода, пустые маршрутки, ... Особенно удивило ме...

Неужели не очевидно, что и то, и другое - всего лишь маск...

дожил начал пить чай

Cегодня "летал" на воздушном шаре. Класс! Жаль ...

Утайсин

17.02.2010 в 07:08

С Хиро, заберу пожалуй :3
Спасибо))

URL

U-mail Профиль

YourSovest

17.02.2010 в 07:10

Утайсин

URL

U-mail Профиль

polishastik

17.02.2010 в 09:01

в Файерфоксе есть тени от ссылок при наведении, но Опера не поддерживает этот "фокус".
Вобще-то опера поддерживает тень от текста - по крайней мере 10 и 10.10

а вот ИЕ нет)))

URL

U-mail Дневник Профиль

neks

17.02.2010 в 09:17

с Хиро клевый :heart:

URL

U-mail Дневник Профиль

YourSovest

17.02.2010 в 09:49

polishastik а уменя и 10-ая опера не отображает :hmm:

Anni-neko спасибо )))

URL

U-mail Профиль

polishastik

17.02.2010 в 10:21

YourSovest, подскажи, плз, как называется шрифт, который ты использовала для заголовков меню. а то у меня есть похожий, но не он...

URL

U-mail Дневник Профиль

YourSovest

17.02.2010 в 10:46

polishastik Danube =)

URL

U-mail Профиль

polishastik

17.02.2010 в 10:49

YourSovest, спасибо!

URL

U-mail Дневник Профиль

YourSovest

17.02.2010 в 10:57

polishastik не за что)

URL

U-mail Профиль

.Vozduh

17.02.2010 в 12:34

YourSovest, класс.)) Когда делала диз для сообщества тоже хотела меню с таким расположением заголовков сделать, но...
А зачем полностью заменять всю картинку под меню? Можно же пнг использовать или просто более локальную подложку в джипег.

URL

U-mail Дневник Профиль

YourSovest

17.02.2010 в 12:41

mahini Когда делала диз для сообщества тоже хотела меню с таким расположением заголовков сделать, но...
а почему передумала?))

А зачем полностью заменять всю картинку под меню? Можно же пнг использовать или просто более локальную подложку в джипег.
эмм, не совсем поняла о чем речь, но у меня картинки меню в ПНГ, если ты об этом :hmm:

URL

U-mail Профиль

.Vozduh

17.02.2010 в 12:58

YourSovest, хм... хотелось чего-то лучше и интересней. Мне не очень нравилось как оно выходило... Но в этом отношение я просто вредная очень. С тех времён у меня несколько полу-сделанных макетов валяется.))

Ммм... можно было сделать подложки в размерах только той части, что выпадает (градиент). А чтоб было меньше мороки с состыковкой узора, сохранить исключительно сам градиент в пнг с прозрачностью. То бишь было бы так же три картинки но меньшего размера и веса: красинькая, голубая и тёмно-синяя. Так понятней?
Чем диз легче, тем приятней им пользоваться.

URL

U-mail Дневник Профиль

17.02.2010 в 17:38

В коллекцию) Меню волшебное)

URL

U-mail Профиль

Sasha J. Toma

17.02.2010 в 17:38

Кланяюсь автору в ножки и забираю с Хиро-саном.

URL

U-mail Дневник Профиль

.:Le:.

17.02.2010 в 19:40

красотища)) возьму поносить тока не определилась что больше нравится)))

URL

U-mail Дневник Профиль

YourSovest

18.02.2010 в 00:28

mahini можно было сделать подложки в размерах только той части, что выпадает (градиент)
я все думала об этом, но решила сделать их одинаковыми, тем более что они все равно бы не получились меньше ширины боковых надписей на них (названий). а надписи хотелось)

А чтоб было меньше мороки с состыковкой узора, сохранить исключительно сам градиент в пнг с прозрачностью.
так и есть :hmm:

читать дальше
и никакой состыковки узора не проводилось и в планах не было. Этот градиент - все, что есть в меню. все остальное нарисовано на фоновой картинке.

Чем диз легче, тем приятней им пользоваться.
согласна :yes:

ахах

в общем, я правильно щас поняла твои мысли? или я совсем валенок? :gigi:

Britannica :kiss:

спасиииба!

Sasha Toma :squeeze:

.:Le:.

я очень рада)) спасибо!

URL

U-mail Профиль

.Vozduh

18.02.2010 в 09:25

YourSovest, всё — поняла. Это я протупила. Такое количество скринов разных частей собранного диза, меня чуток сбило с толку. Буду надеяться, что это из-за болезни, а не от дурости. :gigi:

Творите уважаемая дальше. Поправлюсь — постараюсь составить достойную конкуренцию. :goodgirl:

URL

U-mail Дневник Профиль

YourSovest

18.02.2010 в 09:50

mahini о, выздоравливай обязательно :pity:

Творите уважаемая дальше. Поправлюсь — постараюсь составить достойную конкуренцию. :goodgirl:

ну что ты, мне до тебя далеко :alles:

еще учиться и работать немерено)))))))

URL

U-mail Профиль

.Vozduh

18.02.2010 в 11:21

Обязательно! Иначе будет слишком тошно.))
Хм... у меня тоже свои соображения на сей счёт. :plush:

Удачи нам и чуточку безумия — для остроты.

URL

U-mail Дневник Профиль

YourSovest

18.02.2010 в 17:42

mahini да! :dance2:

URL

U-mail Профиль

-taichou

22.02.2010 в 21:48

бесподобно! поставлю

URL

U-mail Дневник Профиль

YourSovest

23.02.2010 в 03:01

-taichou, спасиба большое! :heart:

URL

U-mail Профиль

SiriyaWS

01.03.2010 в 01:13

Здравствуйте))
Большое спасибо за проделанную работу, это же просто кра-со-тища *___* С удовольствием беру с Хирой :3
Простите, но у меня проблема вышла, не могли бы вы помочь?
Ставлю дизайн, все нормально, но вот фоны записей почему-то не высвечиваются. Как это исправить?

URL

U-mail Профиль

YourSovest

01.03.2010 в 08:15

Siriya_De_Black, здравствуйте))) а вы все настройки, указанные в посте, поставили? Посмотрите, пожалуйста)) Если нет - исправьте) Если все, могу я посмотреть на ваш дневник с этим дизайном?

URL

U-mail Профиль

SiriyaWS

01.03.2010 в 11:07

YourSovest Ну, если там не было невидимого текста, то да, поставил х) Я открыл вам доступ, посмотрите пожалуйста.)

URL

U-mail Профиль

YourSovest

01.03.2010 в 12:36

Siriya_De_Black, не поверите :lol:

Смотрела я, смотрела на код, потом нашла что у вас с ним не так - причем случайно)))
В общем, дело в мааааленькой закорючке после .png в этой строчке:

#myDiaryLinks {background: url('/userdir/1/2/4/6/1246989/52501310.png’) no-repeat !important; background-position: top right !important; overflow: hidden;}

- у вас она не та, что нужна. Замените ее - нужен апостроф. Или просто замените строчку этим:

#myDiaryLinks {background: url('/userdir/1/2/4/6/1246989/52501310.png') no-repeat !important; background-position: top right !important; overflow: hidden;}

Можете обратно закрывать днев

URL

U-mail Профиль

SiriyaWS

01.03.2010 в 13:39

YourSovest ох ты ж боже XDD Женщина, вы прекрасны, меня вынесло, правда, потому что сколько я намучалась с этим, а проблема-то :lol:

Коварная закорючка такая коварная XD
Большое вам спасибо и за дизайн, и за сверх оперативную помощь))

URL

U-mail Профиль

YourSovest

01.03.2010 в 15:23

Siriya_De_Black :laugh:

да не за что))) носите с удовольствием =)

URL

U-mail Профиль

/олень

26.04.2010 в 22:40

Неловко даже писать в такой старой записи х)
Дизайн великолепен и я хотела было утащить его себе, но почему-то установить не получилось == Вроде бы делаю всё верно, но при сохранении ни одна картинка не отображается (все картинки предварительно были загружены в мою библиотеку). Можете помочь?)
Если можно, напишите в у-мыл.)

URL

U-mail Дневник Профиль

[ShokolaD]

28.04.2010 в 13:16

kodie. читайте в эпиграфе FAQ по установке дизайна, там все написано подробно.

URL

U-mail Дневник Профиль

1 2 Следующая → Последняя