Фото сет

Не знаю кому это будет нужно, но я все равно напишу,
потому что когда у меня была проблема с фотосетом, мне не кто не помог, пришлось изменить свое мнение и сделать как можно лучше, хотя я вовсе хотел удалить главную картинку
фотосет

и так начнем, как это сделать?

1) мы идем суда livestreet / templates / skin / synio / topic_photoset.tpl
открываем фаил, и там код
2) находим эту строку

{assign var=oMainPhoto value=$oTopic->getPhotosetMainPhoto()}
{if $oMainPhoto}
<div class="topic-photo-preview" id="photoset-main-preview-{$oTopic->getId()}" onclick="window.location='{$oTopic->getUrl()}#photoset'">
<div class="topic-photo-count" id="photoset-photo-count-{$oTopic->getId()}">{$oTopic->getPhotosetCount()} {$aLang.topic_photoset_photos}</div>
{if $oMainPhoto->getDescription()}
<div class="topic-photo-desc" id="photoset-photo-desc-{$oTopic->getId()}">{$oMainPhoto->getDescription()}</div>
{/if}
<img src="{$oMainPhoto->getWebPath(500)}" alt="image" id="photoset-main-image-{$oTopic->getId()}" />
</div>
{/if}

и вырезаем ее оттуда

3) теперь в этом же файле, находим строку номер 2

<div class="topic-photo-images">
<h2>{$oTopic->getPhotosetCount()} {$oTopic->getPhotosetCount()|declension:$aLang.topic_photoset_count_images}</h2>
<a name="photoset"></a>
<ul id="topic-photo-images">


и добавляем ниже нее, наш вырезанный код

получается как то так


<div class="topic-photo-images">
<h2>{$oTopic->getPhotosetCount()} {$oTopic->getPhotosetCount()|declension:$aLang.topic_photoset_count_images}</h2>
<a name="photoset"></a>
<ul id="topic-photo-images">
{assign var=oMainPhoto value=$oTopic->getPhotosetMainPhoto()}
{if $oMainPhoto}
<div class="topic-photo-preview" id="photoset-main-preview-{$oTopic->getId()}" onclick="window.location='{$oTopic->getUrl()}#photoset'">
<div class="topic-photo-count" id="photoset-photo-count-{$oTopic->getId()}">{$oTopic->getPhotosetCount()} {$aLang.topic_photoset_photos}</div>
{if $oMainPhoto->getDescription()}
<div class="topic-photo-desc" id="photoset-photo-desc-{$oTopic->getId()}">{$oMainPhoto->getDescription()}</div>
{/if}
<img src="{$oMainPhoto->getWebPath(500)}" alt="image" id="photoset-main-image-{$oTopic->getId()}" />
</div>
{/if}


4) это последнее что нам нужно сделать, идем сюды livestreet / templates / skin / synio / css / topic.css

и находим там
/* Topic Photo */
.topic.topic-type-photoset { }
.topic.topic-type-photoset .topic-photo-preview { position: relative; margin-bottom: 15px; cursor: pointer; }


и добавляем float: right;

получаться вот так
/* Topic Photo */
.topic.topic-type-photoset { }
.topic.topic-type-photoset .topic-photo-preview { position: relative; margin-bottom: 15px; float: right; cursor: pointer; }


Все готово, наслаждайтесь :)

7 комментариев

комментарий был удален
avatar
блин хотел услышать мнения кому понравилось, а кому нет, а то такое чувство, что всем пофигу
  • Help
  • 0
avatar
Не, не. Все круто. В выходные буду тестировать. Кок раз то что нужно.
Спасибо.
avatar
Тоже самое, только для шаблона INSIDE автора zonetix . Вот что получилось:

фотосет к шаблону inside

Единственное отличие в действиях в том, что в файл стилей надо добавить float: bottom; там, где это рекомендует сделать Help

Не знаю, как кому, а мне понравилось!
avatar
что в файл стилей надо добавить float: bottom;
чего??
avatar
О клево, как раз по подобному вопросу сейчас возник вопрос. Спасибо больше
avatar
{assign var=oMainPhoto value=$oTopic->getPhotosetMainPhoto()}
{if $oMainPhoto}
<div class="topic-photo-preview" id="photoset-main-preview-{$oTopic->getId()}" onclick="window.location='{$oTopic->getUrl()}#photoset'">
<div class="topic-photo-count" id="photoset-photo-count-{$oTopic->getId()}">{$oTopic->getPhotosetCount()} {$aLang.topic_photoset_photos}</div>
{if $oMainPhoto->getDescription()}
<div class="topic-photo-desc" id="photoset-photo-desc-{$oTopic->getId()}">{$oMainPhoto->getDescription()}</div>
{/if}
<img src="{$oMainPhoto->getWebPath(500)}" alt="image" id="photoset-main-image-{$oTopic->getId()}" />
</div>
{/if}


PЗабыли добавить еще одну {/if}, а это важно.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.