Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 2313 Просмотров
*

eavasi

  • Осваиваюсь на форуме
  • 20
  • 1 / 0
  • eavasi.ru
Привет Всем!
Вопрос не столько по JDownloads, сколько по CSS.
Хочу сделать раскладку списка закачек в несколько колонок, как, например, вот здесь: http://www.joomla24.com/index.php?set_albumName=album08&option=com_gallery&Itemid=6&include=view_album.php
Пишу в раскладке следующие стили:
Код
<div style="width:962px;">
<div style="width:25%; float:right;display:inline-block">

    <div style="width:90%; text-align:center;font-size:14px; color:#CF2700;">
        {file_title}
        </div>
       
         <div style="width:90%; text-align:center;">
        {screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}"  alt="{description}" align="center" /></a>{screenshot_end}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_value_1}, {custom_value_2}, {custom_value_3}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_title_4}: {custom_value_4}, {custom_title_5}: {custom_value_5}
        </div>
               
        <div style="width:90%; text-align:center;">
        {url_download}
        </div>
       
        <div style="width:90%; text-align:center;">
        {checkbox_list}
        </div>

        <div style="width:90%; text-align:center; border-bottom: 1px #666A69 solid; padding-bottom: 5px;">
        <a href="{custom_value_7}">{custom_title_7} </a>
        </div> 

</div>
</div>
Первая строка выстраивается замечательно, а во второй два блока стоят рядом, а два уезжают вниз, в третьей вообще только один блок стоит на месте, а остальные уехали вниз, и так далее свистопляска с блоками.
Скажите, кто специалист по CSS, реально вообще выстроить файлы в четыре колонки или надо бросить эту идею.
Думаю, что табличная верстки приведет примерно к таким же результатам.
У кого какие мысли.
Заранее спасибо.
*

eavasi

  • Осваиваюсь на форуме
  • 20
  • 1 / 0
  • eavasi.ru
Вопрос решил самостоятельно и совершенно случайно. Следующая раскладка размещает список закачек в категории в четыре колонки:
Код
<div style="width:25%; float:left; height:300px;">

    <div style="width:90%; text-align:center;font-size:14px; color:#CF2700;">
        {file_title}
        </div>
       
         <div style="width:90%; text-align:center;">
        {screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}"  alt="{description}" align="center" /></a>{screenshot_end}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_value_1}, {custom_value_2}, {custom_value_3}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_title_4}: {custom_value_4}, {custom_title_5}: {custom_value_5}
        </div>
               
        <div style="width:90%; text-align:center;">
        {url_download}
        </div>
       
        <div style="width:90%; text-align:center;">
        {checkbox_list}
        </div>

        <div style="width:90%; text-align:center; border-bottom: 1px #666A69 solid; padding-bottom: 5px;">
        <a href="{custom_value_7}">{custom_title_7} </a>
        </div> 

</div>
Прошу модераторов закрыть тему, как решенную. Спасибо всем за активное обсуждение.  ;D
*

eavasi

  • Осваиваюсь на форуме
  • 20
  • 1 / 0
  • eavasi.ru
В результате модификации кода CSS раскладок, получилась вот такая вот картинка:

А сам код получился следующий:
Код
<div style="width:25%; float:left; height:280px;text-align:center; background:url(http://www.jtmp.ru/images/bg_files.png) no-repeat top center;  ">

    <div style="width:90%; text-align:center;font-size:14px; color:#CF2700;padding-top:6px;padding-bottom:6px;">
        {file_title}
        </div>
       
         <div style="width:90%; text-align:center;">
        {screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}"  alt="{description}" align="center" /></a>{screenshot_end}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_value_1}, {custom_value_2}, {custom_value_3}
        </div>
       
        <div style="font-weight:900;width:90%; text-align:center; font-size:9px;color:#CF2700;">
        {custom_title_4}: {custom_value_4}, {custom_title_5}: {custom_value_5}
        </div>
               
        <div style="width:90%; text-align:center;">
        {url_download}
        </div>
       
        <div style="width:90%; text-align:center;">
        {checkbox_list}
        </div>

        <div style="width:90%; text-align:center; padding-bottom: 5px;">
        <a href="{custom_value_7}">{custom_title_7} </a>
        </div> 

</div>
Понятно, что картинку на bacground я рисовал сам в Photoshop.
Собираюсь еще сделать несколько изменений.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

jDownloads загрузка файла только 1 раз

Автор lastgs

Ответов: 0
Просмотров: 1442
Последний ответ 11.03.2021, 07:19:35
от lastgs
Долго идет скачивание фаайла через компонент jdownloads

Автор dr.red

Ответов: 1
Просмотров: 2007
Последний ответ 05.07.2019, 16:44:13
от dr.red
После отключения JDownloads в админку не могу заходить

Автор sakha.rap

Ответов: 2
Просмотров: 2048
Последний ответ 10.03.2019, 16:12:51
от sakha.rap
Убрать версии файлов в модулях jDownloads Top и jDownloads Latest

Автор Татьяна5

Ответов: 1
Просмотров: 1931
Последний ответ 17.11.2018, 13:14:45
от Татьяна5
jDownloads и сетка бутстрап

Автор Biss

Ответов: 4
Просмотров: 2345
Последний ответ 30.11.2017, 11:36:14
от Biss