Помогите подправить шаблон под Joomlу.

k2651 · 11 Янв 2009

Подскажите пожалуйста, как в шаблон добавить правое меню (или правую колонку) с модулем right. Мучался целый день, так ничего и неришло в мою ........... голову. Буду благодарен за посильную помощь.

СSS:

Код:

html {
	margin-bottom: 1px;
	height: 100% !important;
	height: auto;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background: url(../images/back.gif) top left repeat-x;
}

.hdm_mitem_norm, .hdm_mitem_sel {
	float: left;
	height: 47px;
	text-align: center;
	overflow: hidden;
	padding-top: 16px;
}
.hdm_mitem_norm span, .hdm_mitem_norm a, .hdm_mitem_norm a:visited {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.hdm_mitem_sel span, .hdm_mitem_sel a, .hdm_mitem_sel a:visited {
	color: #ffa;
	font-size: 12px;
	font-weight: bold;
}

.hdm_splitter {
	float: left;
	width: 3px;
	height: 47px;
	background: url(../images/hdmenu1_splitter.gif) top left no-repeat;
}

.hdm_sub_mitem_norm {
}
.hdm_sub_mitem_sel {
}
.hdm_sub_mitem_norm span, .hdm_sub_mitem_norm a, .hdm_sub_mitem_norm a:visited {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.hdm_sub_mitem_sel span, .hdm_sub_mitem_sel a, .hdm_sub_mitem_sel a:visited {
	color: #ff8;
	font-size: 11px;
	font-weight: bold;
}

#pathway {
}

#pos_left {
	margin: 60px 0px 0px 45px;
	width: 220px;
	font-size: 1em;
}

#pos_left h3 {
	font-size: 1.2em;
	color:  #3a9ec2;
}

#posgrp_newsflash {
}

.posgrp_newsflash_splitter {
	float: left;
	width: 10px;
	margin: 0;
	padding: 0;
}

#pos_user1, #pos_user2, #pos_user3 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#pos_user1 h3, #pos_user2 h3, #pos_user3 h3 {
	font-size: 1.2em;
}

.posgrp_spotlight_splitter {
	float: left;
	width: 20px;
	margin: 0px 0px 50px 0px;
	padding: 0;
	text-align: center;
}

#pos_user4, #pos_user5, #pos_user6, #pos_user7 {
	float: left;
	margin: 0px 0px 50px 0px;
	padding: 0;
	font-size: 1em;
}
#pos_user4 h3, #pos_user5 h3, #pos_user6 h3 {
	font-size: 1.2em;
}

#pos_user9 {
	clear: both;
}

#pos_user9_splitter {
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}

#pos_content {
	clear: both;
}

#pos_banner {
	clear: both;
	margin: 20px 0px 20px 0px;
}

#pos_footer_menu {
	color: #777;
	font-size: 1em;
}

#pos_footer_menu a {
	color: #999;
	font-weight: bold;
}

#pos_footer {
	margin-top: 10px;
	font-size: 0.9em;
}

#pos_footer a {
	color: #090;
}

#section_newsflash {
	clear: both;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

#section_content {
	margin: 20px 0px 20px 0px;
	clear: both;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

#wrapper {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
}

#sns1 {
}

	#sns1_1 {
		float: left;
		width: 280px;
		height: 261px;
	}

		#sns1_2 {
			float: left;
		}

			#sns1_2_1 {
				width: 645px;
				height: 55px;
				background: url(../images/sns1_2_1.gif) top left no-repeat;
			}

			#sns1_2_2 {
				height: 47px;
			}

				#sns1_2_2_1 {
					float: left;
					width: 500px;
					height: 47px;
					background: url(../images/sns1_2_2_1.gif) top left no-repeat;
					overflow: hidden;
				}

				#sns1_2_2_2 {
					float: left;
					width: 5px;
					height: 47px;
					background: url(../images/sns1_2_2_2.gif) top left no-repeat;
				}

				#sns1_2_2_3 {
					float: left;
					width: 114px;
					height: 47px;
					background: url(../images/quickmenu_tag.gif) top left no-repeat;
					cursor: pointer;
				}

				#sns1_2_2_4 {
					float: left;
					width: 26px;
					height: 47px;
					background: url(../images/sns1_2_2_4.gif) top left no-repeat;
				}

			#sns1_2_3 {
				height: 25px;
			}

				#sns1_2_3_1 {
					float: left;
					width: 500px;
					height: 25px;
					background: url(../images/sns1_2_3_1.gif) top left no-repeat;
					overflow: hidden;
				}

				#sns1_2_3_2 {
					float: left;
					width: 145px;
					height: 25px;
					background: url(../images/sns1_2_3_2.gif) top left no-repeat;
				}

			#sns1_2_4 {
				width: 645px;
				height: 134px;
			}

#sns2 {
	clear: both;
}

	#sns2_1 {
		float: left;
		width: 280px;
		background: url(../images/sns2_1.gif) top left no-repeat;

		min-height: 357px;
		height: auto !important;
		height: 357px;
	}

	#sns2_2 {
		float: left;
		width: 619px;
		background: url(../images/sns2_2.gif) top left no-repeat;

		min-height: 357px;
		height: auto !important;
		height: 357px;
	}

		#main {
			margin: 12px 0px 0px 17px;
			width: 584px;
		}

	#sns2_2_wide {
		float: left;
		width: 899px;
		background: url(../images/sns2_2_wide.gif) top left no-repeat;

		min-height: 416px;
		height: auto !important;
		height: 416px;
	}

		#main_wide {
			margin: 12px 0px 0px 37px;
			width: 844px;
		}

	#sns2_3 {
		float: left;
		width: 26px;
	}

		#sns2_3_1 {
			width: 26px;
			height: 26px;
			background: url(../images/sns2_3_1.gif) top left no-repeat;
		}

		#sns2_3_2 {
			width: 26px;
			height: 30px;
			background: url(../images/sns2_3_2.gif) top left no-repeat;
		}

		#sns2_3_3 {
			width: 26px;
			height: 8px;
			background: url(../images/sns2_3_3.gif) top left no-repeat;
			overflow: hidden;
		}

		#sns2_3_4 {
			width: 26px;
			height: 13px;
			background: url(../images/sns2_3_4.gif) top left no-repeat;
			overflow: hidden;
			cursor: pointer;
		}

		#sns2_3_5 {
			width: 26px;
			height: 4px;
			background: url(../images/sns2_3_5.gif) top left no-repeat;
			overflow: hidden;
		}

		#sns2_3_6 {
			width: 26px;
			height: 13px;
			background: url(../images/sns2_3_6.gif) top left no-repeat;
			overflow: hidden;
			cursor: pointer;
		}

		#sns2_3_7 {
			width: 26px;
			height: 4px;
			background: url(../images/sns2_3_7.gif) top left no-repeat;
			overflow: hidden;
		}

		#sns2_3_8 {
			width: 26px;
			height: 13px;
			background: url(../images/sns2_3_8.gif) top left no-repeat;
			overflow: hidden;
			cursor: pointer;
		}

		#sns2_3_9 {
			width: 26px;
			height: 197px;
			background: url(../images/sns2_3_9.gif) top left no-repeat;
			overflow: hidden;
		}

#sns3 {
	clear: both;
	margin-top: 20px;
	height: 31px;
	background: url(../images/sns3.gif) top left no-repeat;
}

#sns4 {
	clear: both;
}

	#sns4_1 {
		float: left;
		width: 59px;
		height: 98px;
		background: url(../images/sns4_1.gif) top left no-repeat;
	}

	#sns4_2 {
		float: left;
		background: url(../images/sns4_back.gif) top left repeat-x;
		width: 801px;

		min-height: 98px;
		height: auto !important;
		height: 98px;
	}

	#sns4_3 {
		float: left;
		width: 65px;
		height: 98px;
		background: url(../images/sns4_2.gif) top left no-repeat;
	}

	#sns4_splitter {
		float: left;
		width: 35px;
		height: 98px;
		background: url(../images/sns4_splitter.gif) top left repeat-x;
	}

#sns5 {
	clear: both;
	width: 925px;
	height: 4px;
	background: url(../images/sns5.gif) top left no-repeat;
	margin-top: 20px;
}

#sns6 {
	clear: both;
	width: 925px;
	margin: 20px 0px 20px 0px;
}

	#sns6_2 {
		float: right;
		text-align: right;
	}

#quickmenu {
	position: absolute;
	display: block;
	visibility: hidden;
	left: 0px;
	top: 0px;
}
#quickmenu_shadow {
	position: absolute;
	display: block;
	visibility: hidden;
	left: 0px;
	top: 0px;
}

#quickmenu_top {
	width: 114px;
	height: 6px;
	background: url(../images/quickmenu_top.gif) top left no-repeat;
	overflow: hidden;
}
#quickmenu_top_shadow {
	width: 114px;
	height: 6px;
	background: url(../images/quickmenu_top_shadow.gif) top left no-repeat;
	overflow: hidden;
}

#quickmenu_bottom {
	width: 114px;
	height: 6px;
	background: url(../images/quickmenu_bottom.gif) top left no-repeat;
	overflow: hidden;
}
#quickmenu_bottom_shadow {
	width: 114px;
	height: 6px;
	background: url(../images/quickmenu_bottom_shadow.gif) top left no-repeat;
	overflow: hidden;
}

#quickmenu_cnt {
	width: 114px;
	overflow: hidden;
	background: url(../images/quickmenu_back.gif) top left repeat-y;
}
#quickmenu_cnt_shadow {
	width: 114px;
	overflow: hidden;
	background: url(../images/quickmenu_back_shadow.gif) top left repeat-y;
}

.quickmenu_item {
	width: 114px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.quickmenu_item a {
	font-size: 8pt;
	font-weight: bold;
	color: #777;
}

.quickmenu_splitter {
	width: 114px;
	height: 1px;
	background: url(../images/quickmenu_splitter.gif) top left no-repeat;
	overflow: hidden;
}

PHP:

Код:

<body>

<div id="wrapper">

	<div id="sns1">
		<div id="sns1_1"><img src="<?php echo $template_path; ?>/images/header_a.gif" alt="" /></div>
		<div id="sns1_2">
			<div id="sns1_2_1"></div>
			<div id="sns1_2_2">
				<div id="sns1_2_2_1"><?php $template->echo_header_menu(); ?></div>
				<div id="sns1_2_2_2"></div>
				<div id="sns1_2_2_3" onmouseover="qm.mouseover()" onmouseout="qm.mouseout()" onclick="qm.tagclick(this)"></div>
				<div id="sns1_2_2_4"></div>
			</div>
			<div id="sns1_2_3">
				<div id="sns1_2_3_1"></div>
				<div id="sns1_2_3_2"></div>
			</div>
			<div id="sns1_2_4"><img src="<?php echo $template_path; ?>/images/header_b.gif" alt="" /></div>
		</div>
	</div>

	<div id="sns2">
<?php
	if (mosCountModules( 'left' )) {
?>
		<div id="sns2_1">
			<div id="pos_left">
<?php mosLoadModules ( 'left', -2 ); ?>
			</div>
		</div>
<?php
	}
?>
		<div id="sns2_2<?php echo $template->main_suffix ?>">
			<div id="main<?php echo $template->main_suffix ?>">
				<div id="pathway"><?php mospathway(); ?></div>
<?php

	// build position group: news flash
	if (!empty($template->newflash_grp)) {
?>
			<div id="section_newsflash"><img src="<?php echo $template_path; ?>/images/titlebar_newsflash.gif" alt="news flash" /></div>
<?php
		$first = true;
		foreach ($template->newflash_grp as $position) {
			if ($first) {
				$first = false;
			}
			else {
?>
			<div class="posgrp_newsflash_splitter">&nbsp;</div>
<?php
			}
?>
			<div style="width:<?php echo $template->newflash_item_width; ?>px;" id="pos_<?php echo $position; ?>">
<?php
			mosLoadModules( $position, -2 );
?>
			</div>
<?php

		}
	}
?>
			<div style="clear:both;"></div>
			<div id="section_content"><img src="<?php echo $template_path; ?>/images/titlebar_content.gif" alt="" /></div>
			<a name="content"></a>
<?php
	if (mosCountModules( 'user9' )) {
?>
			<div id="pos_user9"><?php mosLoadModules ( 'user9', -2 ); ?></div>
			<div id="pos_user9_splitter"></div>
<?php
	}
?>

			<div id="pos_content">	
				<?php mosMainBody(); ?>
			</div>

<?php
	if (mosCountModules( 'banner' )) {
?>
			<div id="pos_banner">
				<?php mosLoadModules ( 'banner', -1 ); ?>
			</div>
<?php
	}
?>

			</div>
		</div>
		<div id="sns2_3">
			<div id="sns2_3_1"></div>
			<div id="sns2_3_2"></div>
			<div id="sns2_3_3"></div>
			<div id="sns2_3_4" onclick="set_font_big(true)"></div>
			<div id="sns2_3_5"></div>
			<div id="sns2_3_6" onclick="set_font_small(true)"></div>
			<div id="sns2_3_7"></div>
			<div id="sns2_3_8" onclick="set_font_normal(true)"></div>
			<div id="sns2_3_9"></div>
		</div>
	</div>
<?php

	// build position group: spotlight
	if (!empty($template->spotlight_grp)) {
?>
	<div style="clear:both;"></div>
	<div id="sns3"></div>

	<div id="sns4">
		<div id="sns4_1"></div>
		<div id="sns4_2">
<?php

		$first = true;
		foreach ($template->spotlight_grp as $position) {
			if ($first) {
				$first = false;
			}
			else {
?>
			<div class="posgrp_spotlight_splitter"><img src="<?php echo $template_path; ?>/images/sns4_splitter.gif" alt="" /></div>
<?php
			}
?>
			<div style="width:<?php echo $template->spotlight_item_width; ?>px;" id="pos_<?php echo $position; ?>">
<?php
			mosLoadModules( $position, -2 );
?>
			</div>
<?php

		}
?>
		</div>
		<div id="sns4_3"></div>
	</div>
<?php
	}
?>

	<div id="sns5"></div>

	<div id="sns6">
	
		<div id="sns6_2">
			<div id="pos_footer_menu"><?php $template->echo_footer_menu(); ?></div>

<?php
	if (mosCountModules( 'footer' )) {
?>
			<div id="pos_footer"><?php mosLoadModules ( 'footer', -1 ); ?></div>
<?php
	}
?>
		</div>
		<a href="javascript:void(0)" onclick="goto_top()"><img src="<?php echo $template_path; ?>/images/goto_top.gif" alt="top" border="0" /></a>

	</div>
</div>

<div id="quickmenu_shadow">
	<div id="quickmenu_top_shadow"></div>
	<div id="quickmenu_cnt_shadow"></div>
	<div id="quickmenu_bottom_shadow"></div>
</div>

<div id="quickmenu">
	<div id="quickmenu_top" onmouseover="qm.mouseover()" onmouseout="qm.mouseout()"></div>
	<div id="quickmenu_cnt">
	<?php $template->echo_quick_menu(); ?>
	</div>
	<div id="quickmenu_bottom" onmouseover="qm.mouseover()" onmouseout="qm.mouseout()"></div>
</div>

<?php
	// print debug position
	mosLoadModules( 'debug', -1 );
?>

</body>

Сайт:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

rosalin · 13 Янв 2009

помогу

стучи в асю 2224706 помогу

suhofruct09 · 15 Янв 2009

Вставить в соответствующем месте

<?php mosLoadModules ( 'right', -2 ); ?>

А затем в админке выбираешь "Модули сайта", там ищеш то что тебе надо, жмешь "редактировать" и ставишь ему Позиция: right

k2651 · 17 Янв 2009

Вы меня поправте если я не то говрю, но мне кажется там в CSS DIV-ми всё разбито. Т.е.

suhofruct09 написал(а):
Вставить в соответствующем месте

<?php mosLoadModules ( 'right', -2 ); ?>

А затем в админке выбираешь "Модули сайта", там ищеш то что тебе надо, жмешь "редактировать" и ставишь ему Позиция: right

не будет работать коретно.

suhofruct09 · 21 Янв 2009

k2651 написал(а):
Вы меня поправте если я не то говрю, но мне кажется там в CSS DIV-ми всё разбито. Т.е.

не будет работать коретно.

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

Или в какую точку его вставить чтобы верстка не поплыла?

Или что делать с кодом который лежит глубоко в джумле и выводится вместе с правым меню? Его как правило проблемно менять.

SRU-tv · 5 Фев 2009

Выполнить через модули сайта - кратчайший вариант.

Otto · 8 Фев 2009

Не очень красиво но работает :ah:

Код:

<style>
<!--
#ie5menu     { position: absolute; width: 210px; background-color: menu; font-family: Tahoma; font-size: 12px; line-height: 20px; cursor: default;  visibility: hidden; border: 2px outset default }
.menuitems   { padding-left: 15px; padding-right: 15px }
.mycur {cursor : url(default12.cur);}   //-->
</style>
 <script>
var display_url=0
function showmenuie5(){
ie5menu.style.left=document.body.scrollLeft+event.clientX
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</script>
<script>
<!--
function correct(){
if (finished){
setTimeout("begin()",1000)
}
return true
}
window.onerror=correct
function begin(){
if (!document.all)
return
if (maxheight==null)
maxheight=temp.offsetHeight
whatsnew.style.height=maxheight
temp.style.display="none"
c=1
finished=true
change()
}
//-->
</script>

<!--[if IE]><div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="ссылка" target="main">Link 1</div>
<div class="menuitems" url="ссылка" target="main">Link 2</div>
<div class="menuitems" url="ссылка" target="main">Link 3</div>
</div>
<![endif]-->
<script>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>

Помогите подправить шаблон под Joomlу.

k2651

Постоялец

rosalin

Создатель

suhofruct09

Писатель

k2651

Постоялец

suhofruct09

Писатель

SRU-tv

Создатель

Otto

Постоялец