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

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


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

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

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


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

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

Нижняя часть шаблона

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

Нижняя часть шаблона

Сообщение автор tigerosik в Пн 25 Мар - 2:44

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

Код:
#page-footer{
height: 150px;
width: 1000px;
margin-left: -2px;
margin-top: -3em;
background: url(http://i.piccy.info/i7/a5889e39040dc9f8d0ad0b9e2b36f6c1/4-55-1552/45353248/1foote11.png) no-repeat bottom center; no-repeat bottom center }
#page-footer .navbar{background: none !important;}

tigerosik
 

Мужчина

Сообщения : 69
Возраст : 25
Регистрация : 2012-05-05
Благодарности : 2

Без предупреждений

http://zhitomir.ukrainianforum.net

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

Re: Нижняя часть шаблона

Сообщение автор Luz в Пн 25 Мар - 12:54

tigerosik,
здравствуйте,

покажите, пожалуйста, на скриншоте, как это выглядит.



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


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


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



Luz
Администратор
Администратор

Женщина

Сообщения : 16441
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

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

Re: Нижняя часть шаблона

Сообщение автор tigerosik в Пн 25 Мар - 13:32

Luz Выкладываю скриншоты

Верхняя часть форума с виджетами:



Нижняя часть форума с виджетами



Верхняя часть форума без виджетов



Нижняя часть форума без виджетов



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

К сожалению с виджетами он не функционирует(

Помогите плиз

Код:
#page-body{
margin-left: 12px;
margin-top: -5px;
background: url(http://img180.imageshack.us/img180/4454/templatemocontent.jpg) repeat-y center;}

tigerosik
 

Мужчина

Сообщения : 69
Возраст : 25
Регистрация : 2012-05-05
Благодарности : 2

Без предупреждений

http://zhitomir.ukrainianforum.net

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

Re: Нижняя часть шаблона

Сообщение автор Dana Domirani в Пн 25 Мар - 19:11

На всякий случай — ссылка на оф. версию стиля: http://en.hitskin.com/search-a-skin/gs-greeny-162654.htm
Оттуда можно взять исходные изображения.

Попробуйте так: включите левую колонку виджетов. Замените Вашу CSS на отредактированную:
Код:
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp110.png') no-repeat center !important;}

img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun11.png') no-repeat center !important;}
img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun10.png') no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat11.png') no-repeat center !important;}

.i_post{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_13.png) no-repeat center !important;}

.i_post:hover{background: url(http://i33.servimg.com/u/f33/15/33/29/01/topic_14.png) no-repeat center !important;}

#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}

#search-box{
margin-top: -195px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: 180px;
display: inline;
background: transparent;}

#main-content {
width: 750px !important;
padding: 2px;
padding-top: -35em;
}

#page-header .navbar{
width: 1000px;
top: -65px;
right: 0px;
position: relative;
background: none !important;}

#logo img{
display: inline;
float: left;
position: relative;
top: -195px;
left: 25px;}

body{
background: #A0C73F url(http://i66.servimg.com/u/f66/13/46/75/82/header33.png) no-repeat top center;
padding-top: 265px;
}
#page-body{
margin-left: 0px;
margin-top: -5px;
}

.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');
border-bottom-color: #FFFFFF;}

.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}

.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}

.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

 ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.forabg .row{background: none !important;}

.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}

.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}

.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}

.table1{
z-index: 999 !important;
position: relative;}

.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}

.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}

.pagination a:hover{color: #90AD0E !important;}

.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}

.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}

.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}

.resizebox .resize_border{border: 1px solid #e4e4e4;}

#chatbox{
left: 205px;
top: 40px;}

#chatbox_members{
top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{
padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {
width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}

input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}



.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

#search-box #keywords {
width: 80px;
background: transparent;
text-shadow: 1px 1px 0px #286b00;
color: white;
font-family: Georgia;
font-style: italic;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 28px;}

#search-box input.button2 {
font-size: 0px;
background-image: url();
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: -4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}

/*-------------------llink-uri footer-------------------*/

#page-footer{color: transparent;}

#page-footer .gensmall{color: transparent;}

img[src="http://illiweb.com/fa/empty.gif"]{display: none !important;}

img[src="http://illiweb.com/fa/icon_mini_search.gif"]{display: none !important;}


#page-footer a{
text-shadow: 1px 1px 2px #c9c9c9;
color: #007684;
}

/*-------------------sfarsit - link-uri footer-------------------*/

/*-------------------titlul categoriilor | fara efect-------------------*/


h1.page-title {
font-family: Verdana;}

h1.page-title a:hover {
text-decoration: none;}

.content {
color: #5f5f5f;
font-family: Verdana;}

.content a:hover {
text-decoration: none;}

a.forumtitle {
font-family: Verdana;}

a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

a.topictitle {
font-family: Verdana;}

a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

.postbody .topic-title {
font-family: Verdana;}

.postbody .topic-title a:hover {
text-decoration: none;}

/*-------------------Sfarsit - titlul categoriilor | fara efect-------------------*/

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_17.png');
text-align: CENTER;
padding: 24px 0;}

/*MODIFICARI PT. TAG-URI-------------------------------------------------*/

a:hover, a{
text-decoration: none !important;
border-color: none !important;}

img{border: none !important;}

a:focus{-moz-outline-style: none !important;}

a {outline: none;}

textarea, input{outline: none;}

#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}

input{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}

input[type="submit"]{cursor: pointer;}


/*MODIFICARI PT. TAG-URI-SFARSIT-------------------------------------------------*/

/*-------------------Sfarsit - Imagine mozilla-------------------*/

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_16.png');
text-align: center;
padding: 24px 0;}

.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}

.overview label{color: white;}

.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}

.overview a{position: static !important; left: -10px;}

p.path, .pathname-box, .pathname-box p, .info-gallery {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}

.search-box {
   margin-top: 0;
   margin-left: 5px;
   float: right;
display: none;
   }

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}

.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}

.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}

.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}

blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #666666;}




#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

/* поправки для варианта с виджетами */
#left {
margin-left: 20px;
margin-right: 0;
}

#content {
background: url(http://img180.imageshack.us/img180/4454/templatemocontent.jpg) repeat-y center;
margin-right: 1px !important;
padding-bottom: 20px;
}

#page-footer .navbar {
height: 150px;
width: 1000px;
background: url(http://i33.servimg.com/u/f33/15/33/29/01/1foote11.png) no-repeat bottom center;
padding: 0px;
margin: 0 !important;
position: relative;
top: -10px;
right: 0;
}

#page-footer .navbar .inner {
width: 900px;
margin: 0 auto;
}

#content-container div#container {
float: left;
margin-right: -9px;
width: 100%;
}

ul.navlinks {
border-bottom: none;
}

ul.linklist li {
font-size: 10px;
line-height: normal;
}

.rightside {
padding: 0;
margin-bottom: 5px;
}



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


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


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



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

Женщина

Сообщения : 22093
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8877

Без предупреждений

http://poltergeist-legacy.com/

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

Re: Нижняя часть шаблона

Сообщение автор tigerosik в Вт 26 Мар - 13:34

Спасибо Большое.
Тему можно закрывать

tigerosik
 

Мужчина

Сообщения : 69
Возраст : 25
Регистрация : 2012-05-05
Благодарности : 2

Без предупреждений

http://zhitomir.ukrainianforum.net

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

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


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