0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 2922 Просмотров
*

tazhudin

  • Захожу иногда
  • 57
  • 0 / 0
Здравствуйте!

Хотел увеличить ширину страницы шаблона и ширину центральной колонки, но не нашел соответствующей темы на форуме, да и собственные попытки оказались тщетны. Как я понял, ширину нужно изменять через CSS. CSS вот:


Код
[table][tr][td]/* #######################  GENERAL ############################ */
html.body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #916739;
margin-top: 0px;
}

/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
a {
color: #2650b3;}
a:hover {
color: #FF0000;}
a:visited {color: #2650b3;}
a.image, a.image:hover  {border:0;}
li{ list-style: square;}
ul { list-style: square;}

/* #######################  END GENERAL SETTINGS ############################ */


body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #916739;
text-align:center; /*center hack*/
background-color: #AA1100;
background-image: url(../images/background.gif);
padding: 0em;
margin-top: 1em;
margin-bottom: 1em;}
div#container {
min-width:800px;
max-width:800px;
width: auto !important; /*IE6 hack*/
width:800px; /*IE6 hack*/
margin:auto; /*center hack*/
text-align:left; /*center hack*/
background-image: url(../images/main_box_background.gif);
background-repeat: repeat-y;
}

.clearfix:after {
content: ".";     
display: block;     
height: 0;     
clear: both;     
visibility: hidden;
}
.clearfix {
display: inline-block;
}/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/* end hide from ie-mac */

div#top_header{
background-color: #F2EEBD;
width: 100%;
float: left;
background-image: url(../images/top_header_1.jpg);
}
div#header {
font-size: 2em;
font-weight: bold;
background-color: #F2EEBD;
width: 100%;
float: left;
border-bottom: 3px #AA1100 solid;
background-image: url(../images/top_header_2.jpg);
background-position: bottom;
}
.inside_header {
padding-top: 4px;
padding-left: 8px;
padding-bottom: 34px;
color: #AA1100;}

div#top_maune_div {
float: right;
overflow: hidden;
font-size: 12px;
padding-right: 8px;}

div#leftside {
width: 18.8%;
float: left;
overflow: hidden;
}
.inside {
padding: 4px;
}
div#main {
width: 62%;
float: left;
overflow: hidden;
}
.inside_main {
width: 97.2%;
float: left;
overflow: hidden;
padding-left: 16px;
}

div#rightside {
width: 18.8%;
float: right;
overflow: hidden;
background-image: url(../images/left_leafes.gif);
padding-top: 44px;
background-repeat: no-repeat;
background-position: right 0em;}
div#footer {
text-align: center;
width: 100%;
float: left;
margin-top: 4px;
border-top: 2px #AA1100 solid;
background-color: #ffffff;
}
div#footer_bottom{
background-color: #ffffff;
width: 100%;
float: left;
background-image: url(../images/footer_background.gif);
background-repeat: no-repeat;
background-position: bottom;}

/* ######################  End LAYOUT SETTINGS       ############################## */

/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */
.pathway {font-size: 11px;color:#AA1100;}
a.pathway:link {color:#93C9FF;}
a.pathway:visited {color:#AA1100;}
a.pathway:active {color:#F2EEBD;}
a.pathway:hover {color:#FF0000;text-decoration:underline;}

/* Mainlevel menu */
.mainlevel {height: 18px;}

a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #9A9116;
padding: 3px 3em 3px 6px;
text-decoration: none;
border: 1px #9A9116 solid;
font-weight: bold;
margin-bottom: 2px;}
a.mainlevel:hover, a.mainlevel:active {
color: #DAD245;
background: #9A9116;
border-right: 5px #AA1100 solid;}
/* End Mainlevel menu */

/* Sub Menu */
.sublevel{height: 16px;}

a.sublevel{
display: block;
color: #9A9116;
padding: 3px 0em 3px 18px;
text-decoration: none;
border-bottom: 1px dotted;
margin: 0em;
background-image: url(../images/arrow_1.gif);
background-position: 0px 3px;
background-repeat: no-repeat;}

   a.sublevel:hover {
display: block;
color: #ff0000;
background-position: 3px 3px;}

/* End Sub Menu */

/* Topmenu */
 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 6px;
float: right;
white-space: nowrap;
display: list-item;
}

ul#mainlevel-nav li{
float: left;
display: block;}
ul#mainlevel-nav li a{
text-decoration: none;
float: left;
font-weight: bold;
padding-left: 6px;
padding-right: 6px;
margin-right: 2px;
margin-left: 2px;
border-bottom: 4px #2650b3 double;
color: #2650b3;}
ul#mainlevel-nav li a:hover{
border-bottom: 4px #ff0000 double;
color: #ff0000;}
/* End Top Menu */

/*##################### NAVIGATION SECTION #####################*/

/* ##################### STANDARD MODULE TABLE  #################*/
table.moduletable {
width: 97%;
}


table.moduletable th {
height: 28px; 
color: #DD896C;
padding-left: 1px;
text-align: left;
background-image: url(../images/2_pixel_line.gif);
background-repeat: no-repeat;
background-position: 0px 24px;
margin-bottom: 1em;
padding-top: 6px;}



table.moduletable td {
height: 28px;
}


/* Custom Modules */
.poll {
width: 96%;
font-size: 10px;
text-align: center;
}
/* End Custom Modules */

/* ##################### END STANDARD MODULE TABLE  #################*/


/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;
width: 100%;
font-weight: bold;
color: #AA1100;
padding-left: 1.5em;
padding-top: .1em;
background-image: url(../images/sqwer_2.gif);
background-repeat: no-repeat;
background-position: 0em 0px;}

/* content title and links */
.contentpagetitle {background-color : #FFFFFF; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FF0000;border-bottom: 0px;}
a.contentpagetitle:hover {
color: #ff0000;
border-bottom: 0px dashed #DD896C;
text-decoration: none;
}

/* top box like a category description */
.contentdescription {}

/* Main Body Text */
.contentpane {

}
.contentpaneopen {
border-left: 1px #DAD245 dashed;
padding-left: .2em;
padding-right: .2em;}
/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate { font-size:0.8em; font-weight: normal;
color: #DAD245;}
.modifydate {font-size: 10px;color: #DD896C;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF0000;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #DD896C;}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px;  color: #9A9116; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px;  color: #FF0000; }
.pagenav_next{font-size: 14px;  color: #FF0000; }
a.pagenav {color: #9A9116; border-bottom: 0;}
a.pagenav:hover {color: #AA1100; border-bottom: 0;}
.pagenavcounter{ height: 15px;  }
.back_button{font-size: 12px; height: 15px;  }

/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#9A9116;font-weight: bold;
}



/* Article index  {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}

table.contenttoc th {
background: #AA1100;
color: #FFFFFF;
border: 1em solid;}

table.contenttoc td {padding: 2px;}

/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
    font-size: 1.5em;
    font-weight: bold;
   
    text-align:left;
    margin-top: 1.5em;
background-color: #916739;
color: #ffffff;}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #DD896C;
color : #AA1100;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
background-color: #916739;
color: #DAD245;}

/* Table odd and Even Rows */
.sectiontableentry1 {
background-color : #EDD8D6;
font-size: 11px;
padding-right: 1px;
padding-left: 1px;
background-color: #F2EEBD;
border-bottom: 1px #DAD245 solid;}
.sectiontableentry2 {
background-color : #DD896C;
font-size: 11px;
padding-right: 1px;
padding-left: 1px;
background-color: #ffffff;
border-bottom: 1px #DAD245 solid;}

.sectiontablefooter{ height: 18px; }
/* End Sectiontable */

/* Category */
.category {color:#AA1100;}
a.category:link, a.category:visited, a.category:hover  { height: 15px;  }
/* End category */


/* blogsection */
.blog {}
.blogsection{ height: 18px;  }
.blog_more{ height: 18px;  }
.blog_heading { height: 18px;  }
/* space from bottom of article */
.article_seperator{
height: 1px;
width: 100%;
border-top: 1px #DAD245 dashed;
}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;
background-image: url(../images/search.gif);
background-repeat: no-repeat;
background-position: right;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #DD896C;
background: #93C9FF;
padding: 0px 2px 0px 2px;}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/


/* ##################### FORM SECTION  #####################*/
form{font-size: 12px}
input {
font-size: 12px; color: #AA1100;
}
.inputbox {
width: 75%;
}
.text_area {background: #FFFFFF;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #9A9116; background: #AA1100;color: #FFFFFF;
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION  ##################### */

/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
background-color: #FFFFFF;
   }

.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #FFFFFF;
color: #AA1100;
border: 1px solid #DD896C;
margin: 0px;
width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #DD896C;
text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #DD896C;
border-left: 1px outset #DD896C;
border-right: 1px outset #AA1100;
border-top: 1px outset #DD896C;
border-bottom: 1px solid #AA1100;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
   }

.offtab {
background-color : #DD896C;
border-left: 1px outset #DD896C;
border-right: 1px outset #AA1100;
border-top: 1px outset #DD896C;
border-bottom: 1px solid #AA1100;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
background-color: #FF0000;
text-align: left;
   }

.pagetext {
visibility: hidden;
display: none;
   }

/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* ###################### End TABBED EDITING ###################### */



.poll {
border: 1px #916739 solid;}[/table]

Нужно изменить ширину шаблона и центральную колонку. Подскажите, пожалуйста, где собака зарыта.

[вложение удалено Администратором]
« Последнее редактирование: 06.04.2008, 19:27:19 от chtec »
*

Full_crazy

  • Захожу иногда
  • 264
  • 48 / 0
  • Иногда думаю ...
Re: Увеличение ширины страниц шаблона
« Ответ #1 : 06.04.2008, 13:55:19 »
Не видя индексного файла, можно только предположить, что общая ширина здесь:
div#container {
   min-width:800px;
   max-width:800px;
   width: auto !important; /*IE6 hack*/
   width:800px; /*IE6 hack*/

а по колонкам распределяется здесь:
div#main {
   width: 62%;
   float: left;
   overflow: hidden;
}
.inside_main {
   width: 97.2%;
   float: left;
   overflow: hidden;
   padding-left: 16px;
}

div#rightside {
   width: 18.8%;
   float: right;

Изменяйте там значения на нужные, и смотрите результат в браузере.
« Последнее редактирование: 06.04.2008, 13:59:34 от Full_crazy »
Joomla! = невозможного почти нет!
*

tazhudin

  • Захожу иногда
  • 57
  • 0 / 0
Re: Увеличение ширины страниц шаблона
« Ответ #2 : 06.04.2008, 15:10:56 »
Я уже так делал.  сами колонки не расширяются, а расширяется область для текста. То есть текст на центральной части страницы лезет на боковые колонки.
*

Full_crazy

  • Захожу иногда
  • 264
  • 48 / 0
  • Иногда думаю ...
Re: Увеличение ширины страниц шаблона
« Ответ #3 : 06.04.2008, 15:41:21 »
И что, ты все параметры пропорционально изменил, или только некоторые? а вообще-то я уже писал:
Не видя индексного файла, можно только предположить....
Joomla! = невозможного почти нет!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Запретить наследование из шаблона на странице SP Page Build

Автор AlexP750

Ответов: 15
Просмотров: 1704
Последний ответ 17.08.2021, 12:30:51
от AlexP750
Как вставить свой CSS в общий файл CSS шаблона Yootheme?

Автор Lemonez

Ответов: 16
Просмотров: 1031
Последний ответ 21.01.2021, 05:11:58
от Lemonez
Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

Ответов: 2
Просмотров: 1225
Последний ответ 18.01.2021, 18:24:53
от arma
Как убрать мобильную версию шаблона?

Автор Dwad

Ответов: 3
Просмотров: 1034
Последний ответ 23.01.2018, 08:53:18
от MaxTs
Увеличение изображение при наведении курсора в тизер выводе

Автор Crackyn

Ответов: 20
Просмотров: 7290
Последний ответ 26.11.2017, 17:28:43
от stendapuss