Kona-chan
04.06.2011 15:10 Altair
Посмотрев на разные сайты сообществ, я решил принести еще немного говна в этот мир — интернет все стерпит, а мне курсовую сдать как-то надо. Вот примерно такой макетик наваял в гимпе: 
Делал впервые в жизни. Не представляю, как этот процесс происходит по науке, поэтому делал так, чисто для себя, чтоб знать, на что ориентироваться. Как вообще вышло, не сильно уёбищно? С радостью приму критику и советы по улучшению.
195 comments
recommend
bookmark
subscribe
Говно.
Я знаю.
Ты еще сайт факультета не видел.
Покажи. Удиви меня! Порази в самое сердце!
Дианон же.
Я бы в менюшке все пункты сделал одинаковой ширины (то есть я хочу, чтобы синяя область под «Новини» имела ту же ширину, что и «Рада молодих вчених»)
Кто?
Дианон.
Йогурт что ли?
Ок, приму как вариант, спасибо.
Нет, лол. Короче, не хочу палить вуз.
Фу таким быть! Страна должна знать своих героев!
Ты только что назвал это говном.
И что не так?
Просто говно может производить каждый, называть всех героями теперь, по-твоему?
Я вот уже кучу говна сделал и не стыжусь этого!
Гордишься, небось?
Не стыжусь ≠ Горжусь
Я и не утверждал, что не стыжусь == горжусь.
Подкину говнеца
Как-то, смотришь на это, и видишь, что это выглядит как говно, причем не что-то конкретно, а все в целом. Может стоит полностью концепцию сменить. Выкинуть убогие круглые углы на спермофоне, точно, вот что это мне напоминает, убогий дизигн хаброспермоконкурса. Выкини эти синие цвета, они совсем не смотрятся, возьми что-нибудь из любой цветовой темы(возможно я неправильно выражаюсь, вот пример: http://tango.freedesktop.org/Tango_Icon_... ты понел в общем что искать). По расположению, мне кажется, нужно что-то сделать с огромным количеством свободного места со всех сторон, которое заставляет другие элементы выглядеть так, как будто им тесно. (Проблема скорее всего, что не прослеживается четких границ блоков, попробуй использовать сетку).
Normeeque.
Насчет сетки не очень хорошо понял.
Вот это лучше выглядит, кстати
Резина или фиксированная?
http://www.subtraction.com/2004/12/31/gr... http://www.designbygrid.com/
В первом даже по сайту наглядно видно, как это делается.
Тут такое дело. Препод, который будет принимать, только за резину, но меня он ничем не ограничивал. Со своей стороны, я люблю, когда текст располагается посередине листа, занимая примерно 1000 пикселей — даже на широкоэкранных мониторах, потому что если текст растягивается порой до однострочных абзацев, его становится тяжело читать.
Делай резину. Мы с Леблядевым одобряем сие.
Ну я вообще в гимпе, когда рисовал это, включал сетку, но опять же: делал для себя, когда буду верстать — разберусь.
И получается как в ЖЖ, когда маленький текст 13 кеглем растянут на все 2560 пикселей Тёминого монитора. Это плохо. Это неудобно.
Как бы я не против резины, просто коэффициент кривизны моих рук не позволяет мне сделать _нормальную_ резиновую верстку.
http://imagebin.org/156730 Не знаю, по какой сетке ты делал, но явно как-то не так.
Мне было тяжело рисовать на компе ._.
Кстати, у меня цвет выглядит недоградиентом, там он есть, или я ошибаюсь?
Ээ… Вообще я все заливал одним цветом.
Значит угол обзора так влияет.
Какой цвет вообще посоветуешь, коли уж синий так плох?
Розовый.
Ba-dum-tss.
Я не говорю, что синий плох, я же говорю, у меня выглядит как градиент с очень небольшим переходом, что выглядит странно и не смотрится. Может достаточно просто полоски по бокам выкинуть? Заодно и текст не будет выглядеть, как будто его давят.
Ну так и я про что.
Ладно.жпг, полоски выкину.
Опять же если делать по центру с фиксажем, то сбоку будет огромный синий пустой кусок, что будет выглядеть как говно.
Уже симпотичнее.
Я вот еще думаю: для каждой страницы свой цвет (единый для полосочек и меню, но разный на всех страницах) — это сильно глупо?
У тебя основы ещё нет, а ты уже над свистелко-перделками думаешь.
._.
Такой уж я человек, у меня это давно.
Не знаю о чём вы тут, но с уверенностью могу сказать, что хохлобляди соснули.
Разумеется, баттхерт верстальшика со старой версией фотошопа, которую нужно запускать из-под вбокса. МНЕ НУЖНО ИЗЛИТЬ СВОЮ ПОАБОЛЬ, УДАЛЕНИЕ НЕ СПАСЕТ.
Я сверстал. Посмотришь?
Да пости в тред, чо.
http://dl.dropbox.com/u/3403425/base.htm...
Кодировка кердык.
FUUUU
А, я meta не прописал.
хорошо выглядит. Вот только немного несоразмерны логотип и заголовок. Там либо строку убрать и по центру как-нибудь, либо увеличить заголовок. Поиграйся с этим.
В смысле текст вылезает, и выглядит не очень хорошо, имхо.
UTF8 или CP1251?
Ага, меня тоже логотип напрягает. Игрался с vertical-align, но непохоже, чтобы он вообще на что-то влиял. А текст изначально хотел в три строки, что сейчас и сделаю.
UTF-8.
Вейт, он и так в три строки ._. Туплю чего-то.
твой vertical-align только в таблицах работает. Вообще, еще можно сдвинуть к основной вертикальной линии, да.
Не только же.
Вот оно что. Это все объясняет. Щас попробую сдвинуть.
А не похоже.
Ну я перепробовал половину возможных значений для этого параметра с одинаковым результатом.
Ну, с дивами оно не работает, по крайней мере, возможно в dd еще, я с ними почти не работал.
Ну набираю я точно в UTF-8.
При {display: table-cell;} работает тоже, ага
Это называется таблица. Удивительно, правда?
Вот еще такой вопрос по css: тот костыль, что я наклепал для линии под названием универа (#header и #header-content) — это ок или плохо?
А где <meta charset="utf-8"> ?
А у тебя на сайте будет PHP? Обязательно сделай динамические странички с PHP. Он дает неограниченное количество возможностей
У меня будет Django.
Щи, я правлю не ту версию, которую расшарил.
Это так и надо.
А вообще я выше писал, что затупил с meta charset.
Ок.
Это я про <div>.
Вполне не костыль. Хтмлом некоторые вещи можно сделать по разному, и варианты будут вполне приемлимы.
Ёщь!
В общем, я обновил файлик. Теперь стоит meta charset, должно быть ок.
Да, ок.
Какая разница, если ты отображаешь его как ячейку таблицы, то на нее действуют правила как на ячейку таблицы. По крайней мере в браузерах.
Да, вот еще такой вопрос: как лучше втулить информацию «Написал admin в 10:45» справа от заголовка новости? Отдельный div?
Ага, через {float: right;}
Сделай джанго на пхп. Удивляй. WOKируй. Впечатляй.
Круто, я начинаю что-то понимать в css :3
Лолд.
Там на самом деле все просто.
Главное, ПЕРЕД <h1> поставь.
Ок.
Можно h1 задать размер или маргины/паддинги. Даже нужно, иначе оно может внезапно начать налезать.
Не обязательно, но так при выделении заголовка с текстом дата не попадёт.
Не начнёт.
Щас и так, и так попробую.
И правда, у меня тогда видимо с позициями еще замуты были.
лого бы выпилить нахрен или заменить на монотонную миниатюру и уже можно есть.
А ОПу советую почитать книг по дизаену :3
Если ставить после, то оно будет вылезать именно после заголовка.
Лого я бы сам с радостью выпилил, но сказали: должно быть. Книг по Дизаену — что это за вьетнамец?
http://imagebin.org/156756 пруф, лол
Вставил перед h1, вроде ок.
Просто ВНЕЗАПНО его можно после всего текста ещё впихнуть. Вот я про что.
Ну так.
Так, вроде с дизаеном разобрались. Теперь нужно это все написать на джанге ._.
Скопируй дизайн в шаблон, там где текст вставь переменную, в которой текст. Все.
ЛЕГЕНДАРНО!
Еще для админки шаблон нужно подправить.
Зачем его править? Покажи преподу вордпресс любой, покажи админку вордпресса, покажи графики и диаграмы популярности вордпресса, покажи графики и диаграмы с количеством шаблонов под вордпресс, покажи полуторочасовую презентацию про вордпресс. В вордпрессе же как-то живут со стандартной админкой.
Ладно, удебил. Пойду пилить, штоле.
Блеять, не могу выравнять картинку вертикально по центру ._.
Ровняй текст относительно картинки тогда.
Как?
Паддингами/маргинами/костылями, как еще?
Fuuu~
но при этом родительский блок упирать должна именно картинка, если у тебя не так, тогда придется все же ровнять картинку.
ЦЕНТРИРУЙ ОБЪЕКТ В ТАБЛИЦЕ
Оберни картинку и текст в ДИВы. И примени к ним display:table-cell;
Можно конечно отрицательные маргины.
ТАБЛИЦЕБЛЯДКИ ЗАКУКАРЕКАЛИ
Где?
но все же один из вариантов.
Вообще хуйня какая-то получается.
И картинку И текст КАЖДЫЙ в свой див.
С разными id?
И БЕЗ ОБЩЕГО РОДИТЕЛЯ И РОВНЯТЬ ЧЕРЕЗ position: absolute
...
ЛОЛ
Что? Я нуп.
Ты каждому диву ид что ли делаешь?
Не, только тем, для которых стили во внешнем css-файле прописаны.
Ну тут явно не до красивостей же. Главное, чтобы работало, ага.
Я не хочу лишний раз преумножать количество говна. Почему красивое не может работать? Алсо, я разобрался, но все равно выходит говно, сам посмотри.
Убери на IMG float:;
Так убрал же.
Добавь к ДИВам vertical-align:middle;
div>div[name=div] + div.div div#div
И что это?
О, ёбана. Кажется, работает. Костыли такие костыли. Можно прописать этим дивам один class и в css-файле описать тоже это один раз?
Да.
И это не такой уж костыль.
Я пытался написать селектор без ид и классов, но на середине забыл, зачем.
Ок. Тогда как по-английски будет «костыль»?
.patch
Да, как я погляжу, поработаешь с хтмл/ксс — научишься называть костыли называть не-костылями.
Но таки здесь не костыль. Тупо ТАБЛИЦА!!!
Блядь, я по ходу опять что-то сломал.
Всё же норма.
Главное в эксплорере не смотри.
ФУУУУУУУУУУУУУУУУУУ!!!!!!!!!!!
Лол, а ведь могут потребовать совместимости с шестым ослом.
А нет, точно, надо img{border:0;} сделать.
Давай не будет о плохом.
Короче, я заебался с этими костылями. Оставляю как есть. Всем большое спасибо за помощь и советы.
Добро пожаловать в верстальщики =)
СУКА, перезаписал не тот файл. Писать ксс по новой .\_/.
Весело, правда?
Да там немного вроде похерилось.
Хочешь настоящее говнецо покажу?
Давай.
НА http://lionsdale.ru/ !
Самооценка +2. Хотя вообще ожидал худшего.
МЕНЯ ЭТО ЗАСТАВИЛИ ВЕРСТАТЬ!!! Я ЧУТЬ НЕ УБИЛСЯ ОБ СТЕНУ!!!
Да вроде терпимо, хм.
ЭТО — http://profkom-igta.ru/ — терпимо, да. Но не то говно!
Это вообще даже няшновато.
Ну ладно, это я так, одной тян сделал... ну короче за так, ага.
http://adsorbtion.org/work/cabines/ Туалеты! Я не знаю, почему у них по этому адресу старый дизигн, видимо деньги некуда девать.
Вполне сносно.
Там вроде ужас внутри. Сносно-то сносно.
А еще жомла, да.
Да и внутри всё логично.
А так и не похоже даже.
Ну значит не этот, я уже не помню.
Что-то у меня не получается css подключить в джанге. Прописал в settings.py STATIC_ROOT='/home/kona/work/django/web_cw/static/', прописал в base.html link rel="{{ STATIC_URL}}"base.css, а все равно 404.
s/rel/href/
Уже плохо думается, убери STATIC_ROOT и сделай rel="/static/base.css"
Так было изначально, с ним не работало.
сделай manage.py collectstatic
Оно собрало файлы откуда-то из /usr/local/lib/python2.6/django/admin и скинуло их в /static/admin, и только.
из appname/static тоже должно было собрать
У тебя главный путь правильно прописан?
appname? 6*_*
ну, твоя аппликация.
Я в терминологии плохо разобрался. Вот у меня есть проект web_cw, его я создал через django-admin startproject, а в нем я создал отдельно через manage.py startapp аппликацию news.
твоя статик-папка в news/static
А почему так? ._. Я кидал в web_cw/static
потому что сайт — по сути аппликация, а не проект. В проекте несколько сайтов может быть (не обязательно сайтов, это могут быть связанные штуки на джанге, да).
._.
Хм, но это будет нормально, если в news будут лежать не только новости, но и прочая дребедень вроде контактной информации?
news — это по сути отдельный сайт ты сделал, а не папку с новостями.
WOK
Все равно 404, да что ж такое ТТ_ТТ
Вроде сделал.