Question

Вроде всё так легко и просто - но втсавить так и не получилось...

У меня на сайте на главной странице под Заголовком есть пометка с Датой и Категорией

Хочу такую же пометку поставить и на странице полного материала на фотографию с левой нижней стороны



Но никак не получается нормально его вставить...

Пример открытой статьи
https://aliprosto.com/aliekspress-zashhitnoe-steklo

Код страница материала и комментариев к нему

 

 

$GLOBAL_AHEADER$

<div class="col-md-8">
 <div class="news-box-read box-shadow">
 <?if($MODER_PANEL$)?><div class="moder_panel">$MODER_PANEL_RIGHT$</div><?endif?>
 <div class="later" onclick="LisMarks.add($(this).next().html(), '$ENTRY_URL$');"><i class="fa fa-eye" aria-hidden="true"></i></div>
 <div style="display:none;">$ENTRY_TITLE$</div>
 <div class="img">
 <?if($IMG_URL1$)?><img class="img2" src="$IMG_URL1$" alt="$IMG1_ALT$" title="$IMG1_TITLE$"><?endif?>
 <div class="new"></div> 
 </div>

 <div class="padding20">
 <div class="text">
 $MESSAGE$
 <div class="banner2">
 <script type="text/javascript" src="//aliprosto.com/rtr/2-2"></script>
 </div>
 
 <!-- uSocial -->
 <div class="knopki">
 <script async src="https://usocial.pro/usocial/usocial.js?v=6.1.4" data-script="usocial" charset="utf-8"></script>
 <div class="uSocial-Share" data-pid="e1978c3eb6d1c139fb717c606ebb3c39" data-type="share" data-options="round-rect,style3,default,absolute,horizontal,size24,eachCounter0,counter0,nomobile" data-social="fb,vk,ok,telegram,twi"></div></div>
 <!-- /uSocial --> 
 
 </div>
 </div>
 <div class="stat-bar">
 <a class="fa fa-inst" aria-hidden="true" href="https://www.instagram.com/art_osmanov" class="soc" target="_blank" ></a>
 <a class="fa2 fa-you" aria-hidden="true" href="https://goo.gl/FiLV9s" class="soc" target="_blank" ></a>
 <i class="fa fa-eye" aria-hidden="true"></i> $READS$ 
 <i class="fa fa-comments" aria-hidden="true"></i>$COMMENTS_NUM$ 
 <span class="float-right"><?$RSTARS$('16','/img/star.png','1','float')?></span>
 </div> </div> 
 
 
 
 <div class="comm-box box-shadow"> 
 <?if($COM_IS_ACTIVE$)?>
 <?if($COM_CAN_READ$)?>
 Всего комментариев<!--</s>-->: $COM_NUM_ENTRIES$<hr/>
 <?if($COM_CAN_ADD$)?>
 $COM_ADD_FORM$
 <?else?>
 <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
 <?endif?>
 <?endif?>
 <a href="javascript://" id="recurl"><img src="/img/refresh.png" title="Обновить комментарии" class="refresh"/></a>
 <div id="recomb">$COM_BODY$</div>

 <script type="text/javascript"> 
 $('#recurl').click(function(){ 
 random = Math.floor ( Math.random () * 9999 ); 
 $.get('$REQUEST_URI$?'+random, function(data) { 
 $('#recomb').html($('#recomb',data).html()); 
 }); 
 }); 
 </script>
 
<?if(substr($COM_CURRENT_PAGE$,strpos($COM_CURRENT_PAGE$,'">')+2,(len($COM_CURRENT_PAGE$)-7)-(strpos($COM_CURRENT_PAGE$,'">')+2))=$COM_NUM_PAGES$ || $COM_NUM_PAGES$=0)?><?else?> 
<div id="loadPButton"> 
<input onclick="loadComm(<?substr($COM_CURRENT_PAGE$,strpos($COM_CURRENT_PAGE$,'">')+2,(len($COM_CURRENT_PAGE$)-7)-(strpos($COM_CURRENT_PAGE$,'">')+2))+1?>)" type="button" value="Показать ещё"/> 
</div> 
<?endif?>

<script src="/js/podgruzkacom.js"></script>

 <?endif?>
</div> 
</div> 

 

$GLOBAL_CLEFTER$
$GLOBAL_BFOOTER$

А вот и тот код который надо правильно вставить

 

 

<div class="time2">$DATE$ | <a href="$SECTION_URL$" class="kategor">$SECTION_NAME$</a></div>

 

Answer 1

Поправить код:

<div class="img"> <?if($IMG_URL1$)?><img class="img2" src="$IMG_URL1$" alt="$IMG1_ALT$" title="$IMG1_TITLE$"><?endif?> <div class="new"></div> </div>

заменить на:

<div class="img">
<?if($IMG_URL1$)?><img class="img2" src="$IMG_URL1$" alt="$IMG1_ALT$" title="$IMG1_TITLE$"><?endif?>
<div class="time" style="float: left; position: relative; margin: -40px 10px;">$ADD_DATE$ | <a href="$CAT_URL$" class="kategor">$CAT_NAME$</a></div>
<div class="new"></div>
</div>

Comments

Вроде не пошло, код замениил и так же внизу появилось

---

AliProsto,

Обновите код, выделил красным, это добавить.

---

Yuri_Geruk,

Вы просто гений))

Спасибо всё сработало и стили сразу скинул в файл.
А подскажите пожалуйста, как можно данную пометку про дату и раздел сделать адаптивной, что бы в мобильно версии она была ещё меньше чем сейчас ( пометка перекрывает картинку )
Или только в стилях font-size уменьшать значения?
 

Сейчас стили такие

 

.time2 {
    font-size: 12px;
    font-weight: 400!important;
    background: #f7f7f7;
    padding: 5px 8px;
    display: inline-block;
    border-radius: 12px;
    margin-bottom: 0px;
    color: #999;
    float: left;
    position: relative;
    margin: -40px 10px;
}

 

---

Yuri_Geruk,

Хотя смогу это сделать через медиа запрос

Ещё рас спасибо большое - очень помогли)

Answer 2

у вас код не для категорий, а для разделов

Comments

Добрый день
Спасибо
Вот этот код получилось только вставить под картинку и над картинкой, но надо так как показано на скриншоте - прям на фотографию в левый нижний угол)

Сама строчка с с фотографией в которую надо вставить дату и раздел тут

 

<?if($IMG_URL1$)?><img class="img2" src="$IMG_URL1$" alt="$IMG1_ALT$" title="$IMG1_TITLE$"><?endif?>