Новости Joomla

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

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Модуль отображения новостей выводит миниатюру изображения новости слева, а текст заголовка справа.
Нахватает знаний, что б сделать обтекание текстом изображения, вот часть кода который отвечает за вывод миниатюры и заголовка.

default.php

Код
<div class="jn-left">
                <?php if($params->get('pik')): ?>
         <?php echo $item->image; ?>
                <?php endif; ?>
            </div>
            <div class="jn-right">
         <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>"><?php echo $item->title; ?></a></h4>
                <div class="jn-info">
                    <?php if($params->get('show_date')): ?>
             <span class="jn-small"><?php echo $item->date; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showcat')): ?>
                    | <span class="jn-small"><?php echo $item->cattitle; ?></span>
                    <?php endif; ?>
                    <?php if($params->def('juauthor')): ?>
             | <span class="jn-small"><?php echo $item->author; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showRating') || $params->get('showRatingCount') || $params->get('showHits')): ?>
                    <div class="jn-hit-n-rating">
                    <?php if($params->get('showRating')): ?>
                 <span class="jn-small jn-rating"><?php echo $item->rating; ?></span>
                    <?php endif; ?>
                    <?php if($params->get('showRatingCount') && $item->rating_count > 0): ?>
                 <sup class="jn-small jn-rating-count"><?php echo $item->rating_count; ?></sup>
                    <?php endif; ?>
                    <?php if($params->get('showHits')): ?>
                <span class="jn-small jn-hits"><?php echo JText::_('JGLOBAL_HITS'); ?>: <?php echo $item->hits; ?></span>
                    <?php endif; ?>
                    </div>

style.css
Код
			.junewsultra .jn .jn-left{
float: left;
width: 22%;
}
.junewsultra .jn .jn-left img{
padding: 1px;
border: 1px #a7b3be solid;
}
.junewsultra .jn .jn-right{
float: right;
width: 67%;
}
.junewsultra .jn .jn-right h4{
font-size: 90%;
font-weight: bolder;
}
.junewsultra .jn .jn-right .jn-info{
font-size: 90%;
color: #778899;
padding: 5px 0 0 0;
}

В default.php хочется что б хотя бы    
              <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title; ?>"><?php echo $item->title; ?></a></h4>
обтекал изображение

Помогите пожалуйста молодым и неопытным  ::)
« Последнее редактирование: 16.10.2012, 22:42:19 от CR@B »
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Неужели на форуме нет специалистов  :(
*

vtoes288

  • Новичок
  • 7
  • 4 / 0
Ссылку на сайт надо бы, а то как в слепую то гадать?

<div class="jn-left" style="float: left; margin: 0;">

или в css

.jn-left {
  float: left;
  margin: 0;
}
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
solutions.by (правая сторона) Новости компании
*

andranik1957

  • Захожу иногда
  • 63
  • 2 / 0
Там же вроде все хорошо. Как бы Вы хотели чтобы шло оптекание?
*

vtoes288

  • Новичок
  • 7
  • 4 / 0
Так сделайте и будет вот так
Откройте по ссылке CSS, замените эту часть кода, файл CSS предварительно сохраните копию.

Код
http://solutions.by/templates/jp_insurance/css/module.css
.before_after div.module div div div div, #left div.module div div div div, #right div.module div div div div {
border: none;
padding: 3px 3px 0 0;
margin: 0;
}
http://solutions.by/modules/mod_junewsultra/tmpl/default/css/style.css
.junewsultra .jn .jn-right {

}
.junewsultra .jn .jn-left {
float: left;

}
*

CR@B

  • Захожу иногда
  • 63
  • 0 / 0
Огромное спасибо! Это то что надо, и даже больше (оформление текста по всей ширине и ориентация Читать дальше... по правой стороне)
Вообщем спасибо
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

Ответов: 11
Просмотров: 1530
Последний ответ 10.08.2021, 20:59:27
от PNP
Как сделать?

Автор Twins

Ответов: 3
Просмотров: 1482
Последний ответ 01.07.2021, 13:11:51
от xpank
Как сделать кнопку формы аккаунта?

Автор Evgen Kulibin

Ответов: 0
Просмотров: 688
Последний ответ 22.04.2021, 22:15:06
от Evgen Kulibin
Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 783
Последний ответ 08.03.2021, 22:21:01
от Flexderection
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1301
Последний ответ 03.11.2020, 16:57:40
от Nikolay89