ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог кодов CSS » Разбросать меню (Forum, Userlist ...)по разным сторонам


Разбросать меню (Forum, Userlist ...)по разным сторонам

Сообщений 1 страница 10 из 10

1

css

Код:
#navindex a {
  background: url(ссылка на картинку "ФОРУМ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}
#navuserlist a {
  background: url(ссылка на картинку "УЧАСТНИКИ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navsearch a {
  background: url(ссылка на картинку "ПОИСК") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navprofile a {
  background: url(ссылка на картинку "ПРОФИЛЬ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navpm a {
  background: url(ссылка на картинку "СООБЩЕНИЕ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navadmin  a {
  background: url(ссылка на картинку "АМС МЕНЮ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;;
}

#navlogout   a {
  background: url(ссылка на картинку "ВЫХОД") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navlogin  a {
  background: url(ссылка на картинку "ВХОД") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

#navregister a {
  background: url(ссылка на картинку "РЕГИСТРАЦИЯ") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}
#navrules a {
  background: url(ссылка на картинку "ПРАВИЛА") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}
#navpiar a {
  background: url(ссылка на картинку "Пир-Вход") no-repeat top center; 
  display: inline-block; 
  position: absolute; 
  z-index: 1000; 
height: ХХХpx;
width: ХХХpx;
top: ХХХpx; 
left: ХХХpx;
}

height: ХХХpx; - ширина картинки
width: ХХХpx; - высота картинки
Расположение
top: ХХХpx; - выше/ниже
left: ХХХpx; - в лева/в права

0

2

подскажите, пожалуйста, у меня над картинками навигация идет обыкновенным текстом. Как исправить?

0

3

Дня (:
А можно еще юзер-панель перенести? а то неудобно, когда они отдельно... http://uploads.ru/i/K/Z/U/KZUwI.gif

0

4

Jii-Jo
Точно так же раскидать по сторонам?

0

5

Здравствуйте.
Скажите, а можно смещать по горизонтали относительно центра? Просто на разных разрешениях экрана - выходит по-разному.

0

6

Seishi
можно.
margin-left смещает влево
margin-right смещает направо

0

7

Герда
Спасибо. Но вот  margin-left действует, а margin-right нет. Возможно ли как-то по-иному сдвинуть, но чтобы при разрешениях экрана стояло все на месте? Я уже грешу на строку position: absolute; ...

0

8

Проблему решил сам. Как и думал - position: absolute;
У кого возникла та же проблема - ставьте position:  relative;
При необходимости меняйте
top: ХХХpx;
left: ХХХpx;
на нужную вам сторону ( bottom, top, left, right)

Надеюсь у других таких проблем не возникнет .
Герда
Еще раз спасибо за помощь

0

9

Seishi
в след раз оставляй ссылку на форум - будет более точный ответ. без ссылки возможно сказать только теоретически...

0

10

А награды по этому же принципу перемешаются?

0


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог кодов CSS » Разбросать меню (Forum, Userlist ...)по разным сторонам


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC