"...And I still got the blues for you..."© G.Moore
Простите, что долго не писал и не бывал у вас!
Я был в, своего рода, творческом запое :)

Трое суток я почти не спал - изучал CSS.
Заггонял самого себя и оба компьютера до зеленых пятен и красных лампочек вместо глаз.
НО! Оно того стоило!
Теперь мой любимый дневничок выглядит так! :)
Правда, красиво? :)
Несмотря на все превратности судьбы, я сделал то, что так хотел: себе эдакий подарок на День рождения.

И это, как говориццо, далеко не предел мечтаниев. Будут дополнения, переделки, украшения и улучшения.
Рано или поздно в diary.ru снова введут новые CSS-шаблоны, и прийдется подгонять дийзайн под них.
Вообще, дневник был готов вчера вечером. Но под старые шаблоны.
Представляете степень моей ярости, когда ближе к девяти вечера мой дневничок вдруго перекосило раком?!! :fire::rage::fury::chainsaw:
Но - до двух часов ночи все изменения были подкорректированы с учетом новых шаблонов, и - я умничка :)
Изменения:
- создан экстратоп, центровка, фиксация, изменен фон;
- меню перенесено в экстратоп полностью, написано под hover, с выпадом;
- меню перенесено полностью. Если чего-то нехватает - скорее всего, это Ваши настройки просмотра;
- название дневника и имя владельца также перенесены на экстратоп, как, впрочем, и стат;
- эпиграф остался, и виден только на главной странице (как и должно быть);
- панель мои ссылки вынесена влево, под ховером, опять же;
- весь дневник отцентрован и закреплен по центру экрана;
- длина уменьшена, добален скроллбар, чтобы не уезжать далеко от экстратопа с меню;
- в сочетании с горизонтальным скроллбаром и внутренним скроллингом браузера дает возможности просматривать любые уголки дневника, в т.ч., те фотографии, которые были большие и помещены без своего скроллинга;
- дата записи и её окончание выделяется вензелями;
- вместо @музыки - гиф-картинка (постепенно многие системные надписи и тэги будут заменяться чем-то более интересным);
Пока все.
Дальше будет больше.

Наслаждайтесь :)
Да! Пожалуйста, дорогие и уважаемые пчелочки, если что-то отображается некорректно, неудобно или неправильно, - пожалуйста, отписывайтесь в комментарии или на у-мыло с указанием названия и версии браузера, а также разрешения экрана. (+с телефона) СПАСИБО!!!
Принимаются к рассмотрению предложения по улучшению дизайна!


Все. :)
мну щастлиффф:)
теперь можно и на работу сходить :)

Все остальное - потом напишу.

@музыка: Waters - "Who Needs Information"

@настроение: прекрасно-желеобразное :)

@темы: компьютер, лытдыбр, CSS, Интернет, Работа, Я

Комментарии
19.03.2008 в 09:45

Диз съезжает и первых букв невидно. У меня разрешение 1024х960.
Выглядит вот так, но впринципе через комменты чиаемо:

Думаю можно это исправить изменением размера блока записи... Но не знаю точно)

В меню ссылка "написать на У-мейл" висит под всем остальными:


Еще у меня видно длинный пустой контейнер под всем твоим дневом

И внизу по прежнему очень много пустого пространства. Но как исправить это я не знаю - сама только неавно начала изучать ЦСС. Вообще мне кажеться это из-за скроллбара... он вообще выглядит немного лишним.

К стати - у тебя в экстратопе изображен дракон - это шопная кисть или картинка?


19.03.2008 в 11:19

да, первых буков не видно.
19.03.2008 в 12:16

Существо повышенной пушистости...
Ну ты и намудрил)))
Я вообще ничего не вижу))
Ну ди ладно - главное красиво и необычно!))
19.03.2008 в 12:41

"...And I still got the blues for you..."© G.Moore
тааак... ясненько... начались косяки :) домой прийду - буду править.
Щас с работы, кстати, через IE 6.0.2 вижу то же самое, что ты, Леди Крыса, но еще и выпад меню не работает и от всего меню видать тока первые слова от верхней ссылки :(
Надо оптимизировать активно.

Название днева должно быть одной строчкой наверху, а вот "Написать на у-мыло" - правильно расположено.

У тебя при наведении меню открывается, или только 4 пункта меню на экстратопе?

Видимо, от скроллинга прийдется избавляться. А какая была идея...
Хотя, кстати говоря, пустого контейнера я не вижу. Текстовое поле съехало вправо, это да, как у тебя. Подправлю.

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

Весь бэкграунд экстратопа - это картинка. Дракон - наложен слоем на облака. Бывший жпег, теперь гифка. Дворец - тоже.


MaryCAT, ~Laguz~ - давайте скрин-шоты, пожалуйста :)

MaryCAT, ~Laguz~, Леди Крыса - и пишите, через какие браузеры смотрите.
19.03.2008 в 14:49

а я знаю эти слова? :-D :lol:
19.03.2008 в 16:20

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
А у мну все видно замечательно!
И ваще, все супер. Мну нра!:vo:
Дракончик, ты гений!:kiss:

...только единственное что, пространство снизу днева правда узковато (без коментариев, а чисто - открытый дневник). Очень много свободного места на фоне остается - нерационально. И крутить колесико на мышке - рука устает:gigi: А так - все на пять.:)
19.03.2008 в 17:27

"...And I still got the blues for you..."© G.Moore
~Laguz~ открой мой дневник, нажми на клавиатуре PrintScreen, открой Фотошоп или Пэйнт, создай новый файл, на открывшийся лист сделай Правка/-Вставить, сохрани получившееся изображение в формате .jpeg и запихни его сюда в комментарий =)))

...та самая Кошк@ так, короче, у тебя правильная Опера.
Ну, такой узкий днев оптимизирован, прежде всего под пользователей с экраном меньше 1000 по горизонтали.
Но, в общем, сделаю, конечно, побольше. Эдак, раза в полтора устроит? =)))
19.03.2008 в 17:50

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
РинДзин Ясна) а что, еще остались и такие экраны?..

Вот посмотрю - скажу:kiss::)
19.03.2008 в 19:21

пишите, через какие браузеры смотрите.
Ах, да) Опера 9.24

У тебя при наведении меню открывается, или только 4 пункта меню на экстратопе?
Ничего не раскрываеться и не выкатываеться(

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

Хотя понимаю: идею и правда жаль.

Весь бэкграунд экстратопа - это картинка. Дракон - наложен слоем на облака. Бывший жпег, теперь гифка. Дворец - тоже.
Да я вроде еще помню из чего сделан бэкграунд :gigi: сама недавно мучалась с теми же проблемами. Можешь выложить дракончика?) его неудобно (да и лень) вырезать со скринов.
19.03.2008 в 19:59

"...And I still got the blues for you..."© G.Moore
Леди Крыса ну, я знаю, как делается все, что ты сказала.
Дело не в этом.
Фон-то зафиксирован, меню тоже.
Дело в том, что я хотел до минимума сократить длину дневника, чтобы не приходилось, ежели комментов штук 40, наверх, к меню, колесико прокручивать до позеленения. Типа, чтобы путь до меню по дневнику был ближе.
Да и я эдакий фанат всяких подвижных элементов, поэтому, меню загнано в экстратоп и разбито на 4 части по основным блокам. Без действия под ховером спрятаны все, кроме одной от каждого блока - она является моушн-экшном (прости за флэш-терминологию), то есть, при наведении на первую ссылку каждого блока меню (ты видишь тока эти 4 ссылки, а на самом деле, меню полное:)), должны открываться все ссылки каждого блока. Вот так вот. :)
но ни в Осле, ни в поздней опере это не работает :(((((((((((((((((
У меня, блин, Опера 9.1.

Уползание под экстратоп мне не понравилось тем, что, когда textarea проходит экстратоп, сверху, на отступе экстратопа от верхнего края рабочей области экрана, оно виднеется :) и видно, как на самом верху днева плывет узенькое, но заметненькое белое поле с буковками и картинками :) убрать эту фигню у меня не получилось никак, кроме как поднятием экстратопа под самый верх, без отступа. А это смотрится слегка...ммм... прошу прощения, кастрированным. :)
И второй косяк. При такой системе будет хреново просматривать большие изображения: от нижней границы экстратопа до нижней границы экрана остается слишком мало места, и изображения не будут помещаться во всю высоту. Это не выход.
Тем более, что уменьшать высоту экстратопа мне совсем не хочецца :) слишком уж классная картинка :)

А вот выход я вижу в другом.
1) панель "Мои ссылки" я перенесу вправо
2) слева сделаю такую же панель с полным меню (сокращать ничего не хочу, ибо знаю, что иногда и с чужого дневника охота вылезти в какую-нибудь там статистику или поиск)
3) зафиксирую панель меню и моих ссылок.
4) теперяшнее меню в экстратопе доработаю так, чтобы оно было видно и раскрывалось во всех браузерах.
5) установлю фиксированную длину для названия дневника - сделаю его текстовым полем.
6) расширю враппер до более человеческих размеров и установлю фиксацию блоков дневника не только по центру экрана, но и по ширине.
7) видимо, расширю экстратоп :( прийдется заново все делать в фотопопе :(

Как думаешь?

И несколько вопросиков к тебе:
1) как тебя зовут? :) (самый главный вопрос! а то общаемся, а имени твоего не знаю)
2) ты вообще видишь панель моих ссылок? Черная, слева от дневника, фиксированная
3) может быть в одном дневнике 2 меню? :) то есть, могут ли ID-ссылки повторяться?
4) видишь ли ты картинку вместо @музыки?
5) видишь ли ты вензеля-разделители между записями и под датой записей?

...а то я тут таких наполеоновских планов понастроил, а ни фига не уверен :)

Дракончег - к посту прикреплен. Наслаждайся :)
Нужны будут дракончеги - приходи, у меня куча :)


...та самая Кошк@ ок :)
ты знаешь... мы на последнем концерте в подвале ТАКОЙ монитор выидели... пол твоего холодильника размером, а экран - ну, раза в 4-5 больше, чем у твоего мобильника... О_о
19.03.2008 в 20:13

"...And I still got the blues for you..."© G.Moore
картинко нигрузиццо (((


20.03.2008 в 01:03

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
О.о это как сочетается?:nea:
20.03.2008 в 01:31

"...And I still got the blues for you..."© G.Moore
...та самая Кошк@ а вот запросто :)
20.03.2008 в 13:29

Извини я периодически пропадаю( Еще этот геморрой с сообществами...

И несколько вопросиков к тебе:
1) как тебя зовут? (самый главный вопрос! а то общаемся, а имени твоего не знаю) ммм... даже если ты будешь звать меня по-имени - я однозначно не пойму что ты обращаешься ко мне (: Меня даже в реале по имени не зовут (я его терпеть не могу))))). Можешь звать меня Rat (Рэт) если неудобно крысой.
2) ты вообще видишь панель моих ссылок? Черная, слева от дневника, фиксированная
Нет. Вижу все вот так (превью):

Я так поняла. что за это время уже многое изменилось)
"мои ссылки" должны быть тоже цветным блоком?

3) может быть в одном дневнике 2 меню? то есть, могут ли ID-ссылки повторяться?
Не знаю, но на сколько мне известно - нет. Код с повторяющимися ID-ссылками просто не будет понят и проявиться только тот, чья важность была указана, либо тот, который написан первым.
4) видишь ли ты картинку вместо @музыки?
нет. Раньше видела, сейчас она пропала
5) видишь ли ты вензеля-разделители между записями и под датой записей?
Тоже нет, но раньше они тоже были

Спасибо за картинку : )
20.03.2008 в 16:50

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
РинДзин хмм...:hmm:пока не уижу, не пощупаю, не пойму:crazy:!
21.03.2008 в 00:15

"...And I still got the blues for you..."© G.Moore
Леди Крыса Отлично, многоуважаемая Рэт!!! Ты мне очень помогаешь - великодушные Драконы такого не забывают :)

Насчет нового дизайна, фотку которого ты выложила
просто "Мои ссылки" никуда не вынесены.
Делать их третьей панлью в меню - некузяво, ибо их количество постоянно увеличивается
Скорее всего, будет куском меню слева или справа fixed

Я видел у какого-то парнишки две или три пары одинкаовых ссылок в дневнике. Найду - покажу

Мне не нравится TEXUS
надо свою разрабатывать.

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




...та самая Кошк@ я тебя в ту помойку не поведу!!! Я тулда сам больше ни ногой!!!
21.03.2008 в 01:01

Ты мне очень помогаешь - великодушные Драконы такого не забывают
Верю, верю) Я тоже очень злопамятная ;)


Насчет нового дизайна, фотку которого ты выложилапросто "Мои ссылки" никуда не вынесены.Делать их третьей панлью в меню - некузяво, ибо их количество постоянно увеличиваетсяСкорее всего, будет куском меню слева или справа fixed

Я их теперь вижу. Я так понимаю, что в кои-то веки вижу их верно?) К стати - меню выпадает теперь, как ты и описывал)



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

Мне не нравится TEXUS Мне тоже. Хотя его дневнику это идет.

Слушай, а почему к чертям слетел весь код? я вижу тот когд, который у меня на бете...
А бету разве еще не прикрыли? Доступ туда уже обещали закрыть еще в понедельник и соответсвтенно обещали, что весь код с беты будет скопирован в окошко основного кода. Хотя может просто глюкнуло.
21.03.2008 в 02:27

"...And I still got the blues for you..."© G.Moore
Леди Крыса насчет беты: прости слепого :) не дочитал :) многабукаф

А я, понимаешь ли, если уж взялся что-то кодить, - то это будет ЛУЧШЕЕ!!!
Так что, пока я не буду знать всё (ну, близко к этой позиции) о CSS и его дневниковской вариации (ибо, реальный язык Каскадной Таблицы Стилей сильно отличается от того, с чем мы геморроимся тут :)) и пока мой днев не будет самые интересным (ну, хотя бы, с моей точки зрения :)) - не остановлюсь ведь :)
Знаю, что это плохое качество.
Но... вот :) никогда не бросаю дело на полпути

Скажи мне, а ты браузер поменяла? версию? изменила настройки? ибо я ничего не делал... А у тебя вдруг все отобразилось... не пойму...И, кстаати, в Осле у меня все равно не выпадает меню :( и глюки остались такие же, как у тебя
21.03.2008 в 02:35

РинДзин

насчет беты: прости слепого не дочитал многабукаф
Я тоже дочитала только потому что читать было больше нечего и мне было все равно что именно читать)))

Знаю, что это плохое качество. Но... вот никогда не бросаю дело на полпути
Нет, почему же) Не такое уж и плохое) ПРосто каждый из нас знает чего хочет и этого добиваеться) Все зависит от размера амбиций :-D

Скажи мне, а ты браузер поменяла? версию? изменила настройки? ибо я ничего не делал... А у тебя вдруг все отобразилось... не пойму...И, кстаати, в Осле у меня все равно не выпадает меню и глюки остались такие же, как у тебя
Я тоже ничего не трогала) вполне возможно это был глюк, хотя может быть ты все-таки что-то поменял в коде, но не заметил ^^ или не предал этому значения) Или подействовало окончательное выключение беты)
21.03.2008 в 02:46

"...And I still got the blues for you..."© G.Moore
Леди Крыса размер амбиций, говоришь... :) эт да, с этим мечений до фига :)

Тааак... вполне вероятно, что я действительно что-то поменял в коде и не заметил.
Наверное, это единственный вариант.
Ну, и Великий Глюк, конечно, всегда прибудет с нами :)

Что щас видишь вместо моего днева?
21.03.2008 в 03:52

Что щас видишь вместо моего днева?

Ну как тебе сказать...




21.03.2008 в 04:22

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
*я тебя в ту помойку не поведу*:laugh: :laugh: :laugh:
Видать там совсем все, кроме экрана, хреново...
21.03.2008 в 07:13

"...And I still got the blues for you..."© G.Moore
Леди Крыса Отлично!!!
Значит, я справился с центровкой и полями :)
осталось, в общем, убрать скроллинг и сделать нормальное меню
эх, ну, почему сюда флэш нельзя вставить?!!! Ну, на худой конец, пусть нормальные HTML и CSS-тэги работают!!!

...та самая Кошк@ так там даже этот монитор - и тот не рабочий!!!
Неее... тока не этот клоповник... хоть в "7", хоть в Чертаново на улице! Но не там!!!
21.03.2008 в 08:50

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
Не так страшно Чертаново, как его проектировали? :-D

21.03.2008 в 20:09

"...And I still got the blues for you..."© G.Moore
...та самая Кошк@ эт откуда же ты такие истинно московские выражения знаешь??? О_о
21.03.2008 в 20:26

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
:shuffle2:ну...я много чего знаю, если ты заметил...и ваще, меня пора убить:secret:
21.03.2008 в 22:15

"...And I still got the blues for you..."© G.Moore
...та самая Кошк@ О_О НАФИК?!!!
22.03.2008 в 00:14

• Нормальность - не есть добродетель, это, скорее, отсутствие мужества.
РинДзин ...да так...просто...подумалось вдруг...:-( что пора.

22.03.2008 в 02:16

"...And I still got the blues for you..."© G.Moore
...та самая Кошк@ так! эт что за мысли глупые?!!! а ну выкинь их!!!!