Как сделать весь форум определённой ширины???

[Kolyan2004]

Как сделать весь форум определённой ширины???

Например 770 px

 

Заранее Всем Спасибо!

[Lexx]

А он вроде и так весь с определенной шириной.

Если скин стандартный и если я не ошибаюсь, то в CSS нужно исправить в #ipbwrapper на нужную ширину, т.е.

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }

заменить на

#ipbwrapper { text-align:left; width:770px; margin-left:auto;margin-right:auto }

[Kolyan2004]

Lexx

Спасибо БАЛЬШОЕ! получилось

[d-zoom]

вот у меня не стандартный DatOK.Net где мне ищменить скажы пожалуйста

[d-zoom]

там кода даже нету такого

[Остап]

d-zoom В АСР лазил ваще ???

 

Скины и Шаблоны -> Стили -> Редактировать нужный ->

[d-zoom]

я лазел ты сперво посматри !!!! на кол у меня весь форум переделан

html { overflow-x: auto; }

form { display: inline; }

img { vertical-align: middle;border: 0px; }

BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 148px 0px 147px;color: #444444;background-color: #c4c4c4;background-image: url(style_images/<#IMG_DIR#>/back.gif); }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #444444; }

a:link, a:visited, a:active { text-decoration: underline;color: #444444; }

a:hover { text-decoration: underline;color: #f90; }

fieldset.search { padding: 6px;line-height: 150%; }

label { cursor: pointer; }

img.attach { padding: 2px;border: 2px outset #EEF2F7; }

.googleroot { padding: 6px;line-height: 130%; }

.googlechild { padding: 6px;margin-left: 30px;line-height: 130%; }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px;color: #3A4F6C; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px;font-weight: bold;color: #00D; }

.googlepagelinks { font-size: 1.1em;letter-spacing: 1px; }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px;color: #434951; }

li.helprow { padding: 0px;margin: 0px 0px 10px 0px; }

ul#help { padding: 0px 0px 0px 15px; }

option.cat { font-weight: bold; }

option.sub { font-weight: bold;color: #555; }

.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #444444;background-color: #d5d5d5; }

.warngood { color: #486278; }

.warnbad { color: #CC0000; }

#padandcenter { margin-left: auto;margin-right: auto;text-align: center;padding: 14px 0px 14px 0px; }

#profilename { font-size: 28px;font-weight: bold; }

#calendarname { font-size: 22px;font-weight: bold; }

#photowrap { padding: 6px; }

#phototitle { font-size: 24px;border-bottom: 1px solid black; }

#photoimg { text-align: center;margin-top: 15px; }

#ucpmenu { line-height: 150%;width: 22%;background-color: #E0E0E0;border: 1px solid #444444; }

#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }

#ucpcontent { line-height: 150%;width: auto;background-color: #fff;border: 1px solid #444444; }

#ucpcontent p { padding: 10px;margin: 0px; }

#ipsbanner { position: absolute;top: 1px;right: 5%; }

#logostrip { padding: 0px;margin: 0px; }

#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #3A4F6C; }

#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #284258; }

#submenu a:hover { font-weight: bold;font-size: 10px;text-decoration: none;color: #486278; }

#userlinks { background-color: #c5c5c5;border: 1px solid #000000; }

#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }

.activeuserstrip { padding: 6px;background-color: #DADDE1; }

.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #3e3e3e;background-color: #e5e5e5; }

.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #EBEEF0;border-right: 1px solid #EBEEF0;background-color: #e5e5e5; }

.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #EBEEF0;border-right: 1px solid #EBEEF0;background-color: #DADDE1; }

.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #EBEEF0;background-color: #e5e5e5; }

.post1 { background-color: #e0e0e0; }

.post2 { background-color: #F0F0F0; }

.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: b5b5b5;background-image: url(style_images/<#IMG_DIR#>/tile_back2.gif); }

.shout { background-color: #EBEEF0; }

.row1 { background-color: #e5e5e5; }

.row2 { color: #3e3e3e;background-color: #f5f5f5; }

.row3 { background-color: #e5e5e5; }

.row4 { color: #555555;background-color: #f5f5f5; }

.darkrow1 { color: #3e3e3e;background-color: #b5b5b5; }

.darkrow2 { color: #3e3e3e;background-color: #fff;background-image: url(style_images/<#IMG_DIR#>/tile_back2.gif); }

.darkrow3 { color: #555555;background-color: #C5C5C5; }

.hlight { background-color: #A3B0BB; }

.dlight { background-color: #DADDE1; }

.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color: #3e3e3e;background-color: #e5e5e5; }

.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline;color: #444444;background-color: #e5e5e5; }

.maintitle { vertical-align: middle;font-weight: bold;letter-spacing: 1px;padding: 8px 0px 8px 5px;color: #EBEEF0;background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); }

.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #EBEEF0; }

.maintitle a:hover { text-decoration: underline; }

.plainborder { background-color: #EBEEF0;border: 1px solid #486278; }

.tableborder { background-color: #EBEEF0;border: 1px solid #486278; }

.tablefill { padding: 6px;background-color: #EBEEF0;border: 1px solid #A5A5A5; }

.tablepad { padding: 6px;background-color: #EBEEF0; }

.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }

.wrapmini { float: left;line-height: 1.5em;width: 25%; }

.pagelinks { float: left;line-height: 1.2em;width: 35%; }

.desc { font-size: 10px;color: #434951; }

.edit { font-size: 9px; }

.signature { font-size: 10px;color: #339; }

.postdetails { font-size: 10px; }

.postcolor { font-size: 12px;line-height: 160%; }

.normalname { font-size: 12px;font-weight: bold;color: #fff; }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }

.unreg { font-size: 11px;font-weight: bold;color: #900; }

.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }

#QUOTE { font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #444444;background-color: #ffffff;border: 1px dashed #444444; }

#CODE { font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #444444;background-color: #fff;border: 1px solid #444444; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }

.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #444444; }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #444444; }

.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #EBEEF0;border-bottom: 1px solid #EBEEF0; }

.thinshout { padding: 6px 0px 6px 0px;line-height: 100%;margin: 0px 0px 2px 0px;border-bottom: 1px solid #EBEEF0; }

.purple { font-weight: bold;color: purple; }

.red { font-weight: bold;color: red; }

.green { font-weight: bold;color: green; }

.blue { font-weight: bold;color: blue; }

.orange { font-weight: bold;color: #F90; }

[d-zoom]

ну и где ты? думааеш все так легко

было бы легко я бы даже суда не шел!

[urisoft]

d-zoom

ну и где ты? думааеш все так легко

Ну уж если ты "сам с усами" и так "круто" все переделал, то как тебе давать советы ?

1. Убери margin в BODY

2. Ищи где у тебя твой первый TABLE и ставь ему нужный размер в px вместо %.

[d-zoom]

go to css_x.css

 

вот тут все .... изменить надо первую строчку поменять 0px 148px 0px 147px на что то типа 0px 100px 0px 100px и все

 

BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;margin: 0px 148px 0px 147px;color: #444444;background-color: #c4c4c4;background-image: url(style_images/<#IMG_DIR#>/back.gif); }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #444444; }

a:link, a:visited, a:active { text-decoration: underline;color: #444444; }

a:hover { text-decoration: underline;color: #f90; }

fieldset.search { padding: 6px;line-height: 150%; }

[d-zoom]

убирать ни че не надо просто изменить !! все работает!

[urisoft]

d-zoom

убирать ни че не надо просто изменить !! все работает!

Ты спрашивал про фиксированный размер...

А то что ты пишешь выше только устанавливает отступ от края. Что не есть фиксированный размер и при разных разрешениях будет выглядеть по разному.

[d-zoom]

да нет боюсь ты не прав поматри на мой форум я там изменил и у меня при любом разрешении одно и тоже и красиво ... спасибо urisoft за помощ в прошлых темах

[Kolyan2004]

d-zoom

Привет как ты сделать чтобы header у таблицы был до канца, а то у меня справа полоса какаято?

Погдяди а http://www.finansist-kras.ru/forums/index.php

http://www.finansist-kras.ru/img/1.jpg

[urisoft]

d-zoom

да нет боюсь ты не прав  поматри на мой форум я там изменил и у меня при любом разрешении одно и тоже и красиво ...

Да ты не бойся Я все равно прав. Ты выставил отступ от края в 100рх. И если изменять размер окна броузера, то форум тоже будет менять размер. Фиксированный размер - это когда при любом разрешении (размере окна броузера) ширина форума всегда равна заданному значению и не меняется.

Возможно ты и получил, то что хотел, но это не фиксированный размер.

[DON]

У меня тоже не выходит Скин стандартный, только цвета в CSS заменены.

 

Я уже даже #ipbwrapper правил в skin_sgm, но ничего не выходит, и таблицы не фиксируются... urisoft, глянь плз, может ты поймёш в чём трабл?

[DON]

Чё-та тему затопили. Urisoft глянь в чём трабла плз

[urisoft]

DON

#ipbwrapper { text-align: left;width: 95%;margin-left: auto;margin-right: auto; }

Заменить на

#ipbwrapper { text-align: left;width: 800px;margin-left: auto;margin-right: auto; }

будет 800 пикселей...

Менять через админку.

Добавлено в [mergetime]1075851547[/mergetime]

Во всех стилях естественно...