Як розмістити заголовки матеріалів з права від зображень?

JUNewsUltra — багатофункціональний модуль для відображення статей з використанням шаблонів та фільтрів.
Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Як розмістити заголовки матеріалів з права від зображень?

Повідомлення Lateralus » 08 травня 2013, 11:08

Доброго дня!
Підкажіть будь-ласка, яким чином можна розмістити заголовки новин не під зображеннями, як показано на малюнку:
news.jpg
news.jpg (36.08 Кіб) Переглянуто 10328 разів
а з права від них?

Розумію, що потрібно правити CSS, але не знаю де.

Дякую.

P.S.: сам модуль - :good:

BenkiNew
Користувач
Користувач
Повідомлень: 14
З нами з: 10 березня 2013, 09:50

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення BenkiNew » 09 травня 2013, 09:12

для початку вкажіть сайт :twisted:
Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 09 травня 2013, 16:00

Це проектується нова версія порталу http://www.promland.biz, котрий було створено довно, але безграмотно з т.з. СЕО і зараз я роблю новий ресурс, який з часом перенесеться на рідний домен. А поки, що заготовка висить на іншому домені, який звісно не хотілося б відкривати для індексації. Але, якщо потрібно подивитися на даний нарис то він знаходиться тут: http://www.promland.інфо (.info)
Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1187
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 3 рази
Подякували: 12 рази
Контактна інформація:

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Dutch » 11 травня 2013, 11:11

CSS і тільки CSS допоможе у цьому!
Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 12 травня 2013, 14:11

Dutch писав:CSS і тільки CSS допоможе у цьому!
Логіка - залізобетонна! :)))

Тільки от де саме зробити правку? :Search:

Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1187
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 3 рази
Подякували: 12 рази
Контактна інформація:

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Dutch » 12 травня 2013, 14:29

Якщо використовуєте CSS для шаблону то у ньому, або ж у CSS вашого шаблону Joomla
Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 12 травня 2013, 14:47

Dutch писав:Якщо використовуєте CSS для шаблону то у ньому, або ж у CSS вашого шаблону Joomla
Використовую для модуля шаблон default, який має наступний код:

Код: Виділити все

<?php
/**
* @package Joomla! 2.5
* @version 4.x
* @author 2008-2012 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

/******************* PARAMS (update 20.11.2012) ************
*
* $params->get('moduleclass_sfx') - module class suffix
*
* $item->link           - display link
* $item->title          - display title
* $item->title_alt      - for attribute title and alt
*
* $item->cattitle       - display category title
*
* $item->image          - display image
* $item->imagesource    - display raw image source
*
* $item->date           - display date & time
* $item->df_d           - display day
* $item->df_m           - display mounth
* $item->df_y           - display year
*
* $item->author         - display author
*
* $item->hits           - display Hits
*
* $item->rating         - display Rating
* $item->rating_count   - display Rating Count
*
* $item->introtext      - display introtex
* $item->fulltext       - display fulltext
* $item->readmore       - display 'Read more...'
* $item->rmtext         - display 'Read more...' text
*
* $item->commentslink   - display JComments link to comments
* $item->commentstext   - display JComments text
* $item->commentscount  - display count comments for JComments
*
************************************************************/

// no direct access
defined('_JEXEC') or die('Restricted access');

?>
<div class="junewsultra <?php echo $params->get('moduleclass_sfx'); ?>">
<?php foreach ($list as $item) :  ?>
   <div class="jn">
        <div class="jn-head">
            <div class="jn-left">
                <?php if($params->get('pik')): ?>
                 <?php echo $item->image; ?>
                <?php endif; ?>
            </div>
            <div class="jn-right">
                <?php if($params->get('show_title')): ?>
              <h4><a href="<?php echo $item->link; ?>" title="<?php echo $item->title_alt; ?>"><?php echo $item->title; ?></a></h4>
                <?php endif; ?>
                <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>
                    <?php endif; ?>
                </div>
           </div>
       </div>
        <?php if($params->get('show_intro') || $params->get('show_full')): ?>
        <div class="jn-intro">
        <?php if($params->get('show_intro')): ?>
            <?php echo $item->introtext; ?>
        <?php endif; ?>
        <?php if($params->get('show_full')): ?>
            <?php echo $item->fulltext; ?>
        <?php endif; ?>
        </div>
        <?php endif; ?>
        <?php if($params->get('read_more') || $params->get('use_comments')): ?>
        <div class="jn-more">
            <?php if($params->get('read_more')): ?>
            <a href="<?php echo $item->link; ?>" class="readmore" title="<?php echo $item->text_alt; ?>"><?php echo $params->def('rmtext'); ?></a>
            <?php endif; ?>
            <?php if($params->get('use_comments')): ?>
         <a class="jn-comment-link" href="<?php echo $item->link; ?><?php echo $item->commentslink; ?>"><?php echo $item->commentstext; ?></a>
            <?php endif; ?>
        </div>
       <?php endif; ?>
   </div>
<?php endforeach; ?>
</div>
От тільки, що тут поправити я так і не знайшов. :unknown:
Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1187
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 3 рази
Подякували: 12 рази
Контактна інформація:

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Dutch » 12 травня 2013, 14:54

До чого тут шаблон, я говорив про CSS
Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 12 травня 2013, 14:59

Dutch писав:До чого тут шаблон, я говорив про CSS
Ага, розумію. Він має такий код:

Код: Виділити все

/**
* @package Joomla! 1.7
* @author 2008 (c)  Denys Nosov (aka Dutch)
* @author web-site: www.joomla-ua.org
* @copyright This module is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
**/

.junewsultra,
.junewsultra .jn,
.junewsultra .jn-head{
   overflow: hidden;
}
.junewsultra .jn-head,
.junewsultra .jn .jn-intro,
.junewsultra .jn .jn-more{
   clear: both;
   padding: 6px 4px;
}
.junewsultra .jn a,
.junewsultra .jn a:link   ,
.junewsultra .jn a:visited{
   text-decoration: none;
   background: transparent;
   border: none;
}   
.junewsultra .jn a:hover,
.junewsultra .jn a:focus,
.junewsultra .jn a:active{
   text-decoration: underline;
   color: inherit;
   border: none;
}
   .junewsultra .jn{
      margin: 10px 0;
      padding: 0;
      border: 1px #e0e0e0 solid;
      clear: both;
      display: block;
   }
      .junewsultra .jn .jn-head{
         background: #f4f4f4 url(../images/bg.jpg) repeat-x 0 100%;      
      }      
         .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{
            float: left;
               font-size: 98%;
               font-weight: bolder;
            }   
            .junewsultra .jn .jn-right .jn-info{
            float: left;
               font-size: 90%;
               color: #778899;
               padding: 5px 0 0 0;
            }
               .junewsultra .jn .jn-right .jn-hit-n-rating{
                  padding-top: 3px;
               }
                  .junewsultra .jn .jn-right .jn-hit-n-rating .jn-small{
                     float: left;
                     padding-right: 3px;
                  }
                  .junewsultra .jn .jn-right .jn-hit-n-rating .jn-rating img{
                     border: none;
                     padding: 0;
                     margin: 0;
                  }   
      .junewsultra .jn .jn-more{
         text-align: right;
      }   
         .junewsultra .jn .jn-more a{
            padding-left: 5px;
         }
І що з ним робити? :pardon:

Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 18 травня 2013, 08:58

Блін... пацани! Дякую за "допомогу". :beer:
antt7
Користувач
Користувач
Повідомлень: 15
З нами з: 28 серпня 2010, 10:29

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення antt7 » 13 серпня 2013, 22:31

http://www.promland.info/templates/shap ... joomla.css

рядок 63

img {
float: left;
margin: 0 2px 0 0;
padding: 0;
}
antt7
Користувач
Користувач
Повідомлень: 15
З нами з: 28 серпня 2010, 10:29

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення antt7 » 13 серпня 2013, 22:38

antt7 писав:http://www.promland.info/templates/shaper_news_iii/css/joomla.css

рядок 63

img {
float: left;
margin: 0 2px 0 0;
padding: 0;
}
Краще спробуйте в свій CSS додати код:
.junewsultra img {float:left;}

Lateralus
Користувач
Користувач
Повідомлень: 7
З нами з: 08 травня 2013, 10:58

Re: Як розмістити заголовки матеріалів з права від зображень

Повідомлення Lateralus » 30 серпня 2013, 13:46

Дякую :) Віддав на доробку фрілансерові


  • Similar Topics
    Відповіді
    Перегляди
    Останнє повідомлення

Повернутись до “JUNewsUltra — модуль новин”

Хто зараз онлайн

Зараз переглядають цей форум: 0 і 0 гостей