Нужна помощь дизайнера

1. Вантуз-мен (18.08.2012 / 21:24)
Нужна небольшая помощь по дизайну,
необходимо на css фреймворке twitter bootstrap или на zurb foundation создать 1 страничку для нашего сайта, взять к примеру главную страницу гостевой книги, в общем дизайн должен быть родной от фрейморка или измененный, но чтобы включали все данные как в гостевой, логин, статус, время итд
Родной css не изменять ни в коем случае, только расширение ну или переопределение стандартных стилей
Кто хочет попробовать?

Текущий вид дизайна, еще дорабатываем
http://visavi.net/zurb/guest.html

2. Александр (18.08.2012 / 22:10)
у не против) как буду дома че нить придумаем smile

3. Вантуз-мен (19.08.2012 / 18:35)
ссылка на бутсрап http://twitter.github.com/bootstrap/index.html
на foundation http://foundation.zurb.com/

4. Вантуз-мен (19.08.2012 / 23:46)
iNeeXT скинул очень даже неплохой набросок на foundation
Можно попробовать увеличить размер аватара до 48 пикселей, если это необходимо

5. Николай (20.08.2012 / 00:11)
4. Vantuz, смотрися ничего так

6. iNeeXT (20.08.2012 / 01:06)
Вот как на бутстрапе

Добавлено через 03:11 сек.
Кикстрап тоже неплохой фреймворк

7. Макс (20.08.2012 / 17:47)
Первый лучше, с планшета было бы бомба да и с телефона

8. Дима (21.08.2012 / 15:27)
Оба не плохи, только во втором окно для написания текста тож надо бы во всю страницу

9. Эд (21.08.2012 / 16:50)
первый красиво смотрится, второй на мое мнение еще надо немного доработать

10. Вантуз-мен (22.08.2012 / 07:28)
Немного подправил дизайн, пока что получилось так, над некоторыми деталями нужно поработать
http://visavi.net/zurb/guest.html
справа menu если поставить, то с планшета выглядит не правильно, аватары можно увеличить до 48 пикселей

11. Николай (22.08.2012 / 12:33)
10. Vantuz, экран 320х480! шрифт стоит мелкий! если меняю на большой то искажение еще больше...

12. iNeeXT (22.08.2012 / 13:10)
10. Vantuz, в класс .img добавь
max-width: 100%;
height: auto;

чтобы он уменьшался на моб. устройствах

Добавлено через 01:02 сек.
И в .twelve .panel нужно уменьшить padding

13. iNeeXT (22.08.2012 / 14:13)
вот тут - http://mattkersley.com/responsive/ можно посмотреть как будет выглядеть адаптивный дизайн

14. Вантуз-мен (22.08.2012 / 16:00)
12. iNeeXT, пока у себя сделал так
@media only screen and (max-width: 767px) {
.panel {
	margin: 0px 0px 14px;
	padding: 10px;
} 
.nav-bar { margin-top: 0px; }
}
Но этот стиль ON OFF все равно портиться на маленьком экране

у картинки стоит 
.avatar {
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	padding: 1px;
	margin : 1px 5px 1px 1px;
 	height: auto;
}


15. iNeeXT (22.08.2012 / 16:28)
14. Vantuz, думаю если сделать padding: (4-6)px; не будет искажаться.

16. Вантуз-мен (22.08.2012 / 23:21)
11. ritlen, поправил проверь

17. iNeeXT (22.08.2012 / 23:35)
16. Vantuz, http://prntscr.com/e87o1/direct

18. Макс (24.08.2012 / 03:18)
Вид с планшета, вроде удобно и красиво

19. юЮЮфюв (24.08.2012 / 11:47)
Сорри за оффтоп, дайте линк на русский мануал по zurb.

20. iNeeXT (26.08.2012 / 14:59)
19. Daniil.Laptev, его наверно нету. На оф. сайте в доках все отлично понятно.

21. Вантуз-мен (11.07.2013 / 00:01)
Под 4 foundation сможет кто заточить главную страницу, хочу на днях переделать дизайн, начав с главной

22. Станислав (11.07.2013 / 21:36)
С айфона/айпода это выглядит как-то вот так.
Меню сверху не очень как-то.

23. Дмитрий (11.07.2013 / 22:38)
Vantuz (19 Августа 2012 / 18:35)
ссылка на бутсрап http://twitter.github.com/bootstrap/index.html
на foundation http://foundation.zurb.com/
На русском http://bootstrap-ru.com/components.php#buttonDropdowns может пригодится

24. Вантуз-мен (11.07.2013 / 23:33)
22. SNELS, сейчас 4 версия вышла, она с 3 не совместима там верхнее меню другое

25. Илья (11.07.2013 / 23:41)
HTC one x

26. Вантуз-мен (12.07.2013 / 00:20)
вот на сайте верхнее меню http://foundation.zurb.com/docs/components/type.html
там выдвигается вбок

27. Вантуз-мен (12.07.2013 / 21:02)
очень нужен шаблон главной страницы на foundation4 и шаблон к примеру гостевой как тут http://visavi.net/zurb/guest.html
предлагаю 1 месяц рекламы на главной странице после того как шаблон доработаем

28. Вантуз-мен (13.07.2013 / 19:48)
http://visavi.net/new_themes/default/index.php
на 4 версии
сейчас надо главную докрутить и начну потихоньку все переписывать

29. юЮЮфюв (13.07.2013 / 20:33)
Таки решил поменять boostrap на foundation?

Добавлено через 01:53 сек.
Если это для нового ротора, то напиши, что именно должно быть на главной

30. Вантуз-мен (13.07.2013 / 20:45)
левое меню оставим так как есть, в нем будет реклама, в центре блоки последних сообщений на форуме, блок новостей,
по аналогии с форумом можно сделать вывод последних скриптов, ну и ссылки которые сейчас нужно как-то разместить
еще хотелось бы верхнее меню немного переделать

31. Вантуз-мен (03.09.2013 / 22:42)
Тестовая главная http://visavi.net/index2.php пока что не очень смотрится и не все переделано, нужно как-то по-другому инфу расположить

32. Кевин Митник (04.09.2013 / 05:00)
а вот такое расположение? хотя выглядит уж слишком шаблонно и признаюсь, немного в духе css фреймворков

33. Вантуз-мен (04.09.2013 / 05:18)
Нет так точно лишнее

URL: https://visavi.net/topics/34010