Название: [skinbox] Cielo 3.4.x

Добавил: Respected

Добавлен: 10 Мар 2013

Категория: Стили, Темы, Шаблоны для IP.Board

Версия IP.Board: 3.4.x, 3.3.x

[skinbox] Cielo 3.4.x - стиль для IP.Board 3.4.x от skinbox.net

Капец какой он белый 

Ребята может кто в курсе как юзер панэль перенести с низу на верх и там её закрепить тоесть сделать чтоб она не плавала?

для начала ссылку в профиле на форум укажите

указал

указал

Что именно? Скрин покажите

Что именно? Скрин покажите

__asmama.lt/forumas/

вот тут находится форум

sanioklzd, я не погял что вы хотите. Покажите скрин

Ребята может кто в курсе как юзер панэль перенести с низу на верх и там её закрепить тоесть сделать чтоб она не плавала?

АЦ - Внешний вид - Данный стиль - CSS - skinbox.css

#userBarWrapper {
position: fixed;
width: 100%;
bottom: 20px;
z-index: 9998;
left: 0;
}

За счет position: fixed; панель зафиксирована и, выражаясь Вашими словами, плавает.

Ну вот смотрите тут Юзер бар показан в верху

 

У меня на форуме он в низу и зафиксирован, Как снять фиксацию я понял а как его перенести на верх подскажите какой именно момент кода за это отвечает. И есчё вот на сайте производителя шаблона есть такая информация:

 

Configuration FilesThis skin includes configuration files allowing you to easily enable or disable features within the skin. This makes modifications and upgrades very simple since no code changes in template files are required.

 

 

Где найти этот файл?

Так с юзер баром разобрался надо было просто удалить этот код в skinbox.css

#userBarWrapper {
position: fixed;
width: 100%;
bottom: 20px;
z-index: 9998;
left: 0;
}

Спасибо LvsF за подсказку, а вот на счёт того файлика с настройкам подскажите

Кто столкнулся с проблемой при удалении кода #userBarWrapper когда не раскрываются списки уведомлений и сообщений в юзербаре? Как исправили, подскажите?

 

Стиль действительно стоящий и очина понравился)

Разобрался. 

 

Нужно было убрать ещё и 

.ipsHeaderMenu{
	top: auto !important;
	bottom: 57px;
	-moz-border-radius: 6px 6px 0 0 !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius: 6px 6px 0 0 !important;
}

в skinbox.css

Нужна ещё помощь по блокам 

Вот такое наложение получается в режиме двух колонок

 

Как сделать приоритетным содержание блока?

Нужна ещё помощь по блокам 

Вот такое наложение получается в режиме двух колонок

2015-04-01_14-24-10.jpg

 

Как сделать приоритетным содержание блока?

Проблема в том, что высота блоков задана жестко, вот текст и не влазит и в итоге вылазит за блок - получается такая картинка как на скрине

 

попробуйте найти:

.view-forums-grid .f_row {
float: left;
width: 49%;
height: 120px;
}

и поменять height на min-height  вот так

.view-forums-grid .f_row {
float: left;
width: 49%;
min-height: 120px;
}

ПС:

Если хотите, то вот тут

.view-forums-grid .f_name h4 {
font-size: 22px;
font-weight: 300 !important;
}

можно дописать line-height: 100%;

.view-forums-grid .f_name h4 {
font-size: 22px;
font-weight: 300 !important;
line-height: 100%;
}

Вот в чем разница будет:

 

 

Проблема в том, что высота блоков задана жестко, вот текст и не влазит и в итоге вылазит за блок - получается такая картинка как на скрине

 

Да. верно Спасибо

 

Теперь правда блоки ищут себе подходящие места)

 

 

Попробовал увеличить до 140px только тогда они выровнялись. Но так сильно большое пространство между ними у тех у кого в описании всего одна строка.

 

Возможно ли сделать их гибкими? Так что бы контент определял высоту этажа из двух колонок по горизонтали?

В данном случае нет. Или блоки должны быть одной высоты.

Из-за того, что они все имеют свойство float: left, при разной высоте происходит следующее:

видите ступеньку из-за разности высоты

Блок (форум села Усатово) "цепляется" за этот выступ и застревает в правом положении (тогда как он уже должен был быть слева). А следующий за ним блок (форум поселка Усатово), пытается обтечь слева (у всех ведь float: left), поэтому и оказывается как бы под ним - вот и незаполненное место сверху нарисовалось.

 

Можно было бы попробовать нечетным назначить  float: left а четным float: right - это бы сработало даже при их разной высоте.

типа такого:

#categories .f_row:nth-child(odd) { float: left !important; }
#categories .f_row:nth-child(even) { float: right !important; }

Но у Вас блоки находятся в разных категориях (div'ах)

 

div категория 1

- блок

- блок

- блок

div категория 2

- блок

div категория 3

- блок

 

Если б они были в одной категории - без проблем. А так не получиться. Т.е. проблема в том, чтобы выделить четные и нечетные на всей странице. Если только не заморочиться с каким либо скриптом или в шаблоне копаться.

 

 

Другого варианта походу нет. Если только:

Как вариант - подобрать более-менее подходящую высоту (min-height или height - тут надо смотреть) и ограничить минимальную ширину форума, чтобы он так сильно не сжимался.

свойство min-width вот тут: 

#ipboard_body .main_width, .width, .wrapper {
  width: 90% !important;
  min-width: 980px !important;
}

Либо, если знаете, что эти форумы не будут меняться долгое время и новых не предвидится, можно заморочиться с индивидуальными свойствами для каждого ( БЛДЖАД ! )

 

В общем, нет простого решения или я не знаю  .

Если только min-width для форума (пожертвовав при этом шириной форума для маленьких мониторов)

 

 

 

Ребят, помогите изменить ширину стиля!

зачем менять ширину если у вас в профиле написано что у вас нет форума. и воспользуйтесь поиском: ширина, ширина форума, изменить ширину 

Извини конечно, но я уже создал свой форум, и в данном шаблоне тупо по каким-то причинам нельзя изменить размер самого форума!
Возьми сам да посмотри... То что написано в интернете то что ты говоришь "ширина, ширина форума, изменить ширину" совсем все не то.
И я знаю что в данном стиле оно должно меняться в 

.wrapper {
  margin: 0 auto;
  min-width: 980px;
  max-width: 1600px;
  width: 80%;
}

или

.width {
  width: 73%;
  min-width: 990px;
  margin: 0 auto;
}

И ничего оно не меняет! Так как данный код перебивает все на свете!
Которого нигде нет, и откуда он берется не понятно... Омг!

#ipboard_body .main_width, .width, .wrapper {
  width: 90% !important;
  min-width: 980px !important;
}

Проблему решил.
Бред полнейший...

1. Тыкать в меня не надо

2. в профиле нужно указывать ссылку на форум!

3. ради вашей прихоти я не собираюсь себе ставить этот стиль

4. когда вам пытаются помочь, нужно включить мозг и сделать все, чтобы облегчить эту работу!