воскресенье, 27 мая 2007
21:13

дизайн.

все записи пользователя в сообществе blue ashtray
dont care
посмотрите?

version 4.0



P.S. Для тех, кто любит смотреть исходный код страницы...В меню нет фона. Оно просто прозрачное.



Спасибо.


URL
Комментарии
27.05.2007 в 21:18

.дюймовочка.
маленький гений.
frivolous мне нравится)))))
URL
27.05.2007 в 23:52

badmorning
а я тебя нет.
frivolous

Ох...

За что вы так мучаете несчастных читателей?

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



Об остальном по порядочку.



Поле записей. Ширина очень жестока для чтения, приходится постоянно прокручивать, что в моем случае весьма затруднительно. Ладно, будем думать, что это мои проблемы. Вам самой удобно читать записи такой ширины? Если да, то Вы одна из немногих.



Фон. Огромные куски этого самого фона с обеих сторон не прибавляют оригинальности. Все же настоятельно рекомендую расширить поле записей.



Оффтоп практически не виден на фоне записи. Приходится выделять, чтобы прочесть.



Меню. Вот что понравилось - так это меню. Красиво, оригинально, подсветка блоков очень в тему. Жаль только, что ссылки при наведении не меняют цвет. Но это я уж придирась.



В целом, впечатление отрицательное. Были бы записи шире - был бы другой разговор. А так - неудобно. Совсем.



Простите, если вышло чересчур грубо.

:)
URL
28.05.2007 в 03:59

Lira_P
Good girls go to heaven, bad girls go to London ©
полностью согласна, что очень узко.

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

ИМХО
URL
28.05.2007 в 12:39

Astrom
i don't think. i watch TV
я не могу понять почему у меня дата фиксированная??? сколько не прокручеваю, дата остается на месте, как будто каждый пост написан в ВОСКРЕСЕНЬЕ.
URL
28.05.2007 в 16:48

Трубчатый Кот
Зверь-чародей
*любит смотреть код страницы



#addToFav { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#postsCalendar { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#albumLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#tagslistlink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#headlineList { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#rssLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myLinksLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myDiaryLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#writeThisDiary { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#umailLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myFavLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myQuotLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#discussionLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#optionsLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#comments { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#subscribe { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#addToQuote lastLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myProfileLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#photolibLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myLinks { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#allDiaryLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#mainpageLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#favListLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#pchListLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#communityCatalogueLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#myCommunitiesLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#randomDiaryLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#diarySpiritLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#paySupportLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#diarySupportLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#faqLink { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#iAmQuit { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#postTitle { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#topNav { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

#upInChart { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }



этот ужас заменить на



#side a { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }

или перечислить идентификаторы через запятую.



Пример для трех:

#postTitle, #topNav, #upInChart { background:url('/userdir/8/3/4/7/83477/19810394.gif') no-repeat 0%; text-indent: 10px; position:relative; }



body{filter:alpha(opacity=98);-moz-opacity:0.98;-khtml-opacity:0.98;opacity:0.98;}

ЭТО УБЕРИТЕ НАФИК! Во первых 2% прозрачность не видна. Во вторых к body ее смысла применят нет, т.к. под body ничего нет, в третьих из-за этого всё страшно тормозит.



.postLinksBackg {background: url('/userdir/8/3/4/7/83477/19810922.gif') repeat: 8; }

что такое repeat: 8? Какой-то новый стандарт CSS?



не

.menuSection {background:}

а

.menuSection {background:none;}

давайте писать правильно



#Journal BODY, HTML { SCROLLBAR-FACE-COLOR: #604060; SCROLLBAR-HIGHLIGHT-COLOR: #a0a0a0; SCROLLBAR-SHADOW-COLOR: #802060; SCROLLBAR-3DLIGHT-COLOR: #c08080; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #c0c0c0; SCROLLBAR-DARKSHADOW-COLOR: #000000; }

эээ.... а #journal зачем?

наверное есть несколько HTML элементов, в которых есть много хреней, одна из которых называется journal и в ней есть body? если и так, то это не дайри )

надо: BODY#Journal или просто body



что делает этот код

#wrapper a img{vertical-align:middle}

??



а это просто синтаксически неправильно (где то, к чему это свойство применяется?):

filter:alpha(opacity=100);







URL
29.05.2007 в 10:24

а как зделать чтобы фон был в фоне?

URL
29.05.2007 в 20:29

blue ashtray
dont care
Рёцке

этот ужас заменить на

заменю.



ЭТО УБЕРИТЕ НАФИК! Во первых 2% прозрачность не видна. Во вторых к body ее смысла применят нет, т.к. под body ничего нет, в третьих из-за этого всё страшно тормозит.

Угу, я знаю. Просто ее я использовала, чтобы при наведении на комментари, исчезал фон. Но раз тормозит....



.postLinksBackg {background: url('/userdir/8/3/4/7/83477/19810922.gif') repeat: 8; }

Код не действует. Просто не хочу его потерять.



давайте писать правильно

Вы, видимо, не видите разницы. А я вижу. Ибо при "нет" нет фона, а при отсутствии его оно прозрачно.



#journal зачем?

наверное есть несколько HTML элементов, в которых есть много хреней, одна из которых называется journal и в ней есть body? если и так, то это не дайри )

надо: BODY#Journal или просто body

про это я тут спрашивала - чтобы в комментариях не было места пустого после записи.

URL
29.05.2007 в 20:47

Трубчатый Кот
Зверь-чародей
про это я тут спрашивала - чтобы в комментариях не было места пустого после записи.

покажите )



Вы, видимо, не видите разницы. А я вижу.

есть еще background:transparent;

и вообще в любом случае можно найти способ описать свойство правильно.



URL
30.05.2007 в 12:20

Трубчатый Кот
Зверь-чародей
frivolous там всё правильно написано.

только #journal предполагалось добавлять спереди вот этой строки:

#postsArea { overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: auto; overflow: auto; height: 600px}



а первая строка правильней синтаксически именно как

BODY#Journal, HTML blablabla
URL
30.05.2007 в 13:02

blue ashtray
dont care
Рёцке , не знаю, что там "предполагалось"... я поняла все буквально.

Поняла. *Пошла исправлять*
URL