3-я колонка

MY
На сайте с 23.10.2010
Offline
36
516

Здраствуйте, никак не могу добавить 3-ю колонку в шаблоне(строю на joomla)

помогите пожалуйста, вот мой html, что надо добавить, чтобы добавилась 3-я колонка, заранее спасибо

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>

<!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; ?>" >
<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>

<div id="Container">
<div id="header_">
<jdoc:include type="modules" name="user3" />
</div>
<div id="left_">

<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
<div id="block-left">
<jdoc:include type="modules" name="left" style="rounded" />
<?php $sg = 'banner'; include "templates.php"; ?>
</div>
<?php endif; ?>

</div>
<div id="right">
<div id="sidebar-2">
<div class="inside">
<jdoc:include type="modules" name="right" />
</div>
</div>
<?php if($this->countModules('user4')) : ?>

<div id="newsflash">
<div id="news-head_">
<h2>News Flash</h2>
</div>
<div id="news-contents_">
<div id="news-contents-sub">
<jdoc:include type="modules" name="user4" />
</div>
</div>
<div id="news-bottom_">
&nbsp;</div>
</div>


<?php endif; ?>

<div id="contents_">

<div id="maincontents">
<?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?>
</div>

</div>

</div>
<div class="clear"></div>
<div id="footer1_">
&nbsp;</div>
<div id="footer2_">

<div id="footer2-sub_">
<?php $sg = ''; include "templates.php"; ?>
</div>

</div>
</div>

</body>
</html>
Drakasmit
На сайте с 21.05.2008
Offline
90
#1
MANAY:
вот мой html

css ещё нужно...

Торт
MY
На сайте с 23.10.2010
Offline
36
#2

/** TEMPLATE LAYOUT CSS **/

body {

margin: 0px;

background-repeat: repeat-x;

background-color: #b6b6b6;

font-family: arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 20px;

background-image: url('Z:\home\narutocity\www\templates\joomla1.5025\images');

}

#Container {

left: 0px;

top: 0px;

width: 1024px;

background-image: url('../images/tablexpand.jpg');

position: relative;

margin-right: auto;

margin-left: auto;

}

#header_ {

float: center;

left: 0px;

top: 0px;

width: 1024px;

height: 128px;

background-image: url('../images/1024Х128.jpg');

}

#header_ ul {

margin: 27px 0px 0px 0px;

padding: 0px 0px 0px 0px;

width: auto;

text-align: center;

position: relative;

}

#header_ ul li{

height: 22px;

padding: 0 10px 0 10px;

margin: 0;

display: inline;

}

#header_ ul li a{

padding: 15px 8px 14px 8px;

font: 18px/21px georgia;

color: #ECEBE1;

text-decoration: none;

text-indent: 0px;

font-weight: bold;

margin: 0;

width: inherit;

letter-spacing: -1px;

text-transform: lowercase;

}

#header_ ul li a:hover{

text-decoration: none;

color: #FFCC66;

}

#left_ {

float: left;

left: 0px;

top: 281px;

width:120px;

background-image: url('../images/left.jpg');

background-repeat: no-repeat;

}

#right {

float: right;

right: 0px;

top: 281px;

width:120px;

background-image: url('../images/right.jpg');

background-repeat: no-repeat;

}

#newsflash {

float:left;

width:593px;

}

#news-head_ {

float: left;

left: 207px;

top: 281px;

width: 593px;

height: 55px;

background-image: url('../images/news-head.jpg');

}

#news-head_ h2 {

margin: 0px;

font-family: georgia;

font-size: 20px;

font-weight: bold;

color: #FFFFFF;

padding: 17px 0px 0px 25px;

letter-spacing: 0px;

}

#news-contents_ {

float: left;

left: 207px;

top: 336px;

width: 593px;

background-image: url('../images/news-contents.jpg');

}

#news-contents-sub {

margin: 0px;

padding: 0px 25px 0px 15px;

width: 540px;

}

#news-bottom_ {

float: left;

left: 207px;

top: 411px;

width: 593px;

height: 23px;

background-image: url('../images/news-bottom.jpg');

}

#contents_ {

float: right;

right: 207px;

top: 434px;

width: 870px;

background-image: url('../images/contents.jpg');

background-repeat: no-repeat;

}

#tablexpand_ {

float: left;

left:0px;

top:704px;

width:800px;

height:10px;

}

#footer1_ {

float: left;

left: 0px;

top: 714px;

width: 800px;

height: 1px;

background-image: url('../images/footer99.jpg');

}

#footer2_ {

float: left;

left: 0px;

top: 741px;

width: 1024px;

background-image: url('../images/footer99.jpg');

}

#footer2-sub_ {

width: 100%;

font: 12px/20px Arial;

color: white;

padding: 10px 0px 18px 0px;

text-align: center;

font-weight: bold;

}

#footer2-sub_ a {

color: #FFFFFF;

font-weight: bold;

text-decoration: underline;

}

#footer2-sub_ a:hover {

font-weight: bold;

text-decoration: none;

color: #FFFFFF;

}

.clear {

clear:both;

}

/** BLOCKS LAYOUT **/

#block-left {

margin: 0px;

padding: 3px 0px 0px 15px;

}

#block-left h3 {

padding: 0px 0px 5px 5px;

margin: 0px;

}

#block-right {

margin: 0px;

padding: 3px 0px 0px 15px;

}

/** MAIN CONTENTS LAYOUT **/

#maincontents {

padding: 7px 0px 0px 5px;

width:865px;

}

/*********************** ALL LINKS STYLE *************************/

a:link, a:visited {

text-decoration: underline;

font-weight: bold;

color: #003366;

}

a:hover {

text-decoration: none;

}

/*********************** MENU ************************/

div.module div div div form {

}

div.module_menu ul {

list-style: none;

padding: 0px 0px 0px 0px;

width: 50px;

display: block;

margin: 0px 0px 0px 0px;

}

div.module_menu ul li{

padding: 0 0 0 0px;

margin: 0 0 0 0px;

list-style: none;

}

div.module_menu ul li a:link, div.module_menu ul li a:visited {

border: 0px solid #8F8B58;

margin: 0px 0px 0px 0px;

color: #000000;

font-weight: bold;

font-size: 7.5px;

line-height: 7px;

height: 8px;

padding: 0px 0 0px 10px;

display: block;

text-decoration: none;

width: 10px;

font-family: tahoma;

letter-spacing: 0px;

text-transform: uppercase;

background-repeat: no-repeat;

background-image: url('../images/button.jpg');

}

div.module_menu ul li a:hover {

color: green;

background-repeat: no-repeat;

background-image: url('../images/button-over.jpg');

}

/*********************** LOGIN ************************/

form#form-login fieldset {

border: 0 none;

margin: 0px;

padding:7px;

}

form#form-login ul li{

padding: 0px;

margin:0px;

}

form#form-login ul li a {

text-align: left;

padding: 0px;

font-size: 12px;

}

/*********************** MODULES AND BLOCK CONTROL ************************/

table.user1user2 div.moduletable {

margin-bottom: 0px;

}

div.moduletable, div.module {

margin-bottom: 25px;

}

div.module_menu, div.module {

margin: 0;

padding: 0;

}

div.module_menu div, div.module {

}

div.module_menu div div, div.module div div {

margin-bottom: 14px;

padding: 0 0 1px 0;

background: none;

}

div.module_menu div div div, div.module div div div{

padding: 0;

width: auto;

margin: 0;

background: none;

}

div.module_menu div div div div, div.module div div div div {

background: none;

padding: 4px 8px;

}

div.module div div div form {

padding: 4px 0 0 0;

width: 164px;

margin: 0 auto;

}

table.adminform textarea {

width: 540px;

height: 400px;

font-size: 1em;

color: #000099;

}

/*********************** CONTENT STYLES *************************/

.contentpaneopen, table.contentpane {

margin: 0;

padding: 0px 10px 0px 0px;

}

table.contentpane td{

text-align: left;

}

table.contentpane td.contentdescription {

width: 100%;

}

table.contentpane {

text-align: left;

float: left;

width: 98%;

margin: 8px;

}

table.contentpane ul li a .category {

width: 95%;

}

table.contentpane ul li {

width: 95%;

}

table.contentpaneopen {

margin: 2px 8px;

}

table.contentpaneopen li {

margin-bottom: 5px;

}

table.contentpaneopen fieldset {

border: 0;

border-top: 1px solid #887455;

}

table.contentpaneopen h3 {

margin-top: 25px;

}

table.contentpaneopen h4 {

font-family: Arial, Arial, sans-serif;

color: #669933;

}

.highlight {

background-color: #fffebb;

color: #000000;

}

/*********************** HEADING STYLES *************************/

div.componentheading {

height: 22px;

padding: 0 0 0 0px;

}

table.blog {

}

h1 {

padding: 0;

font-family: Arial;

font-size: 1.3em;

font-weight: bold;

vertical-align: bottom;

color: #333;

text-align: left;

width: 100%;

}

h2, .contentheading {

padding: 0;

font-family: georgia;

font-size: 21px;

color: #003366;

text-align: left;

font-weight: bold;

letter-spacing: -1px;

line-height: 24px;

}

table.contentpaneopen h3 {

margin-top: 25px;

}

h4 {

font-family: Arial;

color: #003366;

}

h3, .componentheading, table.moduletable th, legend {

margin: 0px 0px 10px 10px;

padding: 0;

font-family: georgia;

font-size:12px;

color: #000000;

text-align: left;

font-weight: bold;

letter-spacing: -1px;

line-height: 17px;

}

/*********************** CONTENTS TABLE *************************/

td.sectiontableheader {

font-weight: bold;

padding: 4px;

border-bottom: 2px solid #666;

border-bottom-color: #E2E2E2;

}

tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

padding: 4px;

}

td.sectiontableentry0,

td.sectiontableentry1,

td.sectiontableentry2 {

padding: 3px;

font-size: 11px;

}

/*********************** FORM STYLE *************************/

form {

margin: 0;

padding: 0;

}

img,table {

border: none;

}

input.button, .validate {

font-size: 11px;

font-family: Arial;

font-weight: bold;

border: 1px solid #666666;

}

.search input.button {

text-align: right;

}

input.button:hover, .validate:hover {

}

p {

margin-top: 0;

margin-bottom: 5px;

text-align: justify;

}

.inputbox {

border: 1px solid #555;

color: #333333;

padding: 2px;

font-size: 12px;

font-family: Arial;

}

.inputbox:hover {

}

/*********************** SEARCH STYLE *************************/

#search {

padding: 6px 0 0 0;

}

#search .search .inputbox {

width: 106px;

height: 12px;

font-size: 12px;

color: #666;

padding: 2px;

border: 1px solid #FFF;

}

#search .search .button {

height: 18px;

font-size: 11px;

color: #333333;

padding: 0 2px 0 2px;

border: 1px solid #dadada;

margin: 0 0 0 10px;

text-align: center;

font-weight: bold;

font-family: Arial;

}

MY
На сайте с 23.10.2010
Offline
36
#3

/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/

div.offline {

background: #fffebb;

width: 100%;

float: left;

top: 0;

left: 0;

font-size: 1.2em;

padding: 5px;

}

/* small text */

.small {

font-size: 11px;

font-weight: bold;

text-align: left;

color: #000000;

}

.modifydate {

height: 20px;

vertical-align: bottom;

font-size: 11px;

font-weight: bold;

text-align: right;

color: #000000;

}

.createdate {

height: 20px;

vertical-align: top;

font-size: 11px;

font-weight: bold;

vertical-align: top;

padding-top: 0px;

color: #000000;

}

a.readon {

display: block;

float: right;

line-height: 14px;

font-size: 10px;

text-decoration: none;

padding: 1px 2px 1px 2px;

}

a.readon:hover {

text-decoration: underline;

}

/* form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }

/** overlib **/

.ol-foreground {

background-color: #f1f1f1;

color: #333;

}

.ol-background {

background-color: #f1f1f1;

color: #333;

}

.ol-textfont {

font-family: Arial, Arial, sans-serif;

font-size: 10px;

}

.ol-captionfont {

font-family: Arial, Arial, sans-serif;

font-size: 12px;

color: #f6f6f6;

font-weight: bold;

}

.ol-captionfont a {

background-color: #f1f1f1;

color: #333;

text-decoration: none;

font-size: 12px;

}

.ol-closefont {}

/* menu links */

a.mainlevel:link, a.mainlevel:visited {

padding-left: 0px;

}

a.mainlevel:hover {

}

/* spacers */

span.article_separator {

display: block;

height: 20px;

}

.article_column {

}

.column_separator {

}

td.buttonheading {

text-align: right;

width: 0;

}

.clr {

clear: both;

}

table.blog span.article_separator {

display: block;

height: 20px;

}

/* table of contents */

table.contenttoc {

margin: 5px;

border: 1px solid #887455;

padding: 5px;

}

table.contenttoc td {

padding: 0 5px;

}

/* thumbnails */

div.mosimage { margin: 5px; }

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

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

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

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

/* Parameter Table */

table.paramlist {

margin-top: 5px;

}

table.paramlist td.paramlist_key {

width: 128px;

text-align: left;

height: 30px;

}

table.paramlist td.paramlist_value {

}

div.message {

font-family: Arial, Arial, sans-serif;

font-weight: bold;

font-size : 14px;

color : #c30;

text-align: center;

width: auto;

background-color: #f7f7f7;

border: solid 1px #d5d5d5;

margin: 3px 0px 10px;

padding: 3px 20px;

}

/* Banners module */

/* Default skyscraper style */

.bannergroup {

}

.banneritem {

}

/* Text advert style */

.banneritem_text {

padding: 4px;

font-size: 11px;

}

.bannerfooter_text {

padding: 4px;

font-size: 11px;

text-align: right;

}

/* System Messages */

/* see system general.css */

.pagination span { padding: 2px; }

.pagination a { padding: 2px; }

/* Polls */

.pollstableborder td {

text-align: left;

}

/* Frontend Editing*/

fieldset {

border: 1px solid #887455;

margin-top: 15px;

padding: 15px;

}

legend {

margin: 0;

padding: 0 10px;

}

td.key {

border-bottom: 1px solid #887455;

font-weight: bold;

}

/* Tooltips */

.tool-tip {

float: left;

background: #ffc;

border: 1px solid #D4D5AA;

padding: 5px;

max-width: 200px;

}

.tool-title {

font-size: 100%;

font-weight: bold;

margin-top: -15px;

padding-top: 15px;

padding-bottom: 5px;

background: url('../system/images/selector-arrow.png') no-repeat;

margin-left: 0;

margin-right: 0;

margin-bottom: 0;

padding-left: 0;

padding-right: 0;

}

.tool-text {

font-size: 100%;

margin: 0;

}

/* System Standard Messages */

#system-message dd.message ul {

background: #C3D2E5;

padding: 0;

margin: 0;

}

/* System Error Messages */

#system-message dd.error ul {

color: #c00;

background: #E6C0C0;

border-top: 3px solid #DE7A7B;

border-bottom: 3px solid #DE7A7B;

padding: 0;

margin: 0;

}

/* System Notice Messages */

#system-message dd.notice ul {

color: #c00;

background: #EFE7B8;

border-top: 3px solid #F0DC7E;

border-bottom: 3px solid #F0DC7E;

padding: 0;

margin: 0;

}

/* ****************************************************************************** */

/* blue */

input, button {

}

/* blue */

input[type="checkbox"], input[type="radio"]{

background: transparent;

border: none;

}

/* -------------------------- */

a.sgfooter:link, a.sgfooter:visited {

color: #F9F9F9;

font-family: Arial, Arial, sans-serif;

text-decoration: none;

}

a.sgfooter:hover {

color: #F9F9F9;

font-family: Arial, Arial, sans-serif;

text-decoration: none;

}

#sgf {

font-size: 12px;

text-align: center;

margin: 0 auto;

color: #F9F9F9;

font-family: Arial, Arial, sans-serif;

float: left;

line-height: 50px;

width: 540px;

}

.sgf {

text-align: right;

font-size: 12px;

font-family: Arial, Arial, sans-serif;

color: #F9F9F9;

text-decoration: none;

}

.sgf1 {

font-size: 12px;

font-family: Arial, Arial, sans-serif;

color: #333;

text-align: left;

}

a.sglink:link, a.sglink:visited {

color: #F9F9F9;

font-size: 12px;

font-family: Arial, Arial, sans-serif;

text-decoration: none;

}

a.sglink:hover {

color: #F9F9F9;

font-family: Arial, Arial, sans-serif;

text-decoration: none;

}

Drakasmit
На сайте с 21.05.2008
Offline
90
#4

жжошь, пеши ещё 🤪

niceteam
На сайте с 20.02.2009
Offline
55
#5

Файлом на файлообменник немог закачать?)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий