Пост, в котором кавай будет учится тому, чему в универе не научился))) Или о дизайнах

среда, 30 декабря 2009

15:12

Пост, в котором кавай будет учится тому, чему в универе не научился))) Или о дизайнах

Gatto di platino

podushka.
Учи меня, о сенсей :-D

URL

[*]Что мы знаем об израильском веб дизайне? сегодня получила маленькое послание с Кипра, видимо напис... вчера смотрела ее детские альбомы, были такие пронзительн...

Реальная книга А пока перебираюсь по многим причинам жить к веселому кор... Конец Эпохи Невинности сопровождался повсеместными обильн...

Комментарии

30.12.2009 в 15:17

misspillow

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

сначала уточним...
у тебя платные услцги подключены? Оо
Ты действительно собираешься сделать диз или тя только просвятить как его делать на фактах и понятиях + примерах :-D

URL

30.12.2009 в 15:31

Gatto di platino

podushka.
не подключены. У меня пока глючит их подключение.
Ты действительно собираешься сделать диз или тя только просвятить как его делать на фактах и понятиях + примерах
ну, я хочу попробовать потом делать. Если будет получатья.
Но сначала надо научиться))

URL

30.12.2009 в 15:50

misspillow

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

Gatto di platino ну лана
попробую прос на словах обьясниь хД

 *wrapper - это общая ширина контейнера, она должна быть равна по ширине #side + #page-c !!! Не делайте ширину более 1000px - для маленького разрешения экрана это будет некрасиво*
#wrapper{min-width:ШИРИНАpx!important;width:ШИРИНАpx;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 
*эта строчка нужна, чтобы меню продолжалось в высоту вместе с основным блоком. Если вам нужно оставить меню коротким, просто удалите эту строчку! Если у вас меню справа, то вместо слова .left нужно поставить слово .right *
.left #wrapper{background:#ЦВЕТ БЛОКА ПОД МЕНЮ; overflow:hidden;}

*side - это меню, ШИРИНУ устанавливайте свою*
#side{width:ШИРИНАpx !important;margin:0 !important}

*page-c - блок с записями, ШИРИНУ устанавливайте свою*
 #page-c{width:ШИРИНАpx !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}

*фон устанавливайте в стандартных настройках. Если хотите, чтоб он не двигался, добавьте в код эту строчку*
 body{background-attachment:fixed;}

*экстратоп*
 #extratop { background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ КАРТИНКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИpx; height:ВЫСОТА ВАШЕЙ КАРТИНКИpx;}

*экстработтом - если он вам не нужен, просто удалите эту строчку*
 #extrabottom {background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ ССЫЛКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИpx; height:ВЫСОТА ВАШЕЙ КАРТИНКИpx; }

вот это код на самый простой диз
i056.radikal.ru/0907/bc/0dfe4d60fc52.jpg

пояснения...
wrapper - это общая ширина контейнера
ну тоесть какой ширины картинку на верх ты выбрала... такую ширину и писать

ОСТАЛЬНАЯ ЧАСТЬ КАРТИНКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ
картинку надо сначала загрузить к се в библиотеку изображений
када она загрузится нажать на нее...она появится в верхнем левом углу
потом опять нажать на нее
в окне с адресом картинки появится что то типа токого :alles:

http: *//static.diary.ru/userdir/1/1/7/9/1179990/49893116.gif
и то что выделено жирным надо вставить вместо слов ОСТАЛЬНАЯ ЧАСТЬ КАРТИНКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ

URL

30.12.2009 в 15:53

misspillow

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

это основы основ хДДД
еще могу обьяснить про рамочки
удаление некоторых ссылок из меню
увеличение и центролизование некоторых элементов
чаще всего в уентр ставятвремя и название поста

URL

30.12.2009 в 15:59

Gatto di platino

ыыыыы....

еще могу обьяснить
давай все объясняй)))

URL

30.12.2009 в 16:49

Gatto di platino

нююю. ты куда делась?

URL

30.12.2009 в 21:24

misspillow

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

Gatto di platino я отрубилась в 4 часа :alles:

вот тока встала :lol:

URL

30.12.2009 в 21:32

Gatto di platino

ууу.. чем ты ночью занималась? *брови-брови*
Доброе утро)))

Слушай. а это все пишется в отдельном файле или прямо в дайрах делается?

URL

30.12.2009 в 21:32

.и все остальные -ецы (с)

I know what I believe inside.

какая акутальная тема :eyebrow:

URL

30.12.2009 в 21:40

Gatto di platino

. и все остальные -ецы (с)
АААААААААнечка!!!! :squeeze:

Тема да, актуальная ащще. Тем более я нифига не понимаю в этом. Надеюсь, добрая podushka. мне поможет

URL

30.12.2009 в 21:45

.и все остальные -ецы (с)

I know what I believe inside.

Gatto di platino :heart:

я скучааааал!
добрая podushka. и мне помогает ^^

URL

30.12.2009 в 21:45

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Что ли и мне тут посидеть, послушать :gigi:

Надеюсь что-нибудь новое да узнаю...)))

URL

30.12.2009 в 22:16

misspillow

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

Gatto di platino ничем... я просто училась . училась ночами :gigi:

а это все пишется в отдельном файле или прямо в дайрах делается?
ну наверно как кому удобно
но лучше в дайри писать... так как сразу видешь что получается.

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

 #wrapper {border-width:2px; border-color:#716161; border-style:dotted;}

#716161
ну это цвет рамки... (надеюсь знаешь как цвета находить... и где их брать хДД )
border-width:2px
это толщина рамочки... циферку любую мож вставлять... но советую в интервале от 1-4 пикселей. а то некрасиво будет
border-style:dotted
это стиль... подробнее о них вот сдесь... www.htmlbook.ru/css/border-style.html

терь про рамочку вокруг авы

это вставлять если хочешь чтоб ава была в тумане и када на нее наводишь ... приобретала свою роднуюю яркость хДДД

 .avatar img, .avatarNew img{ FILTER: white; opacity: 0.8; -moz-opacity:0.8; m: #(this.onmouseover = new #("this.className = 'hover';"));}
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: #(this.onmouseout = new #("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 1.2; -moz-opacity: 1.2; }

это если хочешь чтоб была двойная рамочка.... те первая циферка ширина самой рамки.... а вторая отступ от авы
solid стиль рамки... см выше хДДД

 .avatar img, .avatarNew img {border: 2px solid #CE818D; padding: 3px; !important;}

если хочешь обычную рамку без отступа то тупо не пишешь эту часть кода
pa.dding: 3px; !important;

на седня хватит.... у меня еще дел куча... :gigi:

URL

30.12.2009 в 23:05

Gatto di platino

. и все остальные -ецы (с)
и я скучал. Очень-очень-очень!!! :heart:

добрая podushka. и мне помогает ^^
да? Здорово. Значит, вместе будем учиться)))

DaiChiyo
ты если что тоже помогай))

podushka.
пасябки бафое!
А ты можешь на примере показать как коды писать для какого-нить диза, чтобы понятней было?

на седня хватит.... у меня еще дел куча...
алафо. А завтра? *шарк ножкой* =)))
Поздравляю с заслуженным отдыхом! :squeeze:

URL

30.12.2009 в 23:17

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Gatto di platino
Ну я так умно рассказывать не могу :laugh:

URL

31.12.2009 в 00:20

Gatto di platino

DaiChiyo
а ты как умеешь, мне по любому подойдет)))

URL

31.12.2009 в 00:29

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Gatto di platino
я тебе смогу ответить если тебе что-то конкретное понадобиться))

URL

31.12.2009 в 00:33

Gatto di platino

DaiChiyo
а, ну хорошо. Буду знать, к кому обращаться))

Боюсь, я вас замучаю :shy:

URL

31.12.2009 в 00:38

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Gatto di platino
Да ладно, я в своё время пока училась тоже других мучила))

URL

31.12.2009 в 00:51

Gato Montes

Воздушно-припадочный плюшевый валенок.

Детка)) С тебя объяснение в стиле энциклопедии для даунов на наглядном примере :eyebrow:

т.е для мну))

URL

31.12.2009 в 00:51

Gatto di platino

DaiChiyo
теперь будут мучить тебя :lol:

ну, ты же поможешь если что, да? *скромно шаркнула ножкой*

URL

31.12.2009 в 00:54

Gatto di platino

Gato Montes
объяснение чего? *косится на хитрые брови*
того, что выше?
Ну, я как сама разберусь, тогда объясню)))

URL

31.12.2009 в 00:58

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Gatto di platino
ты сначала ксс оплати :-D

да, да, я всегда готов)))

URL

31.12.2009 в 01:01

Gato Montes

Воздушно-припадочный плюшевый валенок.

Gatto di platino Хы)) :beg:

Буишь сенсеить мне скоро))) :shy:

URL

31.12.2009 в 01:02

Gatto di platino

DaiChiyo
ты сначала ксс оплати
аааа! Не сыпь мне соль на рану! :-D

да, да, я всегда готов)))
хе-хе *потирает ручонки* ну ты сама согласилась)))

URL

31.12.2009 в 01:05

DaiChiyo

You SHAKALAKA'D before you BOOMED? ಠ_ಠ

Gatto di platino
аааа! Не сыпь мне соль на рану!
да ну, что ты, какая соль! только перец :-D

хе-хе *потирает ручонки* ну ты сама согласилась)))
ой чую я неладное :lol:

URL

31.12.2009 в 01:12

Gatto di platino

Gato Montes
Хы)) Буишь сенсеить мне скоро)))
хе-хе *потирает ручонки*
Буду! :eyebrow:

URL

31.12.2009 в 01:16

Gatto di platino

Gato Montes
Хы)) Буишь сенсеить мне скоро)))
хе-хе *потирает ручонки*
Буду! :eyebrow:

DaiChiyo
да ну, что ты, какая соль! только перец
я всегда знала что ты добрая :-D

ой чую я неладное
что, так сильно пахнет? *смущенно* :lol:

URL

31.12.2009 в 09:54

misspillow

Gatto di platino эээ... ну вот например диз такой а код для него такой
10pix.ru/view/226615/505015/

#wrapper{min-width:650px!important;width:650px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #wrapper {border-width:1px; border-color:232124; border-style:solid;}
 #side{width:100px !important;margin:0 !important}
 #side h1{!important;margin:0 !important}
 #page-c{width:540px !important;padding:0 !important;padding:0 !important}
 #page-t {background:#; margin:0 !important}
 body{ background-attachment:fixed; }
 #extratop{ background: url('/userdir/1/1/7/9/1179990/47452325.jpg')no-repeat; width: 650px; height: 231px; float: left; margin-top: 0px }
 a:visited {text-decoration: none !important;}
 #YaSearch {display:none;}
 #postsCalendar {display:none;}
 #upInChart {display:none;}
 #authorFav {display:none;}
 #authorQuot {display:none;}
 #authorLiks {display:none;}
 #authorAlbum {display:none;}
 #paySupportLink{display:none;}
 #myQuotLink {display:none;}
 #rssLink {display:none;}
 #myQuotLink {display:none;}
 #photolibLink {display:none;}
 #iAmQuit {display:none;}
 #allDiaryLink{display:none;}
 #myProfileLink {display:none;}
 #communityCatalogueLink{display:none;}
 #diarySpiritLink {display:none;}
 #communityCatalogueLink {display:none;}
 #randomDiaryLink {display:none;}
 #diarySupportLink {display:none;}
 #faqLink {display:none;}
 a:hover, a:active {color:#434343!important; font-weight:bold;}
 .avatar img { border-width:3px; border-color:#fd1717; border-style:solid;}
 .postDate {font-style:italic; text-align:center;}
 .paragraph div:first-letter { font-size: 25px; }

URL