Опытный
Профиль
Группа: Участник
Сообщений: 667
Регистрация: 23.1.2008
Где: Харьков
Репутация: нет
Всего: 11
|
Вот HTML код | Код |
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
$live_site = $mainframe->getCfg('live_site');
$template_path = $this->baseurl . '/templates/' . $this->template;
$show_flashheader = ($this->params->get("showFlashheader", 1) == 0)?"false":"true";
$show_logo = ($this->params->get("showLogo", 1) == 0)?"false":"true";
$show_date = ($this->params->get("showDate", 1) == 0)?"false":"true";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<link rel="shortcut icon" href="<?php echo $this->baseurl; ?>/images/favicon.ico" />
<link href="<?php echo $this->baseurl ?>/templates/system/css/system.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->baseurl ?>/templates/system/css/general.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/css/template_css.css" rel="stylesheet" type="text/css" />
</head>
<body id="body_bg">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="maintable">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="top_border_left"> </td>
<td class="top_border_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<div id="tophead">
<!-- BEGIN: LOGO -->
<?php if($show_logo == "true") : ?>
<div id="logo">
<a href="<?php echo $mosConfig_live_site;?>">
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/logo.png" alt="" />
</a>
</div>
<?php endif; ?>
<!-- END: LOGO -->
<!-- BEGIN: flashheader -->
<?php if($show_flashheader == "true") : ?>
<div id="ol-flashheader">
<object type="application/x-shockwave-flash" data="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/header.swf" width="700" height="240">
<param name="wmode" value="transparent" />
<param name="movie" value="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/images/header.swf" />
</object>
</div>
<?php endif; ?>
<!-- END: flashheader -->
</div>
</td>
</tr>
</table></td>
<td class="top_border_right"> </td>
</tr>
<tr>
<td class="sub_top_border_left"> </td>
<td class="sub_top_bg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="topmenu">
<jdoc:include type="modules" name="user3" />
</div>
</td>
<td>
<!-- BEGIN: Date -->
<?php if($show_date == "true") : ?>
<div id="date">
<div align="right">
<?php $now = &JFactory::getDate(); echo $now->toFormat("%A, %d %b %Y"); ?>
</div>
</div>
<?php endif; ?>
<!-- END: Date -->
</td>
</tr>
</table>
</td>
<td class="sub_top_border_right"> </td>
</tr>
<tr>
<td class="maincontent_border_left"> </td>
<td class="maincontent">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<?php if( $this->countModules('left') ) {?>
<td valign="top" class="left_table">
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</td>
<?php } ?>
<td valign="top" class="mainbody">
<table width="98%" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td>
<jdoc:include type="modules" name="user1" style="xhtml" /></td>
<td>
<jdoc:include type="modules" name="user2" style="xhtml" /></td>
</tr>
</table>
<div id="mainbody">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><div id="banner">
<jdoc:include type="modules" name="banner" />
</div></td>
<?php if( $this->countModules('right') ) {?>
<td valign="top" class="right_table">
<div id="right">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
</td>
<?php } ?>
</tr>
</table>
</td>
<td class="maincontent_border_right"> </td>
</tr>
<tr>
<td class="footer_border_left"> </td>
<td class="footer_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td><div id="bottom_links">
<div align="right">
<?php include (dirname(__FILE__).DS.'/footer.php');?>
</div>
</div></td>
</tr>
</table></td>
<td class="footer_border_right"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
|
CSS код | Код |
/* CODE IS POETRY
--------------------------------------------------------- */
body{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 12px;
color: #374149;
}
#body_bg{
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-color: #dadada;
}
/* JOOMLA! STYLING
--------------------------------------------------------- */
a img {
border: none;
}
a:link, a:visited {
font-size: 12px;
color: #ff3333;
text-decoration: none;
font-family: "Lucida Sans", Tahoma, Arial;
}
a:hover {
color: #374149; text-decoration: underline;
}
.modifydate{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 10px;
color: #b4b4b4;
padding-top: 10px;
}
.small{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 10px;
color: #b4b4b4;
}
.createdate{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 10px;
color: #b4b4b4;
}
td.buttonheading {
width: 16px;
}
/* CUSTOM STYLING
--------------------------------------------------------- */
.top_border_left{
background-image: url(../images/top_border_left.gif);
background-repeat: no-repeat;
height: 180px;
width: 14px;
}
.top_border_bg{
background-image: url(../images/top_bg.gif);
background-repeat: repeat-x;
height: 180px;
}
.top_border_right{
background-image: url(../images/top_border_right.gif);
background-repeat: no-repeat;
height: 180px;
width: 1px;
}
.sub_top_border_left{
background-image: url(../images/sub_top_border_left.gif);
background-repeat: no-repeat;
height: 41px;
width: 14px;
}
.sub_top_bg{
background-image: url(../images/sub_top_border_bg.gif);
background-repeat: repeat-x;
height: 41px;
}
.sub_top_border_right{
background-image: url(../images/sub_top_border_right.gif);
background-repeat: no-repeat;
height: 41px;
width: 14px;
}
.maincontent_border_left{
background-image: url(../images/content_border_left.gif);
background-repeat: repeat-y;
height: 35px;
width: 14px;
}
.maincontent{
background-color: #FFFFFF;
}
.maincontent_border_right{
background-image: url(../images/content_border_right.gif);
background-repeat: repeat-y;
height: 35px;
width: 14px;
}
.footer_border_left{
background-image: url(../images/footer_border_left.gif);
background-repeat: no-repeat;
height: 41px;
width: 14px;
}
.footer_bg{
background-image: url(../images/footer_bg.gif);
background-repeat: repeat-x;
height: 41px;
}
.footer_border_right{
background-image: url(../images/footer_border_right.gif);
background-repeat: no-repeat;
height: 41px;
width: 14px;
}
#topmenu{
padding-left: 15px;
}
#date{
padding-right: 15px;
font-size: 11px;
}
#copyright{
padding-left: 15px;
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 11px;
}
#copyright a:link, #copyright a:visited{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 11px;
color: #374149;
text-decoration: none;
}
#copyright a:hover{
text-decoration: underline;
}
#bottom_links{
padding-right: 15px;
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 11px;
}
#bottom_links a:link, #bottom_links a:visited{
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 11px;
color: #374149;
text-decoration: none;
}
#bottom_links a:hover{
text-decoration: underline;
}
#mainlevel-nav {
margin: 0; padding: 0;
}
#mainlevel-nav li {
padding-left: 0;
list-style:none; float: left;
white-space: nowrap;
}
#mainlevel-nav a {
font-size: 12px;
color: #374149;
text-decoration: none;
font-family: "Lucida Sans", Tahoma, Arial;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #acacac;
padding-right: 13px;
padding-left: 13px; }
#mainlevel-nav a:hover {
color: #374149;
text-decoration: underline; }
#banner{ padding-top: 15px; padding-bottom: 5px; }
#logo, img#logo { background-repeat: no-repeat; position: absolute; top: 0px; right: 0; z-index: 9; border: 0; }
#tophead { clear: both; text-align: left; line-height: normal; position: relative; height: 240px; }
/* LEFT COLUMN
--------------------------------------------------------- */
.left_table{ background-color: #ededed; padding: 20px 20px 10px; }
#left{
width: 180px;
}
/* MAINBODY COLUMN
--------------------------------------------------------- */
.mainbody{ width: 100%; padding: 20px 20px 20px; }
/* RIGHT COLUMN
--------------------------------------------------------- */
.right_table{
padding-right: 5px;
padding-top: 20px;
}
#right{
width: 182px;
}
/* MENU STYLING
--------------------------------------------------------- */
table.moduletable {
width: 182px;
margin-bottom: 20px;
}
table.moduletable th { font-family: "Lucida Sans", Tahoma, Arial; font-size: 14px; color: #374149; height: 10px; text-transform: uppercase; text-align: left; padding-bottom: 3px; border-bottom: 2px solid #c5e674; }
table.moduletable td {
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 12px;
color: #374149;
}
a.mainlevel:link, a.mainlevel:visited {
font-size: 12px;
display: block;
height: 26px;
width: 100%;
font-family: "Lucida Sans", Tahoma, Arial;
text-decoration: none;
color: #ff3333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #b4b4b4;
line-height: 26px;
}
a.mainlevel:hover {
background-color: #fafafa;
display: block;
height: 26px;
width: 182px;
color: #374149;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;
}
select, .inputbox {
padding: 2px;
}
textarea {
padding-left: 2px;
}
textarea.inputbox {
width:95%;
}
.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; background: #4b535b url(../images/button-bg.gif) repeat-x left top; color: #f3f5f8; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }
.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }
.inputbox {
border: solid 1px #bfc2c5;
background: #f5f6f8;
}
.inputbox:hover, .inputbox:focus { background-color: #e9ebed; border: solid 1px #9198a0; }
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
table.blog .article_seperator {
display: block;
height: 10px;
}
#ol-leftcol .article_seperator, #ol-rightcol .article_seperator {
display: none;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 100%;
}
table.contenttoc a {
text-decoration: none;
}
table.contenttoc td {
padding: 1px 5px 1px 22px;
}
table.contenttoc th {
padding: 4px;
border-bottom: 5px solid #FFFFFF;
background: #DFE5EC;
color: #646E7B;
text-indent: 5px;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding: 2px!important;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important; /*Control the Frontend Editor area width*/
}
.adminform .inputbox {
}
.blog_more {
margin: 10px 0;
}
.blog_more strong {
margin: 0 0 5px;
padding-left: 13px;
display: block;
color: #646E7B;
text-transform: uppercase;
}
td.buttonheading {
padding: 0 0 0 3px!important;
text-align: center;
}
.category {
font-weight: bold;
}
.clr {
clear: both;
}
.contentheading a:link, .contentheading a:visited {
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 14px;
color: #ff3333;
height: 10px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.contentheading a:hover {
font-family: "Lucida Sans", Tahoma, Arial;
font-size: 14px;
color: #ff3333;
font-weight: bold;
height: 10px;
text-transform: uppercase;
text-decoration: underline;
}
.componentheading { padding-bottom: 2px; margin-bottom: 10px; color: #405267; font-size: 1.5em; line-height: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #999; }
.contentdescription {
padding-bottom: 30px;
}
table.blog .contentheading {
font-size: 1.17em;
font-weight: bold;
}
.contentheading { color: #405267; font-size: 1.5em; text-transform: uppercase; border-bottom: 1px dotted #ccc; }
a.contentpagetitle {
text-decoration: none!important;
}
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none!important;
}
a.readon { float: right; padding: 1px 5px 1px 16px; display: block; color: #cdd3da; font-size: 0.87em; text-decoration: none; }
a.readon:hover, a.readon:active, a.readon:focus {
color: #ffffff;
text-decoration: none!important;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.createdate {
padding-bottom: 10px;
color: #818181;
font-weight: bold;
line-height: 10px;
}
.modifydate {
color: #818181;
height: 15px;
}
.moduletable {
padding: 0;
}
.mosimage {
padding: 0;
margin: 8px 15px 0 0!important;
margin: 8px 5px 0 0;
}
.mosimage img {
padding: 0;
margin: 0!important;
}
.mosimage_caption {
margin-top: 2px;
padding: 1px 2px;
color: #818181;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
text-decoration: none;
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
text-decoration: none;
}
.pagenavbar {
padding-left: 14px;
}
.pagenavcounter {
padding: 8px 14px 0;
}
.sectiontableheader { padding: 5px; color: #ddd; font-weight: bold; background: #405267; }
tr.sectiontableentry1 td {
padding: 5px;
}
tr.sectiontableentry2 td {
padding: 5px;
}
.small {
color: #818181;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module_text h3,
div.module_menu h3 { margin: 0 -15px 5px; padding: 0 0 0 24px; color: #645a44; font-weight: bold; font-size: 115%; line-height: 26px; background-image: url(../images/h3div.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left 3px; border-bottom: 1px solid #e0ddcd; }
div.module,
div.module_text,
div.module_menu,
div.ol-square1 {
margin-bottom: 10px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: #f7f6f4 url(../images/square1m.gif) no-repeat right bottom;
color: #444;
overflow: hidden;
}
div.module div,
div.module_text div,
div.module_menu div,
div.ol-square2 {
padding: 0;
background: url(../images/square2m.gif) no-repeat bottom left;
}
div.module div div,
div.module_text div div,
div.module_menu div div,
div.ol-square3 {
padding: 0;
background: url(../images/square3m.gif) no-repeat top right;
}
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.ol-square4 {
padding: 0 15px 15px;
background: url(../images/square4m.gif) no-repeat top left;
}
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div {
margin: 0;
padding: 0;
background: none;
}
/* Sub and Side Menus */
ul.menu {
margin: 0 0 10px;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
margin: 4px 0;
}
ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 5px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 10px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover { background-color: transparent; text-decoration: none; }
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
ul.menu a { outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px dotted #aca686; }
ul.menu a:hover { }
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
/* @end */
|
я вот в этой строке поменял width на 100% | Код |
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="maintable">
|
я так понял тут ссылаются на класс по id maitable в CSS файле не нашел описание этого файла Или я не туда смотрю? |
Не могу расстянуть по ширине 
mx_joomlafree.zip 207,38 Kb
Загрузка ...
