0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1137 Просмотров
*

Skelvin

  • Осваиваюсь на форуме
  • 29
  • 0 / 0
Здравствуйте. Когда сжимаешь сайт до мобильной версии то в статье грубо говоря сначала прогружается заголовок с текстом статьи, а в самом конце модули с правой позиции. А надо чтоб сначала модули, а потом статья. Ниже прилагаю CSS responsiv  
Код
/* -------------------------------------------------------------

Copyright (C) 2008 - 2012 IceTheme. All Rights Reserved
  
http://www.gnu.org/licenses/gpl.html
  
IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */


/* Large desktop */
@media (min-width: 1200px) {

}



@media (max-width: 1200px) {

#search {
margin: 12px 0 14px;
clear: both;}

.breadcrumb {
margin-top:2px}


}



/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {


#marketing .container {
background-image:none}

#footer {
text-align:center}

#ice_social {
float: left;
padding: 12px 0 0;
margin-left:-10px;}

#footer #footermods {
text-align:left}

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.moduletabletestimonial  {
border-top:1px solid #fff;
box-shadow:0 -1px 0 #ccc;
padding-top:40px;
border-left:none;}

#header,
#marketing {
margin-left:-20px;
padding-left:20px;
margin-right:-20px;
padding-right:20px;}

#header {
margin-top:25px;
margin-bottom:25px;}


}

/* Landscape phones and down */
@media (max-width: 480px) {

.container {
min-width:240px}


#header {
margin-bottom:10px;
text-align:center;}

#header #logo {
width:80%;
height:80%;
padding-left:0;
padding-right:0;
float:none}


.ice-megamenu-toggle a {
right:-8px!important}


#footer {}

#footer p#icelogo {
float: none;
line-height: 25px;
padding-right: 0}

#footer p#copyright {
float: none;
padding-right: 0;}

#footer #copyrightmenu {
float:none;
line-height: 25px;}

#ice_social {
clear:both;
float:none;}

#ice_social #social_fb,
#ice_social #social_tw {
float:none;}


.scrollup {
-webkit-transform:scale(.75);
-moz-transform: scale(.75);
-o-transform: scale(.75);
-ms-transform: scale(.75);
transform: scale(.75);
bottom:15px;
left:42%;
display: block!important;
position:relative!important;}

}
и код формирования страницы com_content/article/default.php. (на сколько мне понятно основной текст выводится в middle колонке а модули соответственно в right
Код
<?php
/**
 * @package     Joomla.Site
 * @subpackage  com_content
 *
 * @copyright   Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

JHtml::addIncludePath(JPATH_COMPONENT . '/helpers');

// Create shortcuts to some parameters.
$params  = $this->item->params;
$images  = json_decode($this->item->images);
$urls    = json_decode($this->item->urls);
$canEdit = $this->item->params->get('access-edit');
$user    = JFactory::getUser();
$info    = $this->item->params->get('info_block_position', 0);
JHtml::_('behavior.caption');

?>
<div class="item-page<?php echo $this->pageclass_sfx?>">
<?php if ($this->params->get('show_page_heading', 1)) : ?>
<div class="page-header">
<h1> <?php echo $this->escape($this->params->get('page_heading')); ?> </h1>
</div>
<?php endif;
if (!empty($this->item->pagination) AND $this->item->pagination && !$this->item->paginationposition && $this->item->paginationrelative)
{
echo $this->item->pagination;
}
?>
<?php if (!$this->print) : ?>
<?php if ($canEdit ||  $params->get('show_print_icon') || $params->get('show_email_icon')) : ?>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <i class="icon-cog"></i> <span class="caret"></span> </a>
<?php // Note the actions class is deprecated. Use dropdown-menu instead. ?>
<ul class="dropdown-menu actions">
<?php if ($params->get('show_print_icon')) : ?>
<li class="print-icon"> <?php echo JHtml::_('icon.print_popup',  $this->item, $params); ?> </li>
<?php endif; ?>
<?php if ($params->get('show_email_icon')) : ?>
<li class="email-icon"> <?php echo JHtml::_('icon.email',  $this->item, $params); ?> </li>
<?php endif; ?>
<?php if ($canEdit) : ?>
<li class="edit-icon"> <?php echo JHtml::_('icon.edit', $this->item, $params); ?> </li>
<?php endif; ?>
</ul>
</div>
<?php endif; ?>
<?php else : ?>
<div class="pull-right">
<?php echo JHtml::_('icon.print_screen',  $this->item, $params); ?>
</div>
<?php endif; ?>

<?php if (($params->get('show_title')) || ($params->get('show_author'))) : ?>
<div class="page-header">
<h2>
<?php if ($this->item->state == 0): ?>
<span class="label label-warning"><?php echo JText::_('JUNPUBLISHED'); ?></span>
<?php endif; ?>
<?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
<a href="<?php echo $this->item->readmore_link; ?>"> <?php echo $this->escape($this->item->title); ?></a>
<?php else : ?>
<?php echo $this->escape($this->item->title); ?>
<?php endif; ?>
</h2>

</div>
<?php endif; ?>


<?php $useDefList = (($params->get('show_modify_date')) or ($params->get('show_publish_date')) or ($params->get('show_author'))
or ($params->get('show_hits'))); ?>
<?php if ($useDefList AND ($info == 0 OR $info == 2)) : ?>
<div class="article-info muted">
<dl class="article-info">
<dt class="article-info-term"><?php  echo JText::_('COM_CONTENT_ARTICLE_INFO'); ?></dt>

<?php if ($params->get('show_author') && !empty($this->item->author )) : ?>
             <dd>
<i class="icon-user"></i>
<?php $author = $this->item->created_by_alias ? $this->item->created_by_alias : $this->item->author; ?>
<?php if (!empty($this->item->contactid) && $params->get('link_author') == true): ?>
                <?php
                $needle = 'index.php?option=com_contact&view=contact&id=' . $this->item->contactid;
                $menu = JFactory::getApplication()->getMenu();
                $item = $menu->getItems('link', $needle, true);
                $cntlink = !empty($item)? $needle . '&Itemid=' . $item->id : $needle;
            ?>
                <?php echo JText::sprintf('COM_CONTENT_WRITTEN_BY', JHtml::_('link', JRoute::_($cntlink), $author)); ?>
                <?php else: ?>
                <?php echo JText::sprintf('COM_CONTENT_WRITTEN_BY', $author); ?>
                <?php endif; ?>
             </dd>
            <?php endif; ?>    
                
<?php if ($params->get('show_parent_category') && $this->item->parent_slug != '1:root') : ?>
<dd>
<div class="parent-category-name">
                     <i class="icon-folder-close"></i>
<?php $title = $this->escape($this->item->parent_title);
$url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->parent_slug)).'">'.$title.'</a>';?>
<?php if ($params->get('link_parent_category') and !empty($this->item->parent_slug)) : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $title); ?>
<?php endif; ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_category')) : ?>
<dd>
<div class="category-name">
                     <i class="icon-folder-close"></i>
<?php $title = $this->escape($this->item->category_title);
$url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug)).'">'.$title.'</a>';?>
<?php if ($params->get('link_category') and $this->item->catslug) : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $title); ?>
<?php endif; ?>
</div>
</dd>
<?php endif; ?>

<?php if ($params->get('show_publish_date')) : ?>
<dd>
<div class="published">
<i class="icon-calendar"></i> <?php echo JText::sprintf('COM_CONTENT_PUBLISHED_DATE_ON', JHtml::_('date', $this->item->publish_up, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>

<?php if ($info == 0): ?>
<?php if ($params->get('show_modify_date')) : ?>
<dd>
<div class="modified">
<i class="icon-calendar"></i> <?php echo JText::sprintf('COM_CONTENT_LAST_UPDATED', JHtml::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_create_date')) : ?>
<dd>
<div class="create">
<i class="icon-calendar"></i> <?php echo JText::sprintf('COM_CONTENT_CREATED_DATE_ON', JHtml::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>

<?php if ($params->get('show_hits')) : ?>
<dd>
<div class="hits">
 <i class="icon-eye-open"></i> <?php echo JText::sprintf('COM_CONTENT_ARTICLE_HITS', $this->item->hits); ?>
</div>
</dd>
<?php endif; ?>
<?php endif; ?>
</dl>
</div>
<?php endif; ?>
    
<?php  if (!$params->get('show_intro')) : echo $this->item->event->afterDisplayTitle; endif; ?>
<?php echo $this->item->event->beforeDisplayContent; ?>

<?php if (isset($urls) AND ((!empty($urls->urls_position) AND ($urls->urls_position == '0')) OR  ($params->get('urls_position') == '0' AND empty($urls->urls_position)))
OR (empty($urls->urls_position) AND (!$params->get('urls_position')))): ?>
<?php echo $this->loadTemplate('links'); ?>
<?php endif; ?>
<?php if ($params->get('access-view')):?>
<?php  if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : ?>
<?php $imgfloat = (empty($images->float_fulltext))? $params->get('float_fulltext') : $images->float_fulltext; ?>
<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image"> <img
<?php if ($images->image_fulltext_caption):
echo 'class="caption"'.' title="' .htmlspecialchars($images->image_fulltext_caption).'"';
endif; ?>
src="<?php echo htmlspecialchars($images->image_fulltext); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>"/> </div>
<?php endif; ?>
<?php
if (!empty($this->item->pagination) AND $this->item->pagination AND !$this->item->paginationposition AND !$this->item->paginationrelative):
echo $this->item->pagination;
endif;
?>
<?php if (isset ($this->item->toc)) :
echo $this->item->toc;
endif; ?>
<?php echo $this->item->text; ?>

<?php if ($useDefList AND ($info == 1 OR $info == 2)) : ?>
<div class="article-info muted">
<dl class="article-info">
<dt class="article-info-term"><?php  echo JText::_('COM_CONTENT_ARTICLE_INFO'); ?></dt>

<?php if ($info == 1): ?>
<?php if ($params->get('show_parent_category') AND !empty($this->item->parent_slug)) : ?>
<dd>
<div class="parent-category-name">
<?php $title = $this->escape($this->item->parent_title);
$url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->parent_slug)).'">'.$title.'</a>';?>
<?php if ($params->get('link_parent_category') and $this->item->parent_slug) : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $title); ?>
<?php endif; ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_category')) : ?>
<dd>
<div class="category-name">
<?php $title = $this->escape($this->item->category_title);
$url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug)).'">'.$title.'</a>';?>
<?php if ($params->get('link_category') and $this->item->catslug) : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $title); ?>
<?php endif; ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_publish_date')) : ?>
<dd>
<div class="published">
<i class="icon-calendar"></i> <?php echo JText::sprintf('COM_CONTENT_PUBLISHED_DATE_ON', JHtml::_('date', $this->item->publish_up, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>
<?php endif; ?>

<?php if ($params->get('show_create_date')) : ?>
<dd>
<div class="create"><i class="icon-calendar">
</i> <?php echo JText::sprintf('COM_CONTENT_CREATED_DATE_ON', JHtml::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_modify_date')) : ?>
<dd>
<div class="modified"><i class="icon-calendar">
</i> <?php echo JText::sprintf('COM_CONTENT_LAST_UPDATED', JHtml::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC3'))); ?>
</div>
</dd>
<?php endif; ?>
<?php if ($params->get('show_hits')) : ?>
<dd>
<div class="hits">
  <i class="icon-eye-open"></i> <?php echo JText::sprintf('COM_CONTENT_ARTICLE_HITS', $this->item->hits); ?>
</div>
</dd>
<?php endif; ?>
</dl>
</div>
<?php endif; ?>

<?php
if (!empty($this->item->pagination) AND $this->item->pagination AND $this->item->paginationposition AND!$this->item->paginationrelative):
echo $this->item->pagination;
?>
<?php endif; ?>
<?php if (isset($urls) AND ((!empty($urls->urls_position) AND ($urls->urls_position == '1')) OR ($params->get('urls_position') == '1'))): ?>
<?php echo $this->loadTemplate('links'); ?>
<?php endif; ?>
<?php //optional teaser intro text for guests ?>
<?php elseif ($params->get('show_noauth') == true and  $user->get('guest') ) : ?>
<?php echo $this->item->introtext; ?>
<?php //Optional link to let them register to see the whole article. ?>
<?php if ($params->get('show_readmore') && $this->item->fulltext != null) :
$link1 = JRoute::_('index.php?option=com_users&view=login');
$link = new JURI($link1);?>
<p class="readmore"> <a href="<?php echo $link; ?>">
<?php $attribs = json_decode($this->item->attribs);  ?>
<?php
if ($attribs->alternative_readmore == null) :
echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
elseif ($readmore = $this->item->alternative_readmore) :
echo $readmore;
if ($params->get('show_readmore_title', 0)!= 0) :
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif;
elseif ($params->get('show_readmore_title', 0) == 0) :
echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
else :
echo JText::_('COM_CONTENT_READ_MORE');
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif; ?>
</a> </p>
<?php endif; ?>
<?php endif; ?>
    <?php if ($params->get('show_tags', 1) && !empty($this->item->tags)) : ?>
<?php $this->item->tagLayout = new JLayoutFile('joomla.content.tags'); ?>

<?php echo $this->item->tagLayout->render($this->item->tags->itemTags); ?>
<?php endif; ?>
<?php
if (!empty($this->item->pagination) AND $this->item->pagination AND $this->item->paginationposition AND $this->item->paginationrelative):
echo $this->item->pagination;
?>
<?php endif; ?>
<?php echo $this->item->event->afterDisplayContent; ?> </div>
« Последнее редактирование: 18.05.2014, 10:48:16 от Skelvin »
*

sakharok74

  • Новичок
  • 6
  • 0 / 0
Если ещё актуально и шаблон построен на bootstrape (но думаю суть одна) то решение есть здесь http://wsjoom.ru/shablon-s-tremya-kolonkami-bootstrap.html
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Дополнительные параметры в шаблоне

Автор guliver-spb

Ответов: 2
Просмотров: 2111
Последний ответ 01.04.2016, 15:37:31
от guliver-spb
Вызов функции Java Script в шаблоне Joomla 3

Автор Old_skorpin

Ответов: 8
Просмотров: 9503
Последний ответ 09.06.2015, 22:00:33
от margo23
Разные шаблоны для страниц главной, категорий и страницы материала в своём шаблоне

Автор terolblade

Ответов: 0
Просмотров: 951
Последний ответ 29.05.2015, 19:43:25
от terolblade
Как отключить модули при определенных разрешениях?

Автор intcorp

Ответов: 17
Просмотров: 2596
Последний ответ 23.03.2015, 18:04:31
от zomby6888
Модули в шаблоне и их позиционирование

Автор dkucher

Ответов: 2
Просмотров: 1603
Последний ответ 15.03.2014, 12:13:31
от kilnart