Небольшие проблемы и вопросы

DimoN1999

Сообщений: 48

Репутация: 0

Сообщение # 1 | 17:42:45 07 Июл 2014

сайт: http://dubno-mb1.pp.ua/
1. Как сделать выпадающий список в меню?
2. Как поместить сам БЛОК "Категории" по середине?
3. Как сделать ширину календаря 80%?
4. Неправильно отображается категория на новости (желтый прямоугольник), как сделать чтобы окошко с категорией отображалось правильно и с правильным названием?
5. На сайте сейчас размещено 8 тестовых новостей. На главной странице будет отображаться 6 новости (указано в настройках). Почему не отображается блок с переключателями?
6. Блок с рекламой можно убрать бесплатно для образовательных сайтов. Этот мой сайт - сайт местной библиотеки....Так вот, можно убрать с сайта рекламы?

Сообщение отредактировал DimoN1999 - Понедельник, 07 Июл 2014, 22:17:37

Dogica

Сообщений: 1230

Репутация: 353

Уровень замечаний:

Сообщение # 2 | 17:47:27 07 Июл 2014

3) календарь : в КСС вот это

.calTable{width:80%;}

пробуйте вместо 80% также значения в PX.. например 100px

WWW.DOGICA.COM / WWW.DOGICA.ORG

DimoN1999

Сообщений: 48

Репутация: 0

Сообщение # 3 | 17:55:02 07 Июл 2014

Dogica, спасибо. буду ждать дальше ответов....

сondor

Сообщений: 4661

Репутация: 1528

Сообщение # 4 | 19:17:47 07 Июл 2014

DimoN1999,

1) Используйте системное меню $NMENU_1$ в Панель Управления - Дизайн - Конструктор меню перетаскивайте необходимые пункты делая выпадающие подпункты. Далее оформляете через css.
2) Панель Управления - Дизайн - Управление дизайном (CSS) красное удалить, синее добавить.

3)+
4) Панель Управления - Дизайн - Управление дизайном (CSS) красное удалить

5) Переключатель страниц появится когда материала будет на 1 больше числа указанного в настройках модуля Новости сайта. По умолчанию там стоит показ 10 новостей на главной. То есть, при добавлении 11 появится переключатель. Количество показа новостей можете менять в настройках модуля.
6) Если ваш сайт является образовательным, то обратитесь по адресу banner@ucoz.net с просьбой отключения рекламы.

NurHasber

Сообщений: 235

Репутация: 43

Сообщение # 5 | 20:07:08 07 Июл 2014

Пример простого выпадающего меню:
HTML:

Код

<!DOCTYPE html>
<html>
<head>
  <title>Меню</title>
  <link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="mainmenu">
     <ul id="nav">
       <li><a href="">Меню 1</a>
         <ul>
           <li><a href="#">Item 1</a></li>
           <li><a href="#">Item 2</a></li>
           <li><a href="#">Item 3</a></li>
         </ul>
       </li>

       <li><a href="">Меню 2</a>
         <ul>
           <li><a href="#">Item 1</a></li>
           <li><a href="#">Item 2</a></li>
         </ul>
       </li>

       <li><a href="">Меню 3</a>
         <ul>
           <li><a href="#">Item 1</a></li>
           <li><a href="#">Item 2</a></li>
           <li><a href="#">Item 3</a></li>
           <li><a href="#">Item 4</a></li>
         </ul>
       </li>
     </ul>
</div>

</body>
</html>

CSS:

Код

#mainmenu
{
  float:left;
}
#mainmenu ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
#mainmenu ul li
{
  position: relative;
  float:left;
}
#mainmenu ul li ul, #mainmenu ul li ul li
{
  width:130px;
}
#mainmenu li ul
{
  position: absolute;
  left: 0;
  top: 29px;
  display: none;
  float:left;
}
#mainmenu ul li a
{
  float:left;
  color: black;
  width:130px;
  font-size:16px;
  padding: 5px 0 5px 0;
  text-align:center;
  background: #CCCCCC;
}
#mainmenu li ul li a
{
  padding:5px 0 3px 10px;
  text-align:left;
  font-size:12px;
  width:120px;
  background: #EEEEEE;
}
#mainmenu li ul li a:hover
{
  background: #152C36;
  color:White;
}
* html #mainmenu ul li { float: left; height: 1%; }
* html #mainmenu ul li a { height: 1%; }
#mainmenu li:hover ul,
#mainmenu  li.over ul { display: block; }

Добавлено (07 Июл 2014, 20:01:22)
---------------------------------------------

Цитата DimoN1999 (

)

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

Что вы хотите сделать в конечном итоге?

Добавлено (07 Июл 2014, 20:07:08)
---------------------------------------------

Цитата DimoN1999 (

)

6. Блок с рекламой можно убрать бесплатно для образовательных сайтов. Этот мой сайт - сайт местной библиотеки....Так вот, можно убрать с сайта рекламы?

Убрать? - Да можно.
Бесплатно? - Нет.
Как убрать? - Заходим в панель управления сайтом » В верхнем админ-баре щелкаем Платные услуги » Купить отдельную услугу (написано текстом и подчеркнуто, под навигацией) » Убрать рекламный баннер.

Люди дающие ссылку на свой сайт сразу, попадают в рай в не очереди

DimoN1999

Сообщений: 48

Репутация: 0

Сообщение # 6 | 22:05:10 07 Июл 2014

сondor,
4. Спасибо конечно. Но желтый прямоугольник должен находиться на фотографии...

Сообщение отредактировал DimoN1999 - Понедельник, 07 Июл 2014, 22:18:18

сondor

Сообщений: 4661

Репутация: 1528

Сообщение # 7 | 22:11:38 07 Июл 2014

Цитата DimoN1999 (

)

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

DimoN1999, для кода должно быть прописано абсолютное позиционирование:

Код

<div class="news_category">$CATEGORY_NAME$</div>

А для того элемента в котором находится данный код должно быть прописано относительно позиционирование:

Все стили конечно же лучше прописывать в CSS а не в шаблоне вида материалов

DimoN1999

Сообщений: 48

Репутация: 0

Сообщение # 8 | 22:20:23 07 Июл 2014

сondor, теперь совсем не так....

сondor

Сообщений: 4661

Репутация: 1528

Сообщение # 9 | 22:21:20 07 Июл 2014

DimoN1999, что не так, значения то нужно регулировать.

DimoN1999

Сообщений: 48

Репутация: 0

Сообщение # 10 | 00:41:52 08 Июл 2014

сondor, я почти добился нужного еффекта, но теперь у заголовка есть отступ(((

Страница 1 из 1 1
Модератор форума: dotbot