Перейти к содержанию

Ширина категорий и боковы блоков


Dark1

Рекомендуемые сообщения

Здравствуйте. Подскажите пожалуйста, где изменяется размер категорий и боковых блоков. знаю что в CSS, но не знаю какой код отвечает, хочу увеличить в ширину. Заранее спасибо!

DCvx4H2.png

7K0gr6E.png

Ссылка на комментарий
Поделиться на другие сайты

шире боковой блок

#ipsLayout_sidebar {  min-width: 350px;  max-width: 350px;  padding: 15px 15px 15px 0;  overflow: hidden;  border-radius: 0;}#ipsLayout_mainArea {  width: 100%;  min-height: 350px;  padding: 15px;}

 

Ссылка на комментарий
Поделиться на другие сайты

14 минут назад, IPS сказал:

шире боковой блок


#ipsLayout_sidebar {  min-width: 350px;  max-width: 350px;  padding: 15px 15px 15px 0;  overflow: hidden;  border-radius: 0;}#ipsLayout_mainArea {  width: 100%;  min-height: 350px;  padding: 15px;}

 

Спасибо, а размер категорий и форумов не знаете где изменяется?

Ссылка на комментарий
Поделиться на другие сайты

Ваш код
 

.ipsType_sectionTitle {
    font-size: 15px;
    font-weight: 400;
    padding: 11px 15px 11px 15px;
    margin-top: 0;
    background: #1C1E31;
    color: #ffffff;
    border-radius: 5px 5px 0px 0px;
}

Ширина
 

font-weight: 400;
    

Если ево нет в custom.css то добавти у самий ныз

Ссылка на комментарий
Поделиться на другие сайты

21 часов назад, IPS сказал:

Ваш код
 


.ipsType_sectionTitle {
    font-size: 15px;
    font-weight: 400;
    padding: 11px 15px 11px 15px;
    margin-top: 0;
    background: #1C1E31;
    color: #ffffff;
    border-radius: 5px 5px 0px 0px;
}

Ширина
 


font-weight: 400;
    

Если ево нет в custom.css то добавти у самий ныз

Спасибо. Но почему то не чего не изменилось, увеличивал font-weight: 400;

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

Mr9F8wR.png

Ссылка на комментарий
Поделиться на другие сайты

@Dark1 Добавьте в шаблон font-size: 13px;

2016-03-16_18-59-01.thumb.png.73cc378656

Найдите 

#ipsLayout_mainArea {
    width: 100%;
    min-height: 350px;
    padding: 0px 20px;
}

И замените на это

#ipsLayout_mainArea {
    width: 100%;
    min-height: 350px;
    padding: 0px 0px;
}

 

3 часа назад, Dark1 сказал:

Mr9F8wR.png

 

Изменено пользователем Sipsb
Ссылка на комментарий
Поделиться на другие сайты

Тут тоже поправьте 

Спойлер

2016-03-16_19-11-58.thumb.png.2df5e79633

Найдите: 

#ipsLayout_sidebar {min-width: 315px;
max-width: 315px;
padding: 10px 0 15px 0px;
overflow: hidden;
border-radius: 0;}

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
    padding-left: 20px;
}

И замените на:

#ipsLayout_sidebar {min-width: 315px;
max-width: 315px;
padding: 10px 0 15px 7px;
overflow: hidden;
border-radius: 0;}

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
    padding-left: 20px;
}

 

Ссылка на комментарий
Поделиться на другие сайты

56 минут назад, Sipsb сказал:

Тут тоже поправьте 

# Скрыть контент

2016-03-16_19-11-58.thumb.png.2df5e79633

Найдите: 


#ipsLayout_sidebar {min-width: 315px;
max-width: 315px;
padding: 10px 0 15px 0px;
overflow: hidden;
border-radius: 0;}

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
    padding-left: 20px;
}

И замените на:


#ipsLayout_sidebar {min-width: 315px;
max-width: 315px;
padding: 10px 0 15px 7px;
overflow: hidden;
border-radius: 0;}

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarleft, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarright {
    padding-left: 20px;
}

 

Не помогло. 

 

U6NQfRX.png

Ссылка на комментарий
Поделиться на другие сайты

Пробйуте менять 7 на 10-17-20 

padding: 10px 0 15px 7px;
Ссылка на комментарий
Поделиться на другие сайты

9 минут назад, Sipsb сказал:

Пробйуте менять 7 на 10-17-20 


padding: 10px 0 15px 7px;

Спасибо, а как правую сторону выровнять, чтоб ширина совпадала с футером

Ссылка на комментарий
Поделиться на другие сайты

Это

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
    padding-right: 20px;
}

На это :)

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
    padding-right: 0;
}

Можно и abs-footer спрятать на мобилках, а то не красиво! 

Спойлер

2016-03-16_20-37-31.png.3904ac849de0a1a0

<div class="ipsResponsive_hidePhone">Всё содержимое <div id="abs-footer»>…</div>

 

Ссылка на комментарий
Поделиться на другие сайты

Ой, ошибся оставьте 20 а не 0 

padding-right: 20;
Ссылка на комментарий
Поделиться на другие сайты

<div class="ipsResponsive_hidePhone"> <div id="abs-footer">
	<div class="ipsGrid">
			
			<div class="ipsGrid_span4">
				<h2>О нас</h2>
				
<p>
	
</p><p>
... - это игровой проект включающий в себя собственные игровые сервера Counter Strike. У нас вы сможете найти множество статей различного характера, огромное количество файлов и т.д. Играя на наших серверах вы получите множество удовольствия благодаря широкому списку модов и плагинов на наших серверах, а так же адекватным игрокам и администрации.
</p>

<p></p>
				
		</div>
		
		
			<div class="ipsGrid_span3">
				<h2>Полезное</h2>
				

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 1</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 2</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 3</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 4</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 5</a>
</p>

			
			</div>
			
			
			<div class="ipsGrid_span3">
			<h2>Обсуждения</h2>
				
			
<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 1</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 2</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 3</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 4</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 5</a>
</p>

<p>
	 
</p>

			
			</div>
			
			
			<div class="ipsGrid_span2">
				<h2>Поддержка</h2>
				
<p>
	<a href="#" rel="external nofollow" target="_blank">Задать вопрос</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 2</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 3</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 4</a>
</p>

<p>
	<a href="https://google.com" rel="external nofollow" target="_blank">My Custom Link 5</a>
</p>

<p>
	 
</p>
            </div>	
	  </div>			
</div> <div id="abs-footer»>…</div>

Вот так вот?

Прошу  прощения, код хотел в спойлер вставить, почему то не вставилось.

Ссылка на комментарий
Поделиться на другие сайты

Да только самую нижнюю строчку забыли убрать. 

</div> <div id="abs-footer»></div>

 

Изменено пользователем Sipsb
Ссылка на комментарий
Поделиться на другие сайты

@Dark1  До 

Спойлер

2016-03-16_21-51-32.png.1ba4cbe2a616dd70

Добавьте в custom.css 

#elMobileNav {
    display: none;
}
Спойлер

2016-03-16_21-56-04.png.78b0453066df1dc8

 

Изменено пользователем Sipsb
Ссылка на комментарий
Поделиться на другие сайты

9 минут назад, Sipsb сказал:

@Dark1  До 

# Скрыть контент

2016-03-16_21-51-32.png.1ba4cbe2a616dd70

Добавьте в custom.css 


#elMobileNav {
    display: none;
}
# Скрыть контент

2016-03-16_21-56-04.png.78b0453066df1dc8

 

Спасибо!

Ссылка на комментарий
Поделиться на другие сайты

  • 11 месяцев спустя...
  • подскажите пожалуйста как поправить боковую панель слева
  • созданные темы в нахлест на колонку слева 
Спойлер

q7oKx3qzJv0.jpg

 

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

3 минуты назад, WOLF сказал:

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

спасибо за подсказку 

Ссылка на комментарий
Поделиться на другие сайты

Только что, ispan55 сказал:

спасибо за подсказку 

хах, отличная подсказка -_-

Ссылка на комментарий
Поделиться на другие сайты

Только что, WOLF сказал:

хах, отличная подсказка -_-

супе𬬠

3 минуты назад, WOLF сказал:

хах, отличная подсказка -_-

я в профиль с 2014 не заходил 

и  ссылку на форум только одну можно указать ^_^

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

12 минут назад, ispan55 сказал:

я в профиль с 2014 не заходил 

не волнует, это не мне нужна помощь.

12 минут назад, ispan55 сказал:

и  ссылку на форум только одну можно указать ^_^

в чем проблема? 

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, Sipsb сказал:

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

 

8 минут назад, Sipsb сказал:

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

https://ispan55.ru/forum

8 минут назад, WOLF сказал:

не волнует, это не мне нужна помощь.

в чем проблема? 

тема установлена Magnum Theme forum 

Ссылка на комментарий
Поделиться на другие сайты

Добавьте в Custom.css 

.cTopic .ipsColumn_medium {
    /* width: 100px; */
}

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...