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

Тема в разделе "Веб-дизайн", создана пользователем k2651, 11 янв 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. k2651

    k2651

    Регистр.:
    21 дек 2008
    Сообщения:
    169
    Симпатии:
    103
    Подскажите пожалуйста, как в шаблон добавить правое меню (или правую колонку) с модулем 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>
    
    Сайт:http://my-babe.ru/
     
  2. rosalin

    rosalin Создатель

    Регистр.:
    25 сен 2006
    Сообщения:
    27
    Симпатии:
    3
    помогу

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

    suhofruct09 Писатель

    Регистр.:
    10 янв 2009
    Сообщения:
    3
    Симпатии:
    0
    Вставить в соответствующем месте

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

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

    k2651

    Регистр.:
    21 дек 2008
    Сообщения:
    169
    Симпатии:
    103
    Вы меня поправте если я не то говрю, но мне кажется там в CSS DIV-ми всё разбито. Т.е.
    не будет работать коретно.
     
  5. suhofruct09

    suhofruct09 Писатель

    Регистр.:
    10 янв 2009
    Сообщения:
    3
    Симпатии:
    0
    Возможно я ваш вопрос неправильно понял. Вас интересует что вставить чтобы в коде появилось содержание правого меню?

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

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

    SRU-tv Создатель

    Регистр.:
    16 сен 2007
    Сообщения:
    20
    Симпатии:
    0
    Выполнить через модули сайта - кратчайший вариант.
     
  7. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    484
    Симпатии:
    158
    Не очень красиво но работает :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>
    
     
Статус темы:
Закрыта.