Jump to content

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

Featured Replies

Posted
comment_103045

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

DCvx4H2.png

7K0gr6E.png

comment_103046

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

#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;}

 

  • Author
comment_103048
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;}

 

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

comment_103049

Ваш код
 

.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 то добавти у самий ныз

  • Author
comment_103090
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

comment_103099

@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

 

Edited by Sipsb

comment_103100

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

Спойлер

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;
}

 

  • Author
comment_103107
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

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

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


padding: 10px 0 15px 7px;

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

comment_103111

Это

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>

 

  • Author
comment_103113
<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>

Вот так вот?

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

comment_103115

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

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

 

Edited by Sipsb

comment_103117

@Dark1  До 

Спойлер

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

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

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

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

 

Edited by Sipsb

  • Author
comment_103118
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 месяцев спустя...
comment_123641
  • подскажите пожалуйста как поправить боковую панель слева
  • созданные темы в нахлест на колонку слева 
Спойлер

q7oKx3qzJv0.jpg

 

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

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

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

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

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

супе𬬠

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

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

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

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

comment_123651

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

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

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

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

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

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

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

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

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

 

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

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

https://ispan55.ru/forum

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

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.