Jump to content

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

Featured Replies

Posted

Здравствуйте. Подскажите пожалуйста, где изменяется размер категорий и боковых блоков. знаю что в 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;}

 

  • Author
  On 15.03.2016 at 15:07, IPS said:

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


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

  • Author
  On 15.03.2016 at 15:28, IPS said:

Ваш код
 


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

 

  On 16.03.2016 at 12:57, Dark1 said:

Mr9F8wR.png

 

Edited by Sipsb

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

Показать контент

Найдите: 

#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
  On 16.03.2016 at 16:15, Sipsb said:

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

Показать контент

Найдите: 


#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
  On 16.03.2016 at 17:21, Sipsb said:

Пробйуте менять 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 спрятать на мобилках, а то не красиво! 

Показать контент
<div class="ipsResponsive_hidePhone">Всё содержимое <div id="abs-footer»>…</div>

 

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

Вот так вот?

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

  • Author
  On 16.03.2016 at 18:57, Sipsb said:

@Dark1  До 

Показать контент

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


#elMobileNav {
    display: none;
}
Показать контент

 

Спасибо!

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

 

  On 21.02.2017 at 18:57, WOLF said:

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

супе𬬠

  On 21.02.2017 at 18:57, WOLF said:

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

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

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

  On 21.02.2017 at 18:57, ispan55 said:

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

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

  On 21.02.2017 at 18:57, ispan55 said:

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

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

  On 21.02.2017 at 19:09, Sipsb said:

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

 

  On 21.02.2017 at 19:09, Sipsb said:

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

https://ispan55.ru/forum

  On 21.02.2017 at 19:11, WOLF said:

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

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

тема установлена 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.