Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Как реализовать подобную полную новость на сайте?

Как реализовать подобную полную новость на сайте?


     08.01.2014    Хаки    1641

вопрос
Добрый вечер, уважаемые знатоки DLE. Очень надеюсь на вашу поддержку и помощь, ибо мои знания в данной CMS весьма слабы, а добиться красоты очень хочется.


Гуляя по сети я наткнулась на весьма красивый (для меня) и удобный вид полной новости, демо http://u.to/AsG3BQ . Погуглив я пыталась реализовать для начала вывод изображения с левой стороны сверху, через доп. поле и тег xgiven_image. Само изображение разместилось верно и ужалось до заданных размеров, но оно было не кликабельно (не увеличивалось до реального размера при клике) и не пускало текст в право от себя. Текст был ниже.

Остановившись в самом начале я поняла, что гугл мне не поможет (или не правильно задавала вопросы =/ ), поэтому решила спросить вас. Очень интересует, как же реализовать такую же полную новость для документального ресурса.


Надеюсь на понимание и поддержку :)

Ответил: rexwind


Свидинская.А,
Нужно лишь просто подождать))
Протестировал на 2-х шаблонах
fullstory

CSS

Картинки(для удобства) Заменишь потом на свои))
Скачать
Доп.поля
poster-картинка новости
download-ссылка на файл
opisanie-описание
author-авторЫ(не новости)
year-Год
size-размер файла
parol-к архиву
Старался максимально приблизиться к оригиналу. Если что-пишите, рад помочь))

Комментарии пользователей (13)

User_1313
8 | 1

User_1313 - 8 января 2014 09:43 - Юзер

Ссылка битая...

Свидинская.А
7 | 1

Свидинская.А - 8 января 2014 14:43 - Юзер

Ссылка полностью рабочая.

Свидинская.А
7 | 1

Свидинская.А - 8 января 2014 20:03 - Юзер

Пафнутия нет - знатоков нет, беда.

Dark5ider
48 | 34

Dark5ider - 8 января 2014 20:56 - Эксперт

Вот, накидал примерно как выглядит этот шаблон, только css осталось подключить.
Изображения лучше через [image-1], так и thumb может быть.

<div class="fullnews">
  <div class="fullnews-header">{title}</div>
  <ul class="fullnews-info">
    <li>{author} <del>|</del></li>
    <li>Раздел: {link-category} <del>|</del></li>
    <li class="fullnews-date">Опубликовано: [day-news]{date}[/day-news]</li>
  </ul>          
        
<style type="text/css">
   .tablica{
width:455px;
      height: 506px; /* Высота рисунка */
overflow:auto;  }  
  </style>

<div class="message">

<table border="0" cellpadding="0" cellspacing="10">
<tbody><tr>
<td valign="top">       <img src="[image-1]" class="vimg"><br>
<center><a href="#" rel="nofollow"><button style="cursor: pointer;"><img src="/templates/extranews/images/obsud.png" alt="Скачать решебник" style="vertical-align: middle">Обсудить на форуме</button></a><br>
[complaint]<button style="cursor: pointer;"><img src="/templates/extranews/images/compl.png" alt="Жалоба на статью" style="vertical-align: middle">Отправить жалобу</button><br>
[/complaint]<a href="#"><button style="cursor: pointer;"><img src="/templates/extranews/images/faq.png" alt="Как скачать" style="vertical-align: middle;">Как тут качать?</button></a><br>
<div class="orating oplus" id="orating-231">
<!--opus rating-->
</div>

</center>
    <br>
      
    </td>
  
    
<td width="1" bgcolor="#FFFFFF"><img src="1x1.gif" width="1" height="1"></td>
<td valign="top">
<div class="tablica">
<div class="v_info">
   <div class="table2">{описаниекакоето}</div>
</div>
</div>
</td>
</tr>
</tbody></table>
  </div>
        
<br>

            <div class="fullnews-text">{full-story}</div>  
      </div>
<div style="display:none">



  <ul class="fullnews-info-bottom">
    <li class="fullnews-rate">{rating}</li>

    <li>Просмотров: {views} </li>
  </ul>
</div>
[group=5]
<div style="background-color: lightyellow; border-width:1; border-color:rgb(190,190,190); border-style:dotted; padding:5px;">Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.<br> Мы рекомендуем Вам <a href="/index.php?do=register">зарегистрироваться</a> либо войти на сайт под своим именем.</div>
[/group]
<br>
<div id="tabs-1">
      <div class="tabs">
      <center>
        <ul class="tabNavigation">
  <li><a class="selected" href="#tabs_comm">Комментарии на сайте</a></li>
          <li><a class="" href="#tabs_rait">Комментарии ВКонтакте</a></li>
          
        
        </ul>
    
</center>
              


<!-- Сайт -->

<div id="tabs_comm" style="display: block;">
<div class="table">

{addcomments}
{comments}

  </div>
  </div>

<!-- Сайт -->

<!-- vk-->

<div id="tabs_rait" style="display: none;">        
        <br>          
          <div class="table">

<script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script>
<script type="text/javascript">
  VK.init({apiId: 3202196, onlyWidgets: true});
</script>

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "700", attach: "*"});
</script>

  </div>    
        
        </div>
<!-- vk-->

</div>
</div>

dj-avtosh
39

1479 | 390

dj-avtosh - 9 января 2014 01:39 - шашлычник

Бедный Паша)))))))

skype: elhan.isaev

Свидинская.А
7 | 1

Свидинская.А - 8 января 2014 21:59 - Юзер

Dark5ider,
Огромное спасибо за ответ и время, потраченное на него. Однако для меня осталась непонятной разбивка и вывод разделов и страниц (справа от изображения).

Так же не могли бы вы набросать CSS, а то я действительно не справлюсь =(

Могу лишь пообещать сквозную ссылочку с главной на вас (на любой ваш проект) :)

Я не наглая...

Dark5ider
48 | 34

Dark5ider - 8 января 2014 22:46 - Эксперт

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

По css - надо смотреть ваш сайт, так не скажу что именно нужно, чего то может не хватать.

Свидинская.А
7 | 1

Свидинская.А - 8 января 2014 23:39 - Юзер

Dark5ider,

В личке ссылка и код фулстори. Заранее спасибо за ответ :)

Свидинская.А
7 | 1

Свидинская.А - 9 января 2014 02:04 - Юзер

dj-avtosh,
Паша не бедный, а культурный и знающий молодой человек, коих осталось совсем мало в наши дни.

rexwind
2 | 1

rexwind - 9 января 2014 06:49 - Юзер


Как то так

Свидинская.А
7 | 1

Свидинская.А - 9 января 2014 12:05 - Юзер

rexwind,

Ага, красота :)

Свидинская.А
7 | 1

Свидинская.А - 9 января 2014 13:56 - Юзер

Огромное спасибо вам, мальчики :) Благодаря вашей помощи я не только сделала, что хотела, но ещё и почти всё поняла!)

Ещё раз спасибо!)

dj-avtosh
39

1479 | 390

dj-avtosh - 20 января 2014 17:55 - шашлычник

Паша, тебя любят девушки) Ты еще не совсем стар :D

skype: elhan.isaev

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы