Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Дизайн сдвинут налево

Предыдущая тема Следующая тема Перейти вниз

Дизайн сдвинут налево

Сообщение автор Akonya в Сб 26 Май - 11:52

Здравствуйте!

Мы создаем новый дизайн для форума, весь код CSS взяли с прежнего дизайна, вставили туда нужные картинки, но дизайн выглядит совсем не так, там всё сдвинуто влево.
Мой форум и предыдущий дизайн (он до сих пор стоит, я сначала тестирую новый дизайн на черновике): http://www.world-of-versailles.com/
А вот черновик и новый дизайн (пару кнопок в навигации вверху не хватает только): http://asiancorner.forumei.com/
Помогите разобраться в чем дело. А то я уже и так, и сяк меняла в коде какие-то строки, но ничего не выходит.
Почему не соединяются верхняя, средняя и нижняя панели? И вообще как всё сделать так, чтобы дизайн выглядел как на форуме.
Версия движка: phpBB3

Akonya
 
 

Пол : Женщина
Сообщения : 75
Возраст : 31
Место обитания : Алматы
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2009-07-20

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Ilya в Сб 26 Май - 12:40

Можете выложить код сюда?


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами

Ilya
Помощник
Помощник

Пол : Мужчина
Сообщения : 3069
Возраст : 20
Место обитания : Украина. Харьков
Настроение :
Карма : Без предупреждений
Благодарности : 1455
Регистрация : 2011-10-29

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Akonya в Сб 26 Май - 17:40

Конечно, вот:

Код:
#page-body{
background-color:  transparent!important;
background-image: url('http://img857.imageshack.us/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 152px;
}


#outer-wrapper{
background-image:url('http://img94.imageshack.us/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 1020px;
}

#wrapper{
width: 500px;
padding: 14px;
padding-left: 80px;
}


/*image du pied_de_page*/

#page-footer{
background-color: transparent;
background-image: url('http://img580.imageshack.us/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 176px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 1000px;
padding-left:100px;
}


.topiclist .header{
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
height: 30px;
}
.h3{
background-color: #;
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
background-repeat: repeat-x;
height: 40px;
}



select{
background-color: #b5b5b5;
border: 3px groove #000;
background-image: url('http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png');}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png");
background-repeat: repeat;
background-position: top left;
border: 3px groove #000;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://s52.radikal.ru/i136/1005/d3/26f44b803cd3.png");
background-repeat: repeat;
background-position: bottom center;
border: 3px groove #000;
}


ul.navlinks{
border-bottom: none;
}



#i_icon_mini_index{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq{
background-image: url('http://s48.radikal.ru/i120/1005/94/1c3b064e9b69.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search{
background-image: url('http://s48.radikal.ru/i119/1005/75/662c39361f61.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login{
background-image: url('http://i077.radikal.ru/1005/16/580f3ee02c5a.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message{
background-image: url('http://s56.radikal.ru/i151/1005/f4/1162b8f3fa6f.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}
#i_icon_mini_index:hover{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i067.radikal.ru/1005/06/abb7aa5b3d34.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search:hover{
background-image: url('http://s02.radikal.ru/i175/1005/16/eb9f34e23d3c.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups:hover{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members:hover{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile:hover{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout:hover{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login:hover{
background-image: url('http://s60.radikal.ru/i167/1005/3c/05e63befd9a8.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message:hover{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i047.radikal.ru/1005/5c/f50daa754dc3.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register:hover{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}    









#search{
display:none;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
  background:transparent url(http://i052.radikal.ru/1005/f0/7e463691ae8e.png) no-repeat scroll right bottom;
  }



blockquote div {background: url('http://imageshack.us/photo/my-images/40/quotebig.png') top right no-repeat;}

Akonya
 
 

Пол : Женщина
Сообщения : 75
Возраст : 31
Место обитания : Алматы
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2009-07-20

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Dana Domirani в Сб 26 Май - 22:18

Попробуйте так:

Добавьте
Код:
#wrap {
width: 800px;
}

А у основной и нижней части измените:
#page-body{
background-color: transparent!important;
background-image: url('http://img857.imageshack.us/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 112px;
}

#page-footer{
background-color: transparent;
background-image: url('http://img580.imageshack.us/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 136px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Akonya в Вс 27 Май - 1:30

[quote="Dana Domirani"]Попробуйте так:

Добавьте
Код:
#wrap {
width: 800px;
}

А вот это куда именно вставлять надо? В начале или в конце?

Akonya
 
 

Пол : Женщина
Сообщения : 75
Возраст : 31
Место обитания : Алматы
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2009-07-20

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Dana Domirani в Вс 27 Май - 1:38

В конце


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Akonya в Вс 27 Май - 17:34

Получилось соединить верхнюю и среднюю панели, и всё теперь в центре. Но нижняя панель не присоединилась всё еще.
Пожалуйста, помогите, не пойму что не так.

Код:
#page-body{
background-color:  transparent!important;
background-image: url('http://img857.imageshack.us/img857/9457/90754159.png');
position: top-center;
margin: 0px;
padding: 0px;
width: 1020px;
background-repeat: no-repeat;
padding-top: 112px;
}


#outer-wrapper{
background-image:url('http://img94.imageshack.us/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 1020px;
}

#wrapper{
width: 500px;
padding: 14px;
padding-left: 80px;
}


/*image du pied_de_page*/

#page-footer{
background-color: transparent;
background-image: url('http://img580.imageshack.us/img580/7716/17615187.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 136px;
width: 1020px;
border: nonne;
padding: 0px;
margin: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 1000px;
padding-left:100px;
}


.topiclist .header{
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
height: 30px;
}
.h3{
background-color: #;
background-image: url('http://img338.imageshack.us/img338/941/51555593.png');
background-repeat: repeat-x;
height: 40px;
}



select{
background-color: #b5b5b5;
border: 3px groove #000;
background-image: url('http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png');}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://s43.radikal.ru/i100/1005/c3/4e35da4717bb.png");
background-repeat: repeat;
background-position: top left;
border: 3px groove #000;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://s52.radikal.ru/i136/1005/d3/26f44b803cd3.png");
background-repeat: repeat;
background-position: bottom center;
border: 3px groove #000;
}


ul.navlinks{
border-bottom: none;
}



#i_icon_mini_index{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq{
background-image: url('http://s48.radikal.ru/i120/1005/94/1c3b064e9b69.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search{
background-image: url('http://s48.radikal.ru/i119/1005/75/662c39361f61.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login{
background-image: url('http://i077.radikal.ru/1005/16/580f3ee02c5a.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message{
background-image: url('http://s56.radikal.ru/i151/1005/f4/1162b8f3fa6f.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}
#i_icon_mini_index:hover{
background-image: url('http://img27.imageshack.us/img27/4824/hometf.png');
width: 155px;
height: 70px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i067.radikal.ru/1005/06/abb7aa5b3d34.png');
width: 90px;
height: 70px;
}
#i_icon_mini_search:hover{
background-image: url('http://s02.radikal.ru/i175/1005/16/eb9f34e23d3c.png');
width: 100px;
height: 70px;
}
#i_icon_mini_groups:hover{
background-image: url('http://img690.imageshack.us/img690/3073/groupst.png');
width: 100px;
height: 70px;
}
#i_icon_mini_members:hover{
background-image: url('http://img827.imageshack.us/img827/8357/memberssf.png');
width: 120px;
height: 70px;
}
#i_icon_mini_profile:hover{
background-image: url('http://img443.imageshack.us/img443/4917/profilelist.png');
width: 100px;
height: 70px;
}
#i_icon_mini_logout:hover{
background-image: url('http://img217.imageshack.us/img217/2263/logoutz.png');
width: 155px;
height: 70px;
}
#i_icon_mini_login:hover{
background-image: url('http://s60.radikal.ru/i167/1005/3c/05e63befd9a8.png');
width: 155px;
height: 70px;
}
#i_icon_mini_message:hover{
background-image: url('http://img205.imageshack.us/img205/5337/73599940.png');
width: 90px;
height: 70px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i047.radikal.ru/1005/5c/f50daa754dc3.png');
width: 90px;
height: 70px;
}
#i_icon_mini_register:hover{
background-image: url('http://img233.imageshack.us/img233/9352/registerv.png');
width: 120px;
height: 70px;
}    









#search{
display:none;
}


form#quick_reply #textarea_content textarea#text_editor_textarea {
  background:transparent url(http://i052.radikal.ru/1005/f0/7e463691ae8e.png) no-repeat scroll right bottom;
  }



blockquote div {background: url('http://imageshack.us/photo/my-images/40/quotebig.png') top right no-repeat;}
#wrap {
width: 800px;
}

Akonya
 
 

Пол : Женщина
Сообщения : 75
Возраст : 31
Место обитания : Алматы
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2009-07-20

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Dana Domirani в Вс 27 Май - 17:47

У #page-footer ширина все еще 1020px — поставьте 800px


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Akonya в Вс 27 Май - 21:25

Дана, спасибо большое! Панели теперь соединены.

Не подскажете почему внутренняя часть (сам форум) не в центре или как ее увеличить? слишком узко получилось. Это снова что-то в коде менять надо?

Нужно расширить как на этом форуме например.

Akonya
 
 

Пол : Женщина
Сообщения : 75
Возраст : 31
Место обитания : Алматы
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2009-07-20

Вернуться к началу Перейти вниз

Re: Дизайн сдвинут налево

Сообщение автор Dana Domirani в Вс 27 Май - 22:58

Исправьте в CSS вот это:

#wrapper {
width: 700px;
padding: 0px;
margin: 0 auto;

}

#outer-wrapper{
background-image:url('http://img94.imageshack.us/img94/2689/28771758.png');
position: center;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
width: 800px;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения