Изменить размеры темы как ?

[Awilum]

Где находится информацию про ее ширину ? Сейчас я думаю она в ширину 800
Мне надо ее расширить. Как это сделать ?

[Alex K]

очевидно в одном из файлов шаблона темы, возможно он называется "Display.template.php"

[MiTyaj]

А зачем? Не лучше ли взять тему нужного размера? А так, еси побаловаться, то в файле stile.css прописана форма, она лежит в папке .../Themes/ваша тема.

[Awilum]

Alex K
index.php      
index.template.php
Settings.template.php    
style.css
theme_info.xml

Это все что есть в теме "Display.template.php" нету ?

mityaj
Мне нужен определенный дизайн темы, а вот ширина маленькая для этой темы и другая тема меня не устроит

[MiTyaj]

Если Display.template.php в вашей теме нет, то он берётся из стандартной темы smf, и на размер не влияет. То каким будет вид страницы полностью зависит от стиля, и определяется он в css (stile.css) задан может быть как в процентном соотношении так и в строгом с привязкой к экрану..

#header{ width:100%;  height:128px;  background:#000 url(images/bgif.gif) top center repeat-x} - это у меня так для шапки 100% ширина (весь экран)

#menu{height:33px;  background:#bf4444 url(images/navbar.png) top center repeat-x; width:80%; border:0; position:relative; margin:0 auto} - это у мя для меню 80% от площади экрана (80% у мя и дальше) и т.д.

всё зависит от темы, у Вас может быть всё по другому, но в любом случае stile.css и очень аккуратно, что бы не поплыло оформление

[Awilum]

размер увеличил форума. добавил width

Код Выделить Развернуть

#footer {
   background: #343434 url(images/footer-bg.gif) 0 0 repeat-x;
   text-align: center;
   margin: 0;
   padding: 0;
   font-size: 10px;
   color: #909090;
width:1024px;

}

#header {
   position: center;
   height: 171px;
   width: 1024px;
   overflow: hidden;
   background: #343434 url(images/header-bg.gif) repeat-x;
align: center;
} 

#mainarea {
   background: #f0f0f0;
   padding: 5px 10px 10px 10px;
   margin: 0;
position: center;
width: 1004px;

}

Есть проблема. все то теперь не по центру а на несколько сантиметров сместился в право.
Тоесть сайт у меня не совсем по цетру.
Как єто можно исправить

[BIOHAZARD]

явно не к футеру надо ширину приделывать
ширина регулируется или в style.css или index.template.php - никак не в display.template.php

попробуй почитать http://www.simplemachines.ru/index.php/topic,7551.0.html

[MiTyaj]

Есть проблема. все то теперь не по центру а на несколько сантиметров сместился в право.
Тоесть сайт у меня не совсем по цетру.

А я предупреждал.., очень аккуратно.
#footer - описание подвала
#header - головы
а где остальное? Одним изменением и прикручиванием width в тело дело не поправить, смотрите весь листинг css..

[Awilum]

#mainarea #footer #header - поставил ширину

кроме style.css я больше не где не правил

вот скрин проблемы
http://s14.radikal.ru/i187/0908/e7/a62e1c2b65d0.jpg

[BIOHAZARD]

Код Выделить Развернуть


#mainarea
{
...
margin: 0 auto;
...
}


PS: нет такого position: center; ( http://www.htmlbook.ru/css/position.html )

[Awilum]

BIOHAZARD
У меня там стоит  margin: 0 ;

поставил  margin: 0 auto; все также 

[Awilum]

position: center;

Вернул как было position: relative; безрезультатно

Код Выделить Развернуть

/* The AJAX notifier */
#ajax_in_progress {
   background: #32CD32;
   color: white;
   text-align: center;
   font-weight: bold;
   font-size: 18pt;
   padding: 3px;
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   
}

#body-top {
   background: #ffffff url(images/bg.gif) repeat-x;
   padding: 0;
   margin: 0;
}

#mainarea {
   background: #f0f0f0;
   padding: 5px 10px 10px 10px;
   margin: 0 auto;
position: relative;
width: 1004px;

}

#header {
   position: center;
   height: 171px;
   width: 1024px;
   overflow: hidden;
   background: #343434 url(images/header-bg.gif) repeat-x;
}

#headerleft {
   height: 171px;
   background: url(images/header-left.gif) 0 0 no-repeat;
   position: relative;

}

#headerright {
   height: 171px;
   background: url(images/header-right.gif) 100% 0 no-repeat;
   position: relative;
}

#container {
   width: 950px;
   margin: 0px auto 20px auto;
}

#logo, #logo a {
   position: absolute;
   top: 51px;
   left: 0;
   display: block;
   width: 400px;
   height: 90px;
   background: url(images/logo.gif) no-repeat;
}

#welcome {
   font-size: 1.0em;
   color: #999;
   font-family: tahoma, sans-serif;
   float: right;
   padding: 20px 30px 0 0;
   text-align: right;
}

#welcome a:link, #welcome a:visited {
   color: #808080;
   font-weight: bold;
}

#welcome a:hover {
   text-decoration: underline;
}

#footer {
   background: #343434 url(images/footer-bg.gif) 0 0 repeat-x;
   text-align: center;
   margin: 0;
   padding: 0;
   font-size: 10px;
   color: #909090;
   width:1024px;

}

#footer-left {
   background: url(images/footer-left.gif) 0 0 no-repeat;
}

#footer-right {
   background: url(images/footer-right.gif) 100% 0 no-repeat;
   height: 80px;
   overflow: hidden;
}

#footer a:link , #footer a:visited{
   color: #707070;
}

#footer a:hover{
   color: #aaa;
}

#menubar {
   margin: 0;
   padding: 0;
   height: 45px;
}

#topmenu {
   display: block;
   position: relative;
   height: 25px;
   font-size: 11px;
   font-weight: bold;
   margin: 0;
   float: left;
   padding: 20px 0 0 10px;
   font-family: tahoma, sans-serif;
}

#topmenu  ul {
   margin: 0px;
   padding: 0;
   list-style-type: none;
   width: auto;
   float: left;
}

#topmenu  ul li {
   display: block;
   float: left;
   margin: 0 1px;
}

#topmenu  ul li a {
   display: block;
   float: left;
   color: #fff;
   text-decoration: none;
   padding: 0 0 0 13px;
   height: 25px;
   line-height: 25px;
}

#topmenu  ul li a span {
   padding: 0 13px 0 0;
}

#topmenu ul li a:hover {
   color: #fff;
   background: #a7a5a5 url(images/topmenu-left2.gif) 0 0 no-repeat;
}

#topmenu ul li a:hover span {
   display: block;
   width: auto;
   background: #a7a5a5 url(images/topmenu-right2.gif) 100% 0 no-repeat;
}

#topmenu ul li a.current {
   color: #fff;
   background: #16b7c5 url(images/topmenu-left.gif) 0 0 no-repeat;
}

#topmenu ul li a.current span {
   display: block;
   width: auto;
   background: #16b7c5 url(images/topmenu-right.gif) 100% 0 no-repeat;
}

[MiTyaj]

Я так понял над что бы шапка расширилась на всю ширину экрана, а страничка встала по центру с отступами. Дак у Вас в css отступы прописаны, поэтому, при беглом взгляде на css, не видя индексного файла (что куда прописывается из css, и где чья картинка) могу посоветовать попробовать прописать в header так, если я правильно понял что header в вашей теме эт шапка.

#header {
   margin: 0;
   padding: 0;
     height: 171px;
     overflow: hidden;
     background: #343434 url(images/header-bg.gif) repeat-x;
}

еси нет, то впихнуть widht 100%

если поможет, по аналогии также впишите и в подвал...

да кстати,.

#mainarea {
   background: #f0f0f0;
   padding: 5px 10px 10px 10px;
   margin: 0 auto;
position: relative;
width: 1004px;

}

почему так?

хотя я могу и ошибаться..., я же смотрю голое css без картинок и indexa, а этой темы я не знаю..

[Awilum]

Шапка и так на 100% Та большая полоса я про ту говорю
Мне надо само окно форума расширить на разрешение  1024 не на 100%
Методом тыка решил поменять #mainarea #footer #header - поставил ширину.
#header  - я так понял что не тот что вверху самом и на 100% а  #header самой страницы форума

https://www.simplemachines.ru/radikal/s14/i187/0908/e7/a62e1c2b65d0.jpg

width: 1004px;

Подобрал такую цифру что бы содержимое не вылазило а то шапку и низ расширил а содержимое то не достовало то вылазило

По умолчанию там даже небыло width я сам написал ее.
Без width работает как и раньше и поцентру все

ПРАВКА
Вообщем я понял что оно сделало. Я поменял ширину было где то 800(по умолчанию) я поставил 1024
Значит окно расширилось и слева осталось меньше места чем справа. Получается, что все окно (*ФОРУМА) не по центру, а там где оно и было только уже в ширину больше

[MiTyaj]

Ну тогда header и futer не трогай, меняй только это

#mainarea {
   background: #f0f0f0;
   padding: 5px 10px 10px 10px;
   margin: 0 auto;
  position: relative;
  width: 1004px;
}

если это тело основного форума, я же не телепат и не вижу где у тя в indexe рисуется вывод тем.

кромь того, посмотри за что отвечает этот кусок, я тоже этого не вижу, так как не вижу indexa

#container {
   width: 950px;
   margin: 0px auto 20px auto;
}

[Awilum]

Спасибо всем. Решил вопрос
все дело было в контейре и все проблемы решены
#container
{
   width: 1024px;
   margin: 0px auto 20px auto;
}