Автор
Тема

Начинающий специалист
Как растянуть шаблон в жумле!
Собственно вопрос нашел шаблон, ширина 800 пикселов, растянул шапку. Но никак не получается растянуть область "отображения информации" и боковых меню! собственно как это поправить?
Читал по этой теме в интернете и пробовал менять значения в цсс шот не получается. кто поможет)? 
Homo Sapiens non urinat in ventum #431890

Начинающий специалист
wiRUS, это делается в коде в теплэйте твоего сайта, например:
html/www/tempaltes/название темплейта/css/template.css

может у тебя немного отличаться. Иногда производитель шаблона защищает его от изменений, точнее маскирует код изменения цветов и размеров. Про можно найти, если внимательно поискать. 
- #431926

Наблюдающий
Цитата wiRUS:
Собственно вопрос нашел шаблон, ширина 800 пикселов, растянул шапку. Но никак не получается растянуть область "отображения информации" и боковых меню! собственно как это поправить?

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

В любом случае, необходима конкретика и нужно смотреть код, чтобы наверняка сказать, какое техническое решение будет наиболее удачным.

Цитата :
Читал по этой теме в интернете и пробовал менять значения в цсс шот не получается. кто поможет)?

То, что не получается - это нормально. Всегда все и не может получаться, тем более, если только начинаешь в этом разбираться. Поможет тот, что занимается занимается адаптацией готовых шаблонов Joomla под свои задачи (еще лучше тот, кто верстает на шаблоне свои - авторские).

Если сам зашел в тупик - посмотри другой шаблон, оных в Инете масса. Чего чего, а уж подобрать для Joomla-ы привлекательный шаблон никогда особых проблем не было.

p.s. В крайнем случае, закажите услугу под ключ на фрилансе. Так или иначе трудово/финансово/эмоционально придется потратиться :) На пальцах нужное вам решение здесь никто не объяснит.

p.s.p.s. Я частных услуг не оказываю :)
#431986

Начинающий специалист
Цитата wiRUS:
Собственно вопрос нашел шаблон, ширина 800 пикселов, растянул шапку. Но никак не получается растянуть область "отображения информации" и боковых меню! собственно как это поправить?
Читал по этой теме в интернете и пробовал менять значения в цсс шот не получается. кто поможет)?

вот)

/* begin Page */

/* Generated with Artisteer version 2.1.0.15753, file checksum is 5BF9048D. */

body
{
margin: 0 auto;
padding: 0;
background-color: #673265;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
background-position: bottom left;
}

.Main
{
position: relative;
width: 100%;
overflow:hidden;
left: 0;
top: 0;
}

.PageBackgroundGlare
{
position: absolute;
z-index:-1;
width: 100%;
left: 0;
top: 0;
}

.PageBackgroundGlareImage
{
position: absolute;
z-index:-1;
background-image: url('../images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 343px;
width: 353px;
margin: 0;
}

html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}




.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 80%;
min-width:301px;
min-height:301px;
}

.Sheet-body
{
position: relative;
z-index:1;
padding: 5px;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
position:absolute;
z-index:-1;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
width: 300px;
height: 300px;
background-image: url('../images/Sheet-s.png');
}

.Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 150px, 150px, auto);
}

.Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 150px, 150px);
}

.Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(150px, 150px, auto, auto);
}

.Sheet-br
{
bottom: 0;
right: 0;
clip: rect(150px, auto, auto, 150px);
}

.Sheet-tc, .Sheet-bc
{
left: 150px;
right: 150px;
height: 300px;
background-image: url('../images/Sheet-h.png');
}

.Sheet-tc
{
top: 0;
clip: rect(auto, auto, 150px, auto);
}

.Sheet-bc
{
bottom: 0;
clip: rect(150px, auto, auto, auto);
}

.Sheet-cr, .Sheet-cl
{
top: 150px;
bottom: 150px;
width: 300px;
background-image: url('../images/Sheet-v.png');
}

.Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 150px);
}

.Sheet-cl
{
left:0;
clip: rect(auto, 150px, auto, auto);
}

.Sheet-cc
{
position:absolute;
z-index:-1;
top: 150px;
left: 150px;
right: 150px;
bottom: 150px;
background-color: #E1F1C6;
}


.Sheet
{
margin-top: 30px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 100%;
height: 150px;
}

div.Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 100%;
height: 150px;
background-image: url('../images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}

/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 71px;
top: 39px;
width: 719px;
}

h1.logo-name
{
display: block;
text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-variant: small-caps;
padding:0;
margin:0;
color: #A5F11B !important;
}

.logo-text
{
display: block;
text-align: left;
}

.logo-text, .logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
padding:0;
margin:0;
color: #FBFEEC !important;
}

/* end Logo */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}



/* menu structure */

.artmenu
{
padding: 8px 4px 0px 4px;
}

.nav
{
position: relative;
height: 32px;
z-index: 100;
}

.nav .l, .nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 32px;
background-image: url('../images/nav.png');
}

.nav .l
{
left: 0;
right:0px;
}

.nav .r
{
right: 0;
width: 790px;
clip: rect(auto, auto, auto, 790px);
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a
{
position:relative;
display: block;
overflow:hidden;
height: 24px;
cursor: pointer;
text-decoration: none;
margin-right: 3px;
margin-left: 3px;
}


.artmenu a .r, .artmenu a .l
{
position:absolute;
display: block;
height: 72px;
background-image: url('../images/MenuItem.png');
}

.artmenu a .l
{
left:0;
right:15px;
}

.artmenu a .r
{
width:430px;
right:0;
clip: rect(auto, auto, auto, 415px);
}

.artmenu a .t
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #313A03;
padding: 0 10px;
margin: 0 15px;
line-height: 24px;
text-align: center;
}

.artmenu a:hover .l, .artmenu a:hover .r
{
top:-24px;
}

.artmenu li:hover>a .l, .artmenu li:hover>a .r
{
top:-24px;
}

.artmenu li:hover a .l, .artmenu li:hover a .r
{
top:-24px;
}
.artmenu a:hover .t
{
color: #F3E7F3;
}

.artmenu li:hover a .t
{
color: #F3E7F3;
}

.artmenu li:hover>a .t
{
color: #F3E7F3;
}


.artmenu a.active .l, .artmenu a.active .r
{
top: -48px;
}

.artmenu a.active .t
{
color: #212D0B;
}


/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 38px;
width: 180px;
overflow:hidden;
line-height: 38px;
margin-right: auto;


background-image: url('../images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #BADE7C;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 38px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #000000;
border-color: #DAF74B;
background-position: 0 -38px;
}

.artmenu ul li:hover>a
{
color: #000000;
border-color: #DAF74B;
background-position: 0 -38px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #000000;
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
position: relative;
margin-bottom: 85px;
width: 790px;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:33px;
min-height:33px;
}

.Block-body
{
position: relative;
z-index:1;
padding: 7px;
}

.Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl
{
position:absolute;
z-index:-1;
}

.Block-tr, .Block-tl, .Block-br, .Block-bl
{
width: 32px;
height: 32px;
background-image: url('../images/Block-s.png');
}

.Block-tl
{
top:0;
left:0;
clip: rect(auto, 16px, 16px, auto);
}

.Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 16px, 16px);
}

.Block-bl
{
bottom: 0;
left: 0;
clip: rect(16px, 16px, auto, auto);
}

.Block-br
{
bottom: 0;
right: 0;
clip: rect(16px, auto, auto, 16px);
}

.Block-tc, .Block-bc
{
left: 16px;
right: 16px;
height: 32px;
background-image: url('../images/Block-h.png');
}

.Block-tc
{
top: 0;
clip: rect(auto, auto, 16px, auto);
}

.Block-bc
{
bottom: 0;
clip: rect(16px, auto, auto, auto);
}

.Block-cr, .Block-cl
{
top: 16px;
bottom: 16px;
width: 32px;
background-image: url('../images/Block-v.png');
}

.Block-cr
{
right:0;
clip: rect(auto, auto, auto, 16px);
}

.Block-cl
{
left:0;
clip: rect(auto, 16px, auto, auto);
}

.Block-cc
{
position:absolute;
z-index:-1;
top: 16px;
left: 16px;
right: 16px;
bottom: 16px;
background-image: url('../images/Block-c.png');
}


.Block
{
margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 7px;
}

.BlockHeader .t
{
height: 30px;
color: #0C0F01;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-variant: small-caps;
white-space : nowrap;
padding: 0 7px;
line-height: 30px;
}

.BlockHeader .l, .BlockHeader .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('../images/BlockHeader.png');
}

.BlockHeader .l
{
left:0;
right:15px;
}

.BlockHeader .r
{
width:800px;
right:0;
clip: rect(auto, auto, auto, 785px);
}





.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('../images/BlockHeaderIcon.png');
padding:0 0 0 21px;
background-repeat: no-repeat;
min-height: 14px;
margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.BlockContent-body
{
position: relative;
z-index:1;
padding: 8px;
}



.BlockContent-body
{
color:#30182F;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.BlockContent-body a:link
{
color: #839C07;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
color: #B05EAD;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
color: #293102;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body ul
{
list-style-type: none;
color: #7E3E7C;
margin:0;
padding:0;
}

.BlockContent-body li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.BlockContent-body ul li
{
padding:0px 0 0px 13px;
background-image: url('../images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.Post-body
{
position: relative;
z-index:1;
padding: 15px;
}



.Post
{
margin: 7px;
}

/* Start images */
a img
{
border: 0;
}

.article img, img.article
{
border: solid 1px #CCE79D;
margin: 1em;
}

.metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}

.article th, .article td
{
padding: 2px;
border: solid 1px #A9D65C;
vertical-align: top;
text-align:left;
}

.article th
{
text-align:center;
vertical-align:middle;
padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 22px;
text-align: left;
color: #4E5D04;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 22px;
text-align: left;
color: #4E5D04;
}

.PostHeaderIcon-wrapper img
{
border:none;
vertical-align: middle;
margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #627506;
}

.PostHeader a:visited, .PostHeader a.visited
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #522851;
}

.PostHeader a:hover, .PostHeader a.hovered
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #D926AF;
}
/* end PostHeader */

/* begin PostIcons */
.PostHeaderIcons
{
padding:1px;
}

.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: center;
color: #4D6A1B;
}

.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
margin:0;
}

.PostHeaderIcons a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #7B9207;
}

.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #7B9207;
}

.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: underline;
color: #A4C309;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #2C162C;
}

.PostContent
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #2C162C;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #7B9207;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #7B9207;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #3B5214;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #D926AF;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}


/* Start Content headings Fonts & Colors */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 27px;
color: #673265;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 25px;
color: #7B9207;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 16px;
color: #597A1F;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 14px;
color: #2C162C;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 13px;
color: #2C162C;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
font-size: 11px;
color: #2C162C;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ul
{
list-style-type: none;
color: #592C57;
margin:0;
padding:0;
}

li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.Post ul li
{
padding:0px 0 0px 9px;
background-image: url('../images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#121806;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

blockquote
{
border:solid 1px #CCE79D;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 32px;
background-color:#E3F2CA;
background-image:url('../images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:28px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
z-index:0;
}

/*This HACK needed for ie7 (button position)*/
*:first-child+html .Button
{
display:list-item;
list-style-type:none;
float:left;
}

.Button .btn
{
display:block;
position:relative;
float:left;
height: 28px;
overflow:hidden;
white-space: nowrap;
width: auto;
color: #482347;
}

.Button .btn .t
{
display:block;
height: 28px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
white-space: nowrap;
text-align: left;
padding: 0 20px;
line-height: 28px;
text-decoration: none !important;
}

input, select
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}

.Button .hover, .Button:hover
{
color: #F6FBEF;
text-decoration: none !important;
}

.Button .active
{
color: #F7EEF6;
}

.Button .btn .l, .Button .btn .r
{
display:block;
position:absolute;
z-index:-1;
height: 84px;
background-image: url('../images/Button.png');
}

.Button .btn .l
{
left:0;
right:11px;
}

.Button .btn .r
{
width:423px;
right:0;
clip: rect(auto, auto, auto, 412px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
top: -28px;
}

.Button .btn.active .l, .Button .btn.active .r
{
top: -56px;
}


/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 790px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('../images/Footer.png');
width: 790px;
height: 150px;
bottom:0;
left:0;
}


.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('../images/livemarks.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 25px;
}




.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color:#673265;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #252C02;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #673265;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #D926AF;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#D4F52E;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#A3D350;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 157px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 632px;
}
.contentLayout .content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 789px;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

table.moduletable th
{
font-size: 140%;
padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block;
padding: .7em 0em;
}

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%;
padding-bottom: 1em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

div.offline
{
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway
{
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}

/* headers */
table.moduletable th, legend
{
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/* form validation */
.invalid
{
border-color: #ff0000;
}

label.invalid
{
color: #ff0000;
}


/** overlib **/

.ol-foreground
{
background-color: #f6f6f6;
}

.ol-background
{
background-color: #666;
}

.ol-textfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}

.ol-captionfont a
{
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

/* spacers */
span.article_separator
{
display: none;
}

.column_separator
{
padding-left: 10px;
}

td.buttonheading img
{
border: none;
}

.clr
{
clear: both;
}

div#maindivider
{
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator
{
display: none;
}

/* edit button */
.contentpaneopen_edit
{
float: left;
}

/* table of contents */
table.contenttoc
{
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td
{
padding: 0 5px;
}


/* content tables */
td.sectiontableheader
{
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td
{
/*padding: 4px;*/
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2
{
/*padding: 3px;*/
}


/* content styles */
table.contentpaneopen, table.contentpane
{
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li
{
margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
margin-top: 25px;
}

table.contentpaneopen h4
{
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight
{
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
margin-bottom: 0px;
}

div.moduletable, div.module
{
margin-bottom: 25px;
}

div.module_menu h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu
{
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div
{
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div
{
background: none;
padding: 0;
}

div.module_menu ul
{
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited
{
font-weight: bold;
}

#leftcolumn div.module
{
padding: 0 10px;
}

#leftcolumn div.module table
{
width: auto;
}

/* forms */
table.adminform textarea
{
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input
{
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login
{
text-align: left;
}

form#form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#form-login ul li
{
background-image: none;
padding: 0;
}

#modlgn_username, #modlgn_passwd
{
width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
display: block;
margin: 0;
}

form#com-form-login
{
text-align: left;
}

form#com-form-login fieldset
{
border: 0 none;
margin: 0;
padding: 0.2em;
}

form#com-form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

form#com-form-login ul li
{
background-image: none;
padding: 0;
}

/* thumbnails */
div.mosimage
{
margin: 5px;
}

div.mosimage_caption {
font-size: .90em;
color: #666;
}

div.caption
{
padding: 0 10px 0 10px;
}

div.caption img
{
border: 1px solid #CCC;
}

div.caption p
{
font-size: .90em;
color: #666;
text-align: center;
}

/* Parameter Table */
table.paramlist
{
margin-top: 5px;
}

table.paramlist td.paramlist_key
{
width: 128px;
text-align: left;
height: 30px;
}

div.message
{
font-weight: bold;
font-size: 14px;
color: #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
padding: 4px;
font-size: 11px;
}

.bannerfooter_text
{
padding: 4px;
font-size: 11px;
background-color: #f7f7f7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span
{
padding: 2px;
}

.pagination a
{
padding: 2px;
}

/* Polls */
.pollstableborder
{
margin-top: 8px;
}


.pollstableborder td
{
text-align: left;

}

/* WebLinks */
span.description
{
display: block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend
{
margin: 0;
padding: 0 10px;
}

td.key
{
border-bottom: 1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip
{
float: left;
background: #ffc;
border: 1px solid #d4d5aa;
padding: 5px;
max-width: 200px;
}

.tool-title
{
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text
{
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message
{
margin-bottom: 20px;
}

#system-message dd.message ul
{
background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
border-top: 3px solid #de7a7b;
border-bottom: 3px solid #de7a7b;
margin:0px;
padding-left: 40px;
text-indent:0px;
}

/* System Error Messages */
#system-message dd.error ul
{
color: #c00;
background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}

/* System Notice Messages */
#system-message dd.notice ul
{
color: #c00;
background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}

#syndicate
{
float: left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
padding: 2px 0;
}

.breadcrumbs img
{
margin: 0px;
padding: 0px;
border: 0px;
}

.mceToolbarTop {
white-space: normal;
}

.mceEditor
{
background: none;
}

#archive-list
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#archive-list li
{
list-style-type: none;
background-image: none;
margin-left: 0px;
padding-left: 0px;
}

#navigation
{
text-align: center;
}

.article h3 img
{
border: none;
display: inline;
margin: 0;
padding: 0;
}

.Footer-text .moduletable
{
border: none;
margin: 0;
padding: 0;
}
Homo Sapiens non urinat in ventum #432144

Наблюдающий
Это только стили. Самого кода шаблона нет.

Как выъясняется вы имеете дело с шаблоном сгенерированным шаблонизатором,
Лучше найдите этот шаблонизатор и регулируйте его настройки для задания нужных параметров.

http://www.google.ru/search?source=ig&hl=ru&rlz=&q=Artisteer+%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80+%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2+%D0%B4%D0%BB%D1%8F+Joomla&oq=Artisteer+%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80+%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2+%D0%B4%D0%BB%D1%8F+Joomla&aq=f&aqi=&aql=&gs_sm=e&gs_upl=1132l14916l0l15207l46l37l0l20l0l1l628l2741l2-2.2.2.1l7l0
#432148

Начинающий специалист
Цитата anthony_:
Это только стили. Самого кода шаблона нет.

Как выъясняется вы имеете дело с шаблоном сгенерированным шаблонизатором,
Лучше найдите этот шаблонизатор и регулируйте его настройки для задания нужных параметров.

http://www.google.ru/search?source=ig&hl=ru&rlz=&q=Artisteer+%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80+%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2+%D0%B4%D0%BB%D1%8F+Joomla&oq=Artisteer+%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80+%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2+%D0%B4%D0%BB%D1%8F+Joomla&aq=f&aqi=&aql=&gs_sm=e&gs_upl=1132l14916l0l15207l46l37l0l20l0l1l628l2741l2-2.2.2.1l7l0
спасыбо сынсей) я про шаблонизаторы для жумлы и не слышал, будем разбираться!
Homo Sapiens non urinat in ventum #432217

Наблюдающий
Да какой я - сенсэй
Завсегда, пожалуйста!  
#432789

Начинающий специалист
anthony_, единственное что плохо что туда не забить готовый шаблон, который надо растянуть)
Но если есть из чего он слеплен, то восстановить дело не хитрое)
ps Радостно))) 
Homo Sapiens non urinat in ventum #432833

Новичок
во первых как ни прискорбно такие программы слишком разгуляться фантазии не дают.
wiRUS, ты сам бы шаблон сюда кинул! 
#457260

Гуру
Жумла - отстой))) 
Сгущалась тьма. С севера,на форде, наступала соль с фуриями. #457261

Новичок
А зачем такую простыню кода выкладывать?
Если wiRUS никак в вёрстке, то зачем за сайтостроительство браться? 
#462522

Популярное
на форуме

Отзывы о ресторанах18+


Вход
Регистрация
Отправляя заявку, вы соглашаетесь с условиями
политики конфиденциальности
Восстановление пароля

Пожаловаться