Помогите пожалуйста разобраться с шаблоном

Manager87 · August 13, 2013

Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить:

1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется.

2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево

Сам пытался, пробовал разные варианты, но ничего не выходит....

August 13, 2013

позиция leo-content-toptop, мне нужно увеличить ширину этой позиции

Сразу выведи что-нибудь в эту позицию. Custom html или любой другой модуль, чтобы было видно.

Manager87 · August 13, 2013

Вывел

August 13, 2013

@Manager87, ну, он растянут на максимальную ширину, т.е. 100%

Manager87 · August 13, 2013

Я вот вывел туда картинки A , B, C можно ли сделать чтобы позиция где картинка A, была такой же ширины как и B, C?

August 13, 2013

Надо убрать вывод контента с главной. И сделать только вывод модулей. Для этого выбери тип - избранные материалы, для пункта меню который в состоянии главная.

Manager87 · August 13, 2013

Не помогло

Выбрал избранные материалы для пункта меню, потом в template.css написал width:..; ничего не меняется..

Edited August 13, 2013 by Manager87

npofopr · August 14, 2013




#leo-content-toptop
width: 3000px%;
}

Это 5+

У вас у родителя стоит 60% вот и не получается ничего


#leo-maincontent-inner {
width: 60%;
}

У вас куча вложенностей, вот вы и теряетесь.

Взяли бы сетку, чем свой огород городить

Edited August 14, 2013 by npofopr

Manager87 · August 14, 2013

#leo-content-toptop
width: 3000px%;
}
Это 5+
У вас у родителя стоит 60% вот и не получается ничего
#leo-maincontent-inner {
width: 60%;
}
У вас куча вложенностей, вот вы и теряетесь.
Взяли бы сетку, чем свой огород городить

Я все файлы вроде посмотрел,но нигде не могу найти где прописано значение родителя...

Manager87 · August 14, 2013

#leo-content-toptop
width: 3000px%;
}
Это 5+
У вас у родителя стоит 60% вот и не получается ничего
#leo-maincontent-inner {
width: 60%;
}
У вас куча вложенностей, вот вы и теряетесь.
Взяли бы сетку, чем свой огород городить
Я все файлы вроде посмотрел,но нигде не могу найти где прописано значение родителя...

Подскажите пожалуйста, где я могу найти? В Chrome при просмотре кода элемента показывает что в index.php, но в этом файле ничего такого нет..

Edited August 14, 2013 by Manager87

npofopr · August 14, 2013

view-source:http://muslim87.byethost31.com/index.php/ru/

26 строка


<style type="text/css">
.leo-container { max-width: 960px!important; }  #leo-content { width: 100%; }  #content-left { width: 20%; }  #content-right { width: 20%; }  #leo-maincontent-inner { width: 60%; }
  </style>

Manager87 · August 14, 2013

view-source:http://muslim87.byethost31.com/index.php/ru/

26 строка


<style type="text/css">
.leo-container { max-width: 960px!important; } #leo-content { width: 100%; } #content-left { width: 20%; } #content-right { width: 20%; } #leo-maincontent-inner { width: 60%; }
</style>

Проблема в том что в файле index.php таких строк нет...

August 14, 2013

Файл index.php находится в папке c шаблоном, а шаблон находится в папке templates. Если же там мало букав... То смотри в папках, layouts или includes,Файл может называться deffault.php , или как-то по-другому. Это зависит как написан шаб.

Manager87 · August 14, 2013

К сожалению нигде не смог найти...

npofopr · August 14, 2013

Скопируйте к себе на компьютер сайт, и простым поиском найдите текст, ну или на сервере, я не знаю, какие у вас к нему доступы.

Edited August 14, 2013 by npofopr

Manager87 · August 14, 2013

Скажите пож-ста, а как можно шаблон передвинуть влево? ну например он как бы стоит по центру, мне нужно его передвинуть.

npofopr · August 14, 2013


template.css:108
.leo-container {
margin: 0 auto;
}

убрать auto. Оставить только 0

Manager87 · August 14, 2013

template.css:108
.leo-container {
margin: 0 auto;
}
убрать auto. Оставить только 0

Получилось. Спасибо большое. Жаль плюс не могу поставить

Manager87 · August 14, 2013

Скопируйте к себе на компьютер сайт, и простым поиском найдите текст, ну или на сервере, я не знаю, какие у вас к нему доступы.

К сожалению так и не смог найти...перерыл все файлы нигде нет...

Manager87 · August 15, 2013

Файл index.php


<?php
/*————————————————————————
# Leo Template Framework -
# ————————————————————————
————————————————————————-*/
// no direct access
defined('_JEXEC') or die('Restricted access');
if( !defined("_LEO_FRAMEWORK_ACTIVED_") ){
die( JText::_("TPL_LEO_TEMPLATE_MISSING_PLUGIN_DESC") );
}
// require framework
require_once( JPATH_PLUGINS.DS."system".DS."leofw".DS.'libs'.DS."classes".DS."framework.php" );
$customParams = array();
$LeoHelper = LeoTemplateHelper::getInstance( $this, $customParams );
$LeoHelper->renderLayout( dirname(__FILE__) );
?>

Файл default.php


<?php
/*————————————————————————
# Leo Template Framework -
# ————————————————————————
————————————————————————-*/
defined( '_JEXEC' ) or die( 'Restricted access' );
$docs = JFactory::getDocument();
$menustyle = $this->getParam('leo_menustyle');
$default_menu = $this->getParam('menutype');
$customColor = $this->getParam('use_custom_color',0);
$customBody = $this->getParam('enable_custom_body',0);
$customTops = $this->getParam('enable_custom_tops',0);
$customBottoms = $this->getParam('enable_custom_bottoms',0);
$userControl = $this->getParam('enable_toolspanel',0);
$customTopColor = $this->getParam('use_custom_top_color',0);
$customBottomColor = $this->getParam('use_custom_bottom_color',0);
$paramColor	 = $this->getParam("bg_body",'EEEEEE');
$topBgColor	 = $this->getParam("top_bgcolor",'032e28');
$bottomBgColor	 = $this->getParam("bottom_bgcolor",'FFFFFF');
$bodytextColor	 = $this->getParam("body_text_picker",'000000');
$bodylinkColor	 = $this->getParam("body_link_picker",'FFFFFF');
$toptextColor	 = $this->getParam("leo_text_top",'FFFFFF');
$toplinkColor	 = $this->getParam("leo_link_top",'FFFFFF');
$bottomtextColor	 = $this->getParam("leo_text_bottom",'FFFFFF');
$bottomlinkColor	 = $this->getParam("leo_link_bottom",'FFFFFF');
$layout	 = $this->getParam("layout",'-lcr');

$menu = $this->getMenu( "mega" , $this->_templateName, $this->objTemplate->params );
$this->addCustomCssRule( '.leo-container { max-width: ' . $this->getParam('template_width','960px') . '!important; }' );
$this->calTemplateColumnsWidth();

$bgbodyClass = $customBody?$this->getParam("image_bottom-pattern",'pattern2'):"";
if($customColor == 1 && $customBody == 1){
if(($paramColor != 'FFFFFF')){
$docs->addStyleDeclaration(
' #leo-page { background-color: #' . $paramColor . ';
}'
);
}
$docs->addStyleDeclaration(
' #leo-page { color: #' . $bodytextColor . ';
}
#leo-page a{ color: #' . $bodylinkColor . ';
}'
);
}
if($customTopColor == 1 && $customTops == 1){
$docs->addStyleDeclaration(
'
#leo-toppos { color: #' . $toptextColor . ';
}
#leo-toppos { background-color: #' . $topBgColor . ';
}
#leo-toppos a{ color: #' . $toplinkColor . ';
}'
);
}
$bgbottomClass = '';
if($customBottomColor == 1 && $customBottoms == 1){
$docs->addStyleDeclaration(
'
#leo-blockbottom { color: #' . $bottomtextColor . ';
}
#leo-blockbottom { background-color: #' . $bottomBgColor . ';
}
#leo-blockbottom a{ color: #' . $bottomlinkColor . ';
}'
);
$bgbottomClass = $this->getParam("image_bottoms",'pattern0');
}


?>
<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?php JHTML::_('behavior.mootools'); ?>
<?php $this->renderBlock( "head" ); ?>
</head>
<body id="leo-page" class="fs<?php echo $this->getUserParam( 'font' ); ?> <?php echo $bgbodyClass;?>">
<div id="page-container">
<div id="page-container-inner">

<?php $this->renderBlock( "toppos" ); ?>

<!-- HEADER BLOCK -->
<div id="leo-blockheader" class="wrap" >
<div class="inner-wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <?php $this->renderBlock( "logo" ); ?>
		 <!-- HEADER TOP -->
		 <?php if($this->countModules('header-top')) : ?>
		 <div id="leo-header-top" >
			 <div id="leo-header-top-inner" >
				 <jdoc:include type="modules" name="header-top" style="leoxhtml" />
			 </div>
		 </div>
		 <?php endif; ?>


	 </div>
	 </div>
</div>
</div>

	 <!-- HEADER BLOCK1 -->
			 <!-- MAIN TOP MENU -->
		 <div id="leo-mainmenu" class="wrap">
		 <div class="leo-container">
		 <div class="leo-container-inner">
			 <div class="mainmenu">
			 <?php $menu->preProcess()->render(); ?>
			 </div>
	 <?php if( $this->getParam("enable_responsive",1) ): ?>
		 <!-- RESPONESIVE MENU -->
		 <div id="leo-responsivemenu">
<?php $this->getMenu( "combobox" , $this->_templateName, $this->objTemplate->params )->preProcess()->render();?>		
		 </div>

		 <!-- END RESPONESIVE MENU //-->
		 <?php endif; ?>
			 <?php if($this->countModules('search')) : ?>
		 <div id="leo-search" >
		 <jdoc:include type="modules" name="search" style="leoxhtml" />
		 </div>
		 <?php endif; ?>
		 </div>


		 </div>
		 </div>
		 <!-- END MAIN TOP MENU -->

	 <?php if( $this->countModules("slideshow") ) : ?>
<div id="leo-slideshow" class="wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <jdoc:include type="modules" name="slideshow" style="leoxhtml" />
	 </div>
	 </div>
</div>
<?php endif; ?>



<?php $this->renderBlock( "cols", array( "name"=>"top", 'numcols'=>4, 'start'=>1, "id"=>"headertop" ) ); ?>

<!-- END HEADER BLOCK //-->


<?php $this->renderBlock( "cols", array( "name"=>"user", 'numcols'=>4, 'start'=>1, "id"=>"usertop1" ) ); ?>
	 <?php if($this->countModules('showcase-top')) : ?>
<div id="leo-showcase-top" class="wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <jdoc:include type="modules" name="showcase-top" style="leoxhtml" />
	 </div>
	 </div>
</div>
<?php endif; ?>
<?php $this->renderBlock( "cols", array( "name"=>"user", 'numcols'=>4, 'start'=>5, "id"=>"usertop2" ) ); ?>
<?php $this->renderBlock( "cols", array( "name"=>"user", 'numcols'=>4, 'start'=>9, "id"=>"userbottom" ) ); ?>

<!-- MAIN WRAPPER BLOCK -->
<?php $this->renderBlock( "mainwrap" );?>
<!-- END MAIN WRAPPER BLOCK -->

	 <?php if($this->countModules('showcase-bottom1')) : ?>
<div id="leo-showcase-bottom1" class="wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <jdoc:include type="modules" name="showcase-bottom1" style="leoxhtml" />
	 </div>
	 </div>
</div>
<?php endif; ?>

	 <?php if($this->countModules('showcase-bottom2')) : ?>
<div id="leo-showcase-bottom2" class="wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <jdoc:include type="modules" name="showcase-bottom2" style="leoxhtml" />
	 </div>
	 </div>
</div>
<?php endif; ?>
	 <?php if($this->countModules('breadcrumbs-bottom')) : ?>
<div id="leo-breadcrumbs-bottom" class="wrap">
	 <div class="leo-container">
	 <div class="leo-container-inner">
		 <jdoc:include type="modules" name="breadcrumbs-bottom" style="leoxhtml" />
	 </div>
	 </div>
</div>
<?php endif; ?>
<?php $this->renderBlock( "cols", array( "name"=>"user", 'numcols'=>5, 'start'=>13, "id"=>"userbottom1", "style"=>"leoxhtml2" ) ); ?>
<div id="leo-blockbottom" class="wrap <?php echo $bgbottomClass;?>">
<div class="inner-wrap">

	 <?php $this->renderBlock( "cols", array( "name"=>"user", 'numcols'=>4, 'start'=>18, "id"=>"userbottom2", "style"=>"leoxhtml2" ) ); ?>
	 <!-- FOOTER BLOCK -->
	 <?php echo $this->renderBlock( "footer" ); ?>
	 <!-- END FOOTER BLOCK -->
</div>
</div>

</div>
</div>
<jdoc:include type="modules" name="debug" />
<?php if( $this->getParam('enable_toolspanel',1) ) { $this->renderAddon( "toolspanel" ); } ?>
<?php if( $this->getParam('enable_ga',0) ) { $this->renderAddon( "ga" ); } ?>

</body>
</html>

Файл mainwrap.php


<?php
/*————————————————————————
# Leo Template Framework -
# ————————————————————————
————————————————————————-*/
defined( '_JEXEC' ) or die( 'Restricted access' );

?>
<div id="leo-mainwrap" class="wrap <?php echo $this->getPageClassSuffix(); ?>">
<div class="leo-container">
	 <div class="leo-container-inner">
	 <?php if($this->countModules('breadcrumbs-top')) : ?>
<div id="leo-breadcrumbs-top" class="wrap">
		 <jdoc:include type="modules" name="breadcrumbs-top" style="leoxhtml" />
</div>
<?php endif; ?>
	 <div id="leo-mainwrap<?php // echo $leo_width; ?>" class="clearfix leo-layout<?php if($this->getUserParam('layout') =='-lcr' || $this->getUserParam('layout') =='-crl' || $this->getUserParam('layout') =='-rcl'){echo $this->getUserParam('layout');}else{echo $this->getParam('layout');}?>">
<?php echo $this->renderBlock( "left" );?>	
		 <div id="leo-content">
		 <div id="leo-content-inner">
		 <?php $this->renderBlock( "cols", array( "name"=>"content-top", 'numcols'=>3, 'start'=>1, "id"=>"colspan1", 'wrapclass'=>"col-wrapper" ) ); ?>
			 <div id="leo-maincontent" class="clearfix">

	 <?php if( $this->countModules("content-left") ): ?>
			 <div id="leo-content-left">
	 <jdoc:include type="modules" name="content-left" style="leoxhtml" />
	 </div>
			 <?php endif; ?>

			 <div id="leo-maincontent-inner">
			 <?php if( $this->countModules("content-toptop") ): ?>
			 <div id="leo-content-toptop">
	 <jdoc:include type="modules" name="content-toptop" style="leoxhtml" />
	 </div>
			 <?php endif; ?>
			 <jdoc:include type="message" />
			 <jdoc:include type="component" />
			 </div>

			 <?php if( $this->countModules("content-right") ): ?>
			 <div id="leo-content-right">
	 <jdoc:include type="modules" name="content-right" style="leoxhtml" />
	 </div>
			 <?php endif; ?>
		 </div>
		 <?php if( $this->countModules("content-bottombottom") ): ?>
			 <div id="leo-content-bottombottom">
	 <jdoc:include type="modules" name="content-bottombottom" style="leoxhtml" />
	 </div>
			 <?php endif; ?>
		 <?php $this->renderBlock( "cols", array( "name"=>"content-bottom", 'numcols'=>3, 'start'=>1, "id"=>"colspan2", 'wrapclass'=>"col-wrapper" ) ); ?>
		 </div>
	 </div>
	 <?php echo $this->renderBlock( "right" );?>
	 </div>
</div>
</div>
</div>

layout.css


/*————————————————————————
# Leo Template Framework -
# ————————————————————————
————————————————————————-*/
/* CONTENT'S GRIDS
——————————————————— */
.clear { clear: both; }
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.items-row .item { float: left; position: relative;}
.cols-1 .item { width: 100%; }
.cols-2 .item { width: 20%; }
.cols-3 .item { width: 33.33%; }
.cols-4 .item { width: 25%; }
.cols-5 .item { width: 20%; }

Template.css


/*————————————————————————
# Leo Template Framework -
# ————————————————————————
————————————————————————-*/
html, body, fieldset {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: "Arial";
}
body.fs1 {
font-size: 10px;
line-height: 16px;
}
body.fs2 {
font-size: 11px;
line-height: 17px;
}
body.fs3 {
font-size: 12px;
line-height: 20px;
background: url(../images/default/bg-body.png) repeat left top scroll #e6e6e6;
}
body.fs4 {
font-size: 13px;
line-height: 19px;
}
body.fs5 {
font-size: 14px;
line-height: 20px;
}
body.fs6 {
font-size: 15px;
line-height: 21px;
}
.wrap {
clear: both;
width: 100%;
}
a {
outline: none;
color: #515151;
text-decoration: none;
}
a:hover, a:active, a:focus {
color:#f278c7;
}
/*  */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body {
line-height: 1;
font-size:12px;
color: #666;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
}
ul {
list-style: none;
}
img {
max-width:100%
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
/* PAGE AND CONTAINER STYLE ——--*/
#page-container-inner {
width:100%;
}
.leo-container {
margin: 0 ;
margin-left: 10px;
}
/**
* TOP POST STYLE
*/
#leo-blockheader {
background: url(../images/default/bg-header.png) repeat-x left top scroll;
}
#leo-blockheader .leo-container-inner {
position: relative;
display: inline-block;
width: 99%;
z-index:10;
}
#leo-toppos, #leo-usertop1, #leo-usertop2, #leo-userbottom, #leo-userbottom1, #leo-userbottom2, #leo-userwrap7 {
margin: 0;
width: 100%;
clear: both;
}
#leo-showcase-bottom-inner, #leo-slideshow-inner, #leo-usertop1-inner, #leo-mainwrap-inner, #leo-userbottom-inner {
padding: 20px 8px 0;
display: block;
overflow: hidden;
}
#leo-usertop1-inner {
padding-left:10px;
padding-right: 10px;
}
#leo-toppos-inner-inner, #leo-usertop1-inner-inner, #leo-usertop2-inner-inner, #leo-breadcrumbs-top-inner-inner, #leo-breadcrumbs-bottom-inner-inner, #leo-userbottom-inner-inner, #leo-userbottom1-inner-inner, #leo-userbottom2-inner-inner {
padding: 0;
}
#leo-toppos {
background: url(../images/default/bg-top.png) repeat left top scroll #d4d9d6;
display: inline-block;
}
#leo-toppos.bg_top0 {
background-image: url(../images/bgtop/bg_top0.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top1 {
background-image: url(../images/bgtop/bg_top1.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top2 {
background-image: url(../images/bgtop/bg_top2.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top3 {
background-image: url(../images/bgtop/bg_top3.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top4 {
background-image: url(../images/bgtop/bg_top4.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top5 {
background-image: url(../images/bgtop/bg_top5.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top6 {
background-image: url(../images/bgtop/bg_top6.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top7 {
background-image: url(../images/bgtop/bg_top7.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos.bg_top8 {
background-image: url(../images/bgtop/bg_top8.png);
background-position: left top;
background-repeat: repeat;
}
#leo-toppos-inner {
padding: 0;
}
#leo-usertop1-inner {
}
#leo-userbottom1-inner {
padding: 0;
overflow: hidden;
}
/* BREADCRUMBS——--*/
#leo-breadcrumbs-bottom, #leo-breadcrumbs-top {
}
#leo-breadcrumbs-bottom .leo-container, #leo-breadcrumbs-top .leo-container {
}
#leo-breadcrumbs-bottom .moduletable, #leo-breadcrumbs-top .moduletable {
margin-bottom: 0;
}
/* COLSPAN ———--*/
#leo-colspan1 {
border-bottom: 1px solid #eff0ef;
padding: 0 5px;
  margin: 0 -5px;
}
#leo-colspan1 .col-wrapper {
border-bottom: 1px solid #DEDEDE;
    margin: 0 -5px 1px;
padding: 0 5px;
}
#leo-colspan1 .col-wrapper .col-wrapper-inner{
padding-bottom: 20px;
}
#leo-colspan1 .col-wrapper-inner {
overflow: hidden;}
#leo-colspan1 .leo-module {
margin-bottom: 0;
}
/* MODULETABLE ——--*/
div.modulecontent {
padding: 0 10px;
}
h3.moduletitle {
    color: #333333;
    font: 18px/35px 'Arial';
margin: 0;
}
div.leo-module {
position: relative;
margin: 0 0 10px;
}
#leo-usertop1 .leo-box-inside {
padding: 0 5px;
}
/* HEADER
————————--*/
#leo-blockheader .leo-container-inner {
margin:0;
}
#leo-toppos .leo-module, #leo-blockheader .leo-module {
margin: 0;
}
/* LOGO ———*/
#leo-logo {
float: left;
width: 175px;
}
#leo-logo .leo-logo {
margin: 23px 0;
display: block;
}
#leo-logo .leo-logo a {
display: block;
width: 175px;
height: 43px;
background: url(../images/default/logo.png) no-repeat 0 0;
}
#leo-logo .leo-logo a span {
display: none;
}
/* HEADER TOP——-*/
#leo-header-top {
float: right;
position: relative;
}
#leo-header-top-inner {
margin: 10px 0;
display: inline-block;
}
#leo-header-top .modulecontent {
padding: 0;
}
/* TOP MENU ——*/
#leo-time {
}
#leo-topmenu {
float: left;
}
#leo-topmenu ul.menu {
    display: inline-block;
    margin: 4px 0 7px;
    overflow: hidden;
}
#leo-topmenu ul.menu li {
    display: inline-block;
    float: left;
margin: 0 15px;
}
#leo-topmenu ul.menu li a {
color: #71767b;
text-shadow: 0 1px 1px #fff;
  font: bold 11px 'Arial';
}
#leo-topmenu ul.menu li a:hover {
color: #F278C7;
}
#leo-topmenu ul.menu li:first-child {
margin-left: 0;
}
#leo-toppos-right {
float: right;
}
#leo-toppos .modulecontent {
padding: 0;
}
/* SEARCH ——--*/
#leo-search {
background: url(../images/default/bg-search.png) repeat-x left top scroll;
border-radius: 0 5px 5px 0;
height:47px;
right:0;
top:0;
position: absolute;
  z-index: 15px;
}
#leo-search div.search {
background:none;
width:100%;
display:inline-block;
border: 0px solid #3b2569;
}
#mod-search-searchword {
background: url(../images/default/icon-search.png) no-repeat scroll 99% 50% #2977c8;
border: 1px solid #5db6f6;
box-shadow: 0 0 4px #256cb6 inset;
color:#fff;
float:right;
height: 25px;
font-size:12px ;
border-radius: 0;
margin: 8px 0;
border-radius: 5px;
text-transform: none;
padding-left:10px;
}
#leo-search .button {
float:right;
}
/* blockheader1 */
#leo-blockheader1 {
position: relative;

}
/* MAINMENU
————————--*/
#leo-blockheader1 {

}
#leo-mainmenu .leo-container-inner {
display: inline-block ;
width:100%;
margin-bottom:10px;
position: relative;
}
#leo-responsivemenu,
#leo-mainmenu .mainmenu {
background: url(../images/default/bg-menu.png) repeat-x left top scroll;
border-radius: 5px 5px;
height:47px;
}
#leo-responsivemenu {
display:none;
}
/* SLIDESHOW
————————--*/
#leo-slideshow {
}
/* showcase top
————————--*/
#leo-showcase-top .moduletable {
  background: #fbfbfb;
  border: 1px solid #cacaca;
  border-radius: 7px;
}
#leo-showcase-top .moduletable .leomodule{
  border: 1px solid #fff;
  border-radius: 8px;
}
/*usertop2*/
#leo-usertop2 .leo-container-inner{

}
#leo-usertop2 .modulecontent {
padding: 0;
}
/*showcase-bottom1*/
#leo-showcase-bottom1 {
}
#leo-showcase-bottom1 .leo-container {
}
#leo-showcase-bottom1 .moduletable {
background: #fff;
border: 1px solid #cacaca;
border-radius: 5px;
}
/*
* SPORTLIHT
*/

.leo-usercol {
float: left;
}
.leo-box-inside {
padding: 0 10px;
}
#leo-mainwrap {
width:100%;
display:inline-block;
}
#leo-mainwrap-inner {
display:block;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
div.page-inset {
width:100%;
display: inline-block;
}
#leo-mainwrap .leo-container #leo-mainwrap {
}
/*
* WIDTH, DIRECTION ALIGNMENT FOR ALL COLUMNS
*/
#leo-mainwrap .leo-container-inner {
  padding: 0;
}
#leo-mainwrap, #leo-mainwrap-left, #leo-mainwrap-right, #leo-mainwrap-full {
width: 100%;
}
/* Create a default width for three 3 main column */
#leo-left {
float: left;
}
#leo-content {
float: left;
}
#leo-right {
float: right;
}
#leo-mainwrap-left #leo-content {
width: 75%;
}
#leo-mainwrap-right #leo-content {
width:75%
}
#leo-mainwrap-full #leo-content {
width: 100%;
}
#leo-left-inner{
margin: 0 10px 0 0}
#leo-right-inner{
  margin: 0 0 0 10px}
#leo-content-inner {
margin: 0 0 10px;
}
#leo-usertop1 .leo-container-inner, #leo-usertop2 .leo-container-inner,
#leo-showcase-bottom1 .leo-container-inner, #leo-showcase-bottom2 .leo-container-inner {
overflow: hidden;
}
/* Left Column */
#leo-left {
}
.leo-layout-crl #leo-content, .leo-layout-lrc #leo-content {
margin: 0;
}
.leo-layout-crl #leo-left {
float: right;
}
.leo-layout-crl #leo-content {
float: left;
}
.leo-layout-crl #leo-right {
float: right;
}
/* Right Column  */

.leo-layout-lrc #leo-right {
float: left;
}
.leo-layout-lrc #leo-content {
float: right;
}
/* Right Column  */
.leo-layout-rcl #leo-right {
float: left;
}
.leo-layout-rcl #leo-left {
float: right;
}
.leo-layout-rcl #leo-content {
float: right;
}
/*module in left and right*/
#leo-right .leo-module,
#leo-left .leo-module {
background: #e7e7e7;
border-radius: 5px;
border: 1px solid #cacaca;
}
#leo-right .leomodule,
#leo-left .leomodule {
border: 1px solid #f4f4f4;
border-radius: 6px;
}
#leo-right h3.moduletitle,
#leo-left h3.moduletitle,
#leo-right h3.moduletitle span,
#leo-left h3.moduletitle span{
display:block;
}
#leo-right h3.moduletitle,
#leo-left h3.moduletitle {
  background: url(../images/default/bg-h4.png) repeat-x left top scroll;
border-radius: 4px 4px 0 0;
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
   margin: -2px;

}
#leo-right h3.moduletitle span,
#leo-left h3.moduletitle span {
background: url(../images/default/shadow-h4.png) no-repeat right top scroll;
color: #fff;
font-size: 20px;
line-height: 38px;
text-transform: none;
font-weight: normal;
border-radius: 4px 4px 0 0 ;
padding-left: 15px;
}
/*Main content*/
#leo-maincontent-inner {
background: #fff;
border: 1px solid #cacaca;
border-radius:5px;
padding: 10px;
}
/*leo-colspan2*/
#leo-colspan2 .leo-container-inner {
    border-top: 1px solid #EFF0EF;
margin-top: 1px;
display: inline-block;
width:99%;
}
#leo-colspan2 .leo-box-center,
#leo-colspan2 .leo-box-left {
background: url(../images/default/shape-pro.png) repeat-y right top scroll;
}
#leo-blockbottom {

}
#it-lp {position: absolute; top: 0px; left: -5111px;}
#leo-blockbottom.bg_bottom0 {
background-image: url(../images/bgbottom/bg_bottom0.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom1 {
background-image: url(../images/bgbottom/bg_bottom1.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom2 {
background-image: url(../images/bgbottom/bg_bottom2.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom3 {
background-image: url(../images/bgbottom/bg_bottom3.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom4 {
background-image: url(../images/bgbottom/bg_bottom4.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom5 {
background-image: url(../images/bgbottom/bg_bottom5.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom6 {
background-image: url(../images/bgbottom/bg_bottom6.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom7 {
background-image: url(../images/bgbottom/bg_bottom7.png);
background-position: left top;
background-repeat: repeat;
}
#leo-blockbottom.bg_bottom8 {
background-image: url(../images/bgbottom/bg_bottom8.png);
background-position: left top;
background-repeat: repeat;
}
/* leo-userbottom1 */
#leo-userbottom1 {
background: url(../images/default/bg-footer.png) repeat-x left top scroll;
}
#leo-userbottom1 .moduletable, #leo-userbottom1 .moduletable_menu {
margin: 15px 0;
}
#leo-userbottom1 .leo-usercol .leo-box-inside {
background: url(../images/default/border-h.png) repeat-y left top scroll;
padding: 0 30px;
}
#leo-userbottom1 .leo-usercol:first-child .leo-box-inside {
background: none;
}
#leo-userbottom1 .moduletable h3, #leo-userbottom1 .moduletable_menu h3 {
font: normal 22px "Arial";
text-transform: uppercase;
color:#222
}
/* leo-userbottom2 */
#leo-userbottom2 .leo-container-inner {
overflow: hidden;
background: #fff;
border: 1px solid #cacaca;
border-radius:5px;
}
#leo-userbottom2 .leo-module h3.title{
font-size: 18px;
text-transform: none;
color: #2570bb;
line-height: 25px;
margin: 0;
font-weight: normal;
}
#leo-userbottom2 div.modulecontent {
padding:0;
}
#leo-userbottom2 a:hover {
}
/* FOOTER
————————--*/
#leo-footer {
width: 100%;
display: inline-block;
color:#656565;
}
#leo-copyright {
float: left;
width: 100%;
line-height: 45px;
}
#leo-copyright p.logo-footer a {
  background: url(../images/default/logo1.png) no-repeat scroll left top;
    display: block;
    height: 40px;
    text-indent: -999em;
    width: 133px;
margin: 5px 0;
}
#leo-copyright p {
margin: 0;
text-shadow: 0 1px 0 #fff;
  font-size:13px;

}
#leo-copyright a {
color:#2570bb;
}
#leo-copyright a:hover {
color:#f278c7;
}
/*category content*/
.items-row .item, .items-leading .item {
border-bottom: 1px dotted #ddd;
display: inline-block;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.items-row .item h2, .items-leading .item h2 {
margin: 5px 0;
font-size: 18px;
color: #515151;
}
.items-row .item h2 a, .items-leading .item h2 a {
  font-weight: normal;
}
.componentheading, .newsfeed-category > h2,
.blog > h1, .blog > h2, .item-page > h2,.contact h1 ,.categories-list h1, .category-list h1,.blog-featured h1,.contact-category h1,.login h2, .remind h1, .reset h1, .weblink-category h2{
background: url(../images/default/bg-title-main.png) repeat-x scroll left top ;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-family: 'Helveticaneue';
    font-size: 20px;
    font-weight: normal;
    margin: -11px -11px 0;
height: 41px;
}
.componentheading >span,.newsfeed-category > h2 > span,
.blog > h1 > span, .blog > h2 > span, .item-page > h2 > span,.contact h1 > span ,.categories-list h > span1, .category-list h1 > span,.blog-featured h1 > span,.contact-category h1 > span,.login h2 > span, .remind h1 > span, .reset h1 > span, .weblink-category h2 > span {
  background: url(../images/default/shadow-h4.png) no-repeat scroll right top ;
    border-radius: 5px 5px 0 0;
    display: block;
  height: 38px;
}
.componentheading >span span,.newsfeed-category > h2 > span span,
.blog > h1 > span, .blog > h2 > span span, .item-page > h2 > span span,.contact h1 > span span,.categories-list h1 > span span, .category-list h1 > span span,.blog-featured h1 > span span,.contact-category h1 > span span,.login h2 > span span, .remind h1 > span span, .reset h1 > span span, .weblink-category h2 > span span
{
background: url(../images/default/icon-h1.png) no-repeat scroll left 50% ;
    line-height: 41px;
    padding-left: 30px;}
/***/
body.pattern1 {
background-image:url('../images/patterns/pattern1.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern2 {
background-image:url('../images/patterns/pattern2.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern3 {
background-image:url('../images/patterns/pattern3.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern4 {
background-image:url('../images/patterns/pattern4.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern5 {
background-image:url('../images/patterns/pattern5.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern6 {
background-image:url('../images/patterns/pattern6.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern7 {
background-image:url('../images/patterns/pattern7.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern8 {
background-image:url('../images/patterns/pattern8.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern9 {
background-image:url('../images/patterns/pattern9.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern10 {
background-image:url('../images/patterns/pattern10.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern11 {
background-image:url('../images/patterns/pattern11.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern12 {
background-image:url('../images/patterns/pattern12.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern13 {
background-image:url('../images/patterns/pattern13.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern14 {
background-image:url('../images/patterns/pattern14.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern15 {
background-image:url('../images/patterns/pattern15.png');
background-position: top left;
background-repeat: repeat !important;
}
body.pattern16 {
background-image:url('../images/patterns/pattern15.png');
background-position: top left;
background-repeat: repeat !important;
}

Edited August 15, 2013 by Manager87

Sign In

Помогите пожалуйста разобраться с шаблоном

Question

Link to comment

Share on other sites

19 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information