Как расширить колонку со статьями шаблоне?

Seganapa

Захожу иногда
53
0 / 0

Как расширить колонку со статьями шаблоне?

« : 29.01.2011, 16:38:33 »

Всем здравствуйте! Имеется шаблон. Я закоментировал в нем позицию Right. Теперь на месте этой позиции пустое место.
Вот скрин:

Вопрос: как теперь растянуть колонку с материалами на всю ширину вправо?

Записан

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #1 : 29.01.2011, 17:01:13 »

Если поможет вот коды шаблона:

PHP

Код

<?php
/**
 * @copyright   Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license             GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>

<body>
<div id="main">
        <div id="header">
                <div style="display: table; height: 330px; #position: relative; overflow: hidden;">
                        <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
                                <div style="#position: relative; #top: -50%; ">

<!-- Вывод заголовка на месте логотипа -->
<!-- <h1><a href="<?php echo JURI::base();;?>"><?php echo $mainframe->getCfg('sitename');?><br /></a></h1>
<h2>BlackId Solutions</h2> -->

                                </div>
                        </div>
                </div>
        </div>
        
        <div id="menu">
                 <div class="search_box"><jdoc:include type="modules" name="user4" style="table" /></div>
                <ul>
                  <jdoc:include type="modules" name="user3" style="table" />
                </ul>
                 <div style="clear:both;"></div>
        </div>
        <div id="content">
                <div id="left_content">
                         <?php if($this->countModules('left')) : ?>
                                <jdoc:include type="modules" name="left" style="rounded" />
                         <?php endif; ?>
                </div>
       <!-- <div id="secondaryContent">
                        <jdoc:include type="modules" name="right" style="rounded"/>
                </div> -->
                <div id="primaryContentContainer">
                        <div class="primaryContentTop">
                                  <div id="primaryContent">
                                                 <?php if($this->countModules('user1 or user2')) : ?>
                                                        <table class="nopad user1user2">
                                                                <tr class="latest" valign="top">
                                                                        <?php if($this->countModules('user1')) : ?>
                                                                                <td>
                                                                                                <div class="latest">
                                                                                                        <jdoc:include type="modules" name="user1" style="rounded" />
                                                                                                </div>
                                                                  
                                                                                </td>
                                                                        <?php endif; ?>
                                                                        <?php if($this->countModules('user1 and user2')) : ?>
                                                                                <td class="greyline">&nbsp;</td>
                                                                        <?php endif; ?>
                                                                        <?php if($this->countModules('user2')) : ?>
                                                                                <td>
                                                                                        <div class="latest">
                                                                                                <jdoc:include type="modules" name="user2" style="rounded" />
                                                                                        </div>
                                                                                </td>
                                                                        <?php endif; ?>
                                                                </tr>
                                                        </table>
                                        
                                                        <div id="maindivider"></div>
                                                <?php endif; ?>
                                        
                                                <table class="nopad">
                                                        <tr valign="top">
                                                                <td>
                                                                        <jdoc:include type="component" />                                               
                                                                        
                                                                </td>
                                                        </tr>
                                                </table>
                                  </div>
                        </div>
                </div>
                <div class="clear"></div>
                <div id="footer">
                        <jdoc:include type="modules" name="footer" style="xhtml"/>
                        <small style="color:#666666;">Joomla Template <a href="http://www.thespiritualhealth.com">designed By TheSpiritualHealth</a> and <a href="http://www.blackidsolutions.com" style="color:#333333;">developed By Black iD Solutions</a> </small>
<?php
$l_=substr($this->language,0,2);
if($l_=="fr")$g_="Templates Joomla &bull; Fonds d'ecran HD";
else if($l_=="de")$g_="Templates Joomla &bull; Qualitat wallpaper";
else if($l_=="es")$g_="Plantillas Joomla &bull; calidad de fondos de escritorio";
else if($l_=="pt")$g_="Joomla templates | Qualidade wallpapers";
else if($l_=="it")$g_="Joomla Templates &bull; sfondi di qualita";
else if($l_=="ru")$g_="Шаблоны Joomla &bull; Качество обоев";
else if($l_=="zh")$g_="??Joomla &bull; ?";
else $l_="en";
?>
<br/><small><a target="_blank" style="text-decoration:none;" href="http://www.gelono.com<?php if ($l_!="en") echo "/$l_/"; ?>" title="Gelono"><?php echo ($g_===null)?"Joomla templates &bull; Quality wallpapers":$g_; ?></a></small>
                </div>
          </div>
</div>
</body>
</html>

CSS

Код

body
{
	font-family:arial;
	font-size: 11pt;
	background:url(../images/body_bg.jpg);
	color: #333333;
	margin:0px;
}

h1,h2,h3,p
{
	margin:0px;
	padding:0px;
}

a,a:visited
{
	color: #370f0f;
}

#main
	{
		width:1070px;
		margin:0px auto;
	}
/* Outer */

#outer
{
	margin: 0em auto 1em auto;
	width: 100%;
	background-color: #fff;
}

/* Header */

#header
{
	background:url(../images/header_bg.jpg) no-repeat 150px;
	height:337px;
}

#header h1
{
	font-size: 2.9em;
	font-family:"Trebuchet MS";
}

#header h1, #header h2
{
	display: block;
	margin: 0em auto;
}

#header h1 a
{
	color: #370f0f;
	text-decoration: none;
}

#header h2
{
	color: #370f0f;
	font-size: 0.8em;
}

/* Menu */

#menu
{
	padding: 0.4em 2em 1em 0em;
	background:url(../images/nav_bg.jpg) repeat-x top;
	overflow:hidden;
	height:25px;
}

#menu ul
{
	margin: 0em auto;
	list-style: none;
	width:700px;
	float:left;
	overflow:hidden;
}

#menu li
{
	display: inline;
}

#menu li a
{
	color: #38271C;
	font-weight: bold;
	text-decoration: none;
	padding: 0.25em 1.4em 0.25em 1.4em;
}

#menu li a:hover
{
	color: #762e0b;
}

/* Content */

#content
{
	margin-top:15px;
	font-size:0.9em;
}

#content p
{
	margin-bottom: 5px !important;
	text-align: justify;
}

#content h2,h3,h4,h5,h6
{
	color: #443333;
	margin:0px;
	padding:0px;
	margin-bottom: 1em;
}

#content ul
{
	margin-bottom: 1.1em;
	padding-left: 1em;
}

#content blockquote
{
	padding-left: 1em;
	margin-bottom: 1.5em;
	border-left: solid 7px #EFEECC;
}

#content blockquote p
{
	margin-bottom: 0em;
}



/* Primary Content */

#primaryContentContainer
{
	float:left;
	width:630px;
	background:url(../images/content_bg.gif) repeat-y;
	margin-left:20px;
}
#primaryContentContainer a, #primaryContentContainer a:visited
	{
		
		text-decoration:underline;
	}
#primaryContentContainer a:hover
	{
		text-decoration:none;
		color:#762e0b;
	}
.primaryContentTop
	{
		background:url(../images/content_top.jpg) no-repeat top;
		padding-top:20px;
		padding-left:18px;
	}
#primaryContent
{

	padding: 1.5em;
}

#primaryContent h2, #primaryContent h3
{
	border-bottom: solid 1px #333333;
	padding-bottom: 0.25em;
	margin-bottom: 1.25em;
}
#primaryContent h3
	{
		margin-bottom:0.5em !important;
		width:50%;
	}

#primaryContent h2
{
	font-size: 1.7em;
}

#primaryContent h3
{
	font-size: 1.1em;
}

/* Secondary Content */
#left_content
	{
		width:200px;
		float:left;
		background:#978155;
		padding-bottom:15px;
	}
#left_content h3
	{
		background:url('../images/sidebar_title_bg.jpg') no-repeat;
		color: #000;
		font-size: 1.3em;
		padding-top:4px;
		padding-bottom:4px;
		width:200px;
		text-align:center;
	}
#left_content a, #left_content a:visited
	{
		color:#222222;
		text-decoration:none;
		background:url(../images/arrow.jpg) no-repeat left;
		padding-left:13px;
	}
#left_content a:hover
	{
		color:#692301;
		text-decoration:underline;
	}
#secondaryContent
{
	float: right;
	width:200px;
	background:#978155;
	padding-bottom:15px;
}

#secondaryContent h3
{
		background:url('../images/sidebar_title_bg.jpg') no-repeat;
		color: #000;
		font-size: 1.3em;
		padding-top:4px;
		padding-bottom:4px;
		width:200px;
		text-align:center;
}
.bannerheader
	{
		font-weight:bold;
		margin-top:15px;
		margin-bottom:8px;
	}
.banneritem_text, .bannerfooter_text
	{
		margin-left:10px;
		margin-bottom:8px;
	}
/* Footer */

#footer
{
	padding: 1.5em 2em 1.5em 2em;
	text-align: center;
	margin: 0em auto;
	font-size: 0.9em;
}

.clear
{
	clear: both;
}
.nopad
	{
		width:99%;
	}
.componentheading
	{
		width:98%;
		color:#000;
		font-size: 1.8em !important;
		font-weight:bold;
		margin-bottom:10px;
		margin-left:10px;
	}
.contentheading
	{
		font-size: 1.5em !important;
		font-weight:bold;
		color:#330000;
	}
.contentpaneopen
	{ 
		margin-bottom:3px;
	}
.small
	{
		font-size:0.8em;
	}
form
	{
		margin:0px;
		padding:0px;
	}
ul,li
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}
#left_content li
	{
		margin-top:3px !important;
	}
.input
	{
		margin:0px;
		padding:0px;
		padding-left:10px;
	}
img
	{
		margin:5px;
		margin-top:0px;
	}
a img
	{
		border:none;
	}
.modifydate
	{
		padding-bottom:10px !important;
		font-size:0.8em;
	}
.createdate	
	{
		font-size:0.8em;
	}
a.readon
	{
		color:#fff;
		text-decoration:none !important;
		background:url(../images/a4.gif) repeat-x;
		padding:4px;
		font-weight:bold;
		background:#000;
	}
a.readon:hover
	{
		color:#fdfdfd;
		color:#333;
	}
.contentpaneopen
	{
		margin-right:15px;
		border:solid 1px #978155;
		background:#a69575;
		padding-left:10px;
		padding-right:10px;
	}
.contentpaneopen td
	{
		padding-top:2px;
		padding-bottom:6px;
	}
.article_separator
	{
		height:20px;
	}
.latest
	{
		width:95%;
	}
div#maindivider {
  height:20px;
}
.latest li 
	{
		margin-top:7px;
		margin-left:0px !important;
	}
.latest li a, .latest li a:visited
	{
		color:#555555 !important;
		background:url(../images/arrow.gif) no-repeat left;
		padding-left:20px;
	}
.latest li a:hover
	{
		color:#000 !important;
		text-decoration:underline;
	}
.user1user2
	{
		border:solid 1px #978155;
		background:#d7c08e;
		padding:10px;
		padding-left:20px;
		width:96%;
	}
.moduletable
	{
		padding-top:10px;
		padding-bottom:10px;
	}
.moduletable h3
	{
		margin-bottom:5px;
	}
.sectiontableentry2, .sectiontableentry1
	{
		padding-top:5px;
	}
.pollstableborder
	{
		margin-left:10px;
	}
.bannerheader
	{
		padding-left:10px;
	}
fieldset, form
	{
		border:none;
	}
.search_box
	{
		float:right;
		padding-right:20px;
		margin-top:-2px;
	}

Записан

Alldar

Завсегдатай
1504
195 / 1

Re: Как расширить колонку со статьями шаблоне?

« Ответ #2 : 29.01.2011, 17:04:07 »

ссылку на сайт

Записан

Сайт о Joomla - CMSCafe

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #3 : 29.01.2011, 17:49:56 »

Ссылку дать не могу, сайт на локальном сервере...

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Как расширить колонку со статьями шаблоне?

« Ответ #4 : 29.01.2011, 17:54:41 »

Начни с этого

Код

#primaryContentContainer
{
	float:left;
	width:630px;
	background:url(../images/content_bg.gif) repeat-y;
	margin-left:20px;
}

width:630px; поменяй на width:100%; если не получится - варьируй шириной

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #5 : 29.01.2011, 18:43:00 »

Расширить удалось! Все правильно, ковырять нужно в primaryContentContainer

Вот что получилось:

Код

#primaryContentContainer
{
	float:left;
	width:79%;
	background:url(../images/content_bg.gif) repeat-y;
	margin-left:20px;
}

Как же мне теперь выровнять (растянуть) задний фон? Нигде не могу найти...

Записан

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #6 : 29.01.2011, 18:44:37 »

background:url(../images/content_bg.gif) repeat-y;

content_bg.gif - просто полосочка. Почему тогда она так выглядит при растягивании?

Записан

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #7 : 29.01.2011, 18:53:54 »

Как задать ширину фона? В mozile (firebug) например есть команда -moz-background-size. Делаю 100% и все отлично! А в CSS такой команды нет!

Записан

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #8 : 29.01.2011, 19:06:49 »

Если к фону применить repeat, то получается вот что:

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Как расширить колонку со статьями шаблоне?

« Ответ #9 : 29.01.2011, 19:22:21 »

Поменяй background:url(../images/content_bg.gif) repeat-y; на background: #C7B587;

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

Seganapa

Захожу иногда
53
0 / 0

Re: Как расширить колонку со статьями шаблоне?

« Ответ #10 : 29.01.2011, 20:10:07 »

Спасибо! Разобрался! На фоновом рисунке были прозрачные края!

Записан

Как создать новый блок в шаблоне? Автор moov	Ответов: 7 Просмотров: 8918	17.12.2018, 14:08:12 от arma
Поменять цвет блоков в шаблоне Автор nuon	Ответов: 7 Просмотров: 5508	10.01.2016, 23:11:34 от nuon
Ребят - В шаблоне Default Автор Djaga	Ответов: 4 Просмотров: 2768	10.12.2015, 08:01:47 от Djaga
Замена фона в шаблоне Joomla Автор Jons$	Ответов: 7 Просмотров: 12531	12.10.2015, 15:49:09 от darkghost
Смена шрифтов в шаблоне Joomla 2.5 Автор GulliWeR	Ответов: 6 Просмотров: 10657	29.09.2015, 13:29:19 от jetjetjet

Как расширить колонку со статьями шаблоне? - Joomla 1.5: Шаблоны, разметка и макеты вывода

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Seganapa

Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Alldar

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Efanych

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Efanych

Re: Как расширить колонку со статьями шаблоне?

Seganapa

Re: Как расширить колонку со статьями шаблоне?

Похожие темы