• Страница 1 из 1
  • 1
Форум » Веб-разработка » Вопросы по uCoz » Как поставить кнопку скачать под изображение (Как сделать чтобы кнопка скачать была под скрином материала?)
Как поставить кнопку скачать под изображение
F1z140K
Дата: Вторник, 2019-12-17, 22:49 | Сообщение 1
Оффлайн
Проверенные
Сообщений:37
Награды: 0


Как сделать чтобы кнопка скачать была под скрином материала?



Вроде вот этот код:

Код
<div class="news-full">

<?if($IMG_URL1$)?>
<div class="news-full-imgBl" style="float:right; max-width:400px; margin-left:20px">
<div class="news-full-imgBord" >
<a rel="au-cbox" href="$IMG_URL1$" title=""><img src="$IMG_URL1$" alt="Скриншот $ENTRY_TITLE$" /></a>
    
</div>
    
</div>

<?endif?>
<div class="news-fullMessBl">
$MESSAGE$
</div>
Прикрепления: 6432021.png(266.9 Kb)
Страна: (RU)
Snoopak
Дата: Среда, 2019-12-18, 00:31 | Сообщение 2
Оффлайн
Проверенные
Сообщений:39
Награды: 1


При помощи CSS естественно. Много вариантов, можно флоатами (float: left|right) или на флексах (см. flexbox). По хорошему там нужно html сетку страницы материала подправить.

Страна: (UA)
Kosten
Дата: Среда, 2019-12-18, 00:34 | Сообщение 3
Оффлайн
Администраторы
Сообщений:26116
Награды: 60


Snoopak, как видно, что там может появится текст, чтоб красиво облегал кнопку или вообще не зализал где выставлена кнопка.
Страна: (RU)
-SAM-
Дата: Четверг, 2019-12-19, 03:53 | Сообщение 4
Оффлайн
Друзья сайта
Сообщений:672
Награды: 28



А так, то правильно закинули в тот же div, в котором основной постер материала находиться... но смотрится оно не очень (нужно отступ от верха сделать хотя бы в 2px). И там гостям сейчас кнопка с ошибкой - ссылка не заполнена (должно быть через условие прописано, что гостям кнопки не видно или же при клике на нее - форма входа). Как по мне, вообще кнопку скачать не нужно ставить именно там... есть же блок: << Внимание пользователь! Перед тем как скачать данный файл, нужно ЗАРЕГИСТРИРОВАТСЯ или просто войди под своим ПРОФИЛЕМ. >> - вот там посередине после текста материала и будет в самый раз (есть отдельные решения про вид кнопки скачать - можно поставить подходящее).

UPD.:
Цитата F1z140K ()
Дизайн куплен мной, мне нечего переживать
Всё равно лучше не тратить время на него - он не адаптивный, следовательно при продвижении сайта, где такой стоит - будут изначально преграды. И вот это нужно бы исправить (или зря время тратили на помощь?). А кнопке скачать - там не место совсем (выше написал почему).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Пятница, 2019-12-20, 01:59
Страна: (UA)
F1z140K
Дата: Четверг, 2019-12-19, 20:49 | Сообщение 5
Оффлайн
Проверенные
Сообщений:37
Награды: 0


Цитата -SAM- ()
Если не покупали - может правообладатель наведаться с жалобой, то придётся его у себя менять (следовательно все правки в нём - пустая трата времени, как своего, так и нашего); этот шаблон платный, но слит там давно в паблик (приходиться ставить обратную ссылку, как и не страхует от мной выше написанного).


Дизайн куплен мной, мне нечего переживать
Страна: (RU)
Kosten
Дата: Четверг, 2019-12-19, 21:01 | Сообщение 6
Оффлайн
Администраторы
Сообщений:26116
Награды: 60


Цитата F1z140K ()
Дизайн куплен мной, мне нечего переживать

F1z140K, смотря где куплен, если у первоисточника, то все нормально, а если кто то переделал его под юкоз, то здесь могут и кинуть жалобу, так как дизайн вам не принадлежат.

По теме, что за кнопку вы ставить собрались? Здесь в коде просто не выставить, вы хоть ссылку дайте на сайт, ведь здесь специально под это направление написано.
Страна: (RU)
F1z140K
Дата: Четверг, 2019-12-19, 21:33 | Сообщение 7
Оффлайн
Проверенные
Сообщений:37
Награды: 0


Цитата Kosten ()
F1z140K, смотря где куплен, если у первоисточника, то все нормально, а если кто то переделал его под юкоз, то здесь могут и кинуть жалобу, так как дизайн вам не принадлежат.


Все норм, куплен был на ART-ucoz

Цитата Kosten ()
По теме, что за кнопку вы ставить собрались? Здесь в коде просто не выставить, вы хоть ссылку дайте на сайт, ведь здесь специально под это направление написано.


Страна: (RU)
Snoopak
Дата: Четверг, 2019-12-19, 23:49 | Сообщение 8
Оффлайн
Проверенные
Сообщений:39
Награды: 1


Раз уж и запихнули в блок с постером, то сделайте и отступ для кнопки.
Код
.news-full-imgBl a.btn {margin: 0px 5px 5px 5px; display: block;}


Страна: (UA)
Форум » Веб-разработка » Вопросы по uCoz » Как поставить кнопку скачать под изображение (Как сделать чтобы кнопка скачать была под скрином материала?)
  • Страница 1 из 1
  • 1
Поиск: