Очередной сайт на ICMS

1
2
Следующая
Показаны 1-15 из 26

#1 19 января 2011 в 15:58

Собственно вот — mozhay.net/
Сильно не пинать — на iCMS — это первый сайт.
По верстке интересует мнение.
Все модули штатные — самопис — только модуль вывода последнего видео на первой.

http://mozhay.net - СМИ Можайска

#2 19 января 2011 в 16:20

В опере 11 верхнее меню уезжает

#3 19 января 2011 в 16:26

В опере 11 верхнее меню уезжает

Marswell

В смысле "уезжает"? Текст заезжает на maintop?

http://mozhay.net - СМИ Можайска

Сегодня в 14:02

#4 19 января 2011 в 16:46

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

Я все делаю правильно!:)

#5 19 января 2011 в 17:29

согласен, черный фон, уж очень тяжелый, поменять на белый, будет все то же самое, но лучше)))

#6 19 января 2011 в 17:33

идеальный дизайн для партизанского сайта :)
аккуратный дизайн, правда трагизма многовато

#7 19 января 2011 в 17:57

а он и есть партизанский) оппозиционный текущей администрации)) засим и было принято решение сделать резкое решение — красный + черный + белый — как в свое время на life.ru — меню подчистил — вроде не ползет…

http://mozhay.net - СМИ Можайска

#8 19 января 2011 в 17:58

согласен, черный фон, уж очень тяжелый, поменять на белый, будет все то же самое, но лучше)))

Doctor76

ща попробую сделать растр с топа черного в белый пикселов на 400…

http://mozhay.net - СМИ Можайска

#9 19 января 2011 в 19:54

как то давит черный с красным, вам бы разбавить сайт добавлением других оттенков черного и красного, по мимо основных оттенков:)
добавьте не много объема в лога, верх сделать чуть потемнее слой на 1px вверх, а низ на 1px практический белый или даже серый. Или можно такую же комбинацию использовать наоборот)
а так молодец, желаю успешного развития:)

#10 19 января 2011 в 20:37

Обратил внимание, что на форуме аватарки вылазят из своих границ и получается, что по правой стороне картинки идут поверх окантовки.
Цветовая гамма своеобразная...
Но в целом понравилось.

меню аля МАК, как то уже все и визде((( минус только из за меню
koks

А мне нравятся такие менюхи на сайтах. Единственное, мне кажется, было бы лучше, если бы под мышкой оно меньше скакало, а более плавно перетекало.
Я б и себе такую менюшку хотел — скиньте ссылки на инструкции по "изготовлению", pls…

Копирайтинг, рерайтинг, постинг, контент-менеджмент, модерирование и т. д. и т. п. Обращайтесь!

#11 19 января 2011 в 21:27

Я б и себе такую менюшку хотел — скиньте ссылки на инструкции по "изготовлению", pls...
Greener

JQuery уже включен в iCMS, нужно подключить interface.js ( mozhay.net/includes/jquery/interface.js ):
В шаблоне добавляем:
Потом простейший код ( у меня он между cmsModule('header'); и <div id="page"> :

 
  <div class="dock2" id="dock2">
		<div class="dock-container2">
			<a class="dock-item2" href="/"><img src="/templates/mozhay/images/icons/64x64/home.png" alt="home" /><span>Первая</span></a>
			<a class="dock-item2" href="/media/video"><img src="/templates/mozhay/images/icons/64x64/film.png" alt="home" /><span>МожайТВ!</span></a>
			<a class="dock-item2" href="/photos"><img src="/templates/mozhay/images/icons/64x64/photo_camera.png" alt="home" /><span>Фото</span></a>
			<a class="dock-item2" href="/blogs"><img src="/templates/mozhay/images/icons/64x64/edit.png" alt="home" /><span>Блоги</span></a>
			<a class="dock-item2" href="/clubs"><img src="/templates/mozhay/images/icons/64x64/favorite.png" alt="home" /><span>Клубы</span></a>
			<a class="dock-item2" href="/board"><img src="/templates/mozhay/images/icons/64x64/dollar_currency.png" alt="home" /><span>Обьявления</span></a>
			<a class="dock-item2" href="/users"><img src="/templates/mozhay/images/icons/64x64/users.png" alt="home" /><span>Люди</span></a>
			<a class="dock-item2" href="/forum"><img src="/templates/mozhay/images/icons/64x64/comment.png" alt="home" /><span>Форум</span></a>
			<a class="dock-item2" href="/we"><img src="/templates/mozhay/images/icons/64x64/e_mail.png" alt="home" /><span>О нас</span></a>
		</div>
	</div>

ну и CSS нужно добавить — мой вот:

 
#dock2 {                                                                                                                                                                                                                             
        width: 420px;                                                                                                                                                                                                                 
        bottom: 0px;                                                                                                                                                                                                                 
        position: relative;                                                                                                                                                                                                          
        left: 0px;
 
}                                                                                                                                                                                                                                    
.dock-container2 {                                                                                                                                                                                                                   
        position: absolute;                                                                                                                                                                                                          
        height: 60px;                                                                                                                                                                                                                
        padding-left: 20px;
 
}                                                                                                                                                                                                                                    
a.dock-item2 {                                                                                                                                                                                                                       
        display: block;                                                                                                                                                                                                              
        font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;                                                                                                                                                                                
        width: 32px;                                                                                                                                                                                                                 
        color: #FFF;                                                                                                                                                                                                                 
        bottom: 0px;                                                                                                                                                                                                                 
        position: absolute;                                                                                                                                                                                                          
        text-align: center;                                                                                                                                                                                                          
        text-decoration: none;                                                                                                                                                                                                       
}                                                                                                                                                                                                                                    
.dock-item2 span {                                                                                                                                                                                                                   
        display: none;                                                                                                                                                                                                               
        padding-left: 20px;                                                                                                                                                                                                          
}                                                                                                                                                                                                                                    
.dock-item2 img {                                                                                                                                                                                                                    
        border: none;                                                                                                                                                                                                                
        margin: 5px 10px 0px;
 
        width: 100%;                                                                                                                                                                                                                 
}

http://mozhay.net - СМИ Можайска

#12 19 января 2011 в 21:41

mozhay.net, спасибо большое!
Буду разбираться на досуге...
Если что, тогда уже в ЛС буду уточнять, если Вы не против.

Копирайтинг, рерайтинг, постинг, контент-менеджмент, модерирование и т. д. и т. п. Обращайтесь!

#13 19 января 2011 в 23:28

ой, наврал — нужно добавить ещё вот что:

тут собственно и описываются параметры меню

http://mozhay.net - СМИ Можайска

#14 19 января 2011 в 23:29

хммм, не пропускает тег code код ((((

http://mozhay.net - СМИ Можайска

#15 19 января 2011 в 23:31

В общем вот пример на основе которого делал: www.ndesign-studio.com/file/css-dock-menu.zip

http://mozhay.net - СМИ Можайска

1
2
Следующая
Показаны 1-15 из 26

Мой самый первый сайт

Скромный, но вполне гордый сай

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

Очередной сайт на ICMS

Похожие темы

Очерёдность показа в слайдере

Создать очередность для крона

[ЕСТЬ РЕШЕНИЕ] Биллинг и ICMS 2.15.1

Работает ли компонент OverAll - Микшеры контента для ICMS 2 на ICMS 2.15.2?

Плагин для рассылки на e-mail всех зарегистрированных пользователей сайта на ICMS 2

Видео конференции на сайте ICMS

InstantCMS Team

О проекте

Поддержка

Дополнения