Новости Joomla

WT JShopping Add order info to checkout finish плагин для Joomla

WT JShopping Add order info to checkout finish плагин для Joomla

WT JShopping Add order info to checkout finish плагин для Joomla.Плагин отображения информации о заказе (номер заказа, данные о доставке и т.д.) на странице Спасибо за заказ интернет-магазина JoomShopping.В плагине 3 макета по умолчанию:- default - оформите информацию о заказе с помощью CSS- bootstrap5-1 - макет по умолчанию с использованием Bootstrap CSS- uikit - макет по умолчанию с использованием UIkitВы можете создавать собственные макеты вывода в папке

plugins/jshoppingorder/wtjshoppingaddorderinfotocheckoutfinish/tmpl.Страница расширенияGitHub расширения👩‍💻 Этот плагин - творческий дебют участника нашего сообщества и теперь разработчика Сергея Сергевнина (@gresserg). С чем его поздравляем и желаем успехов на этом поприще!#joomla #разработка #JoomShopping

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

👩‍💻 Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1. Это релиз, в который включены уже проверенные изменения, но ещё очень многие исправления и улучшения ждут своей очереди. Joomla следит за качеством и безопасностью своего кода и каждое изменение должно быть успешно протестировано как минимум ещё двумя участниками сообщества. Разработка Joomla ведётся на платформе GitHub.Филипп Уолтон (Philip Walton) - один из разработчиков, кто активно вносит свой вклад в ядро Joomla. Он уже несколько месяцев посвящает свои послеполуденные часы пятницы работе с Joomla и предлагает присоединиться к нему. 📆 Пятница, 30 мая 2025, с 15:00 до 17:00 по UTC (Лондон) - с 18:00 до 20:00 по Москве.В чате Google Meet Филипп готов помочь с тестированием тем, кто будет делать это в первый раз. А так же он подготовил список лёгких Pull Request, которые можно протестировать довольно быстро. Чем больше тестов будет проведено сейчас, тем меньше ошибок вылезет потом. На данный момент 148 (уже 147 на момент написания заметки) PR на GitHub Joomla ждут тестирования.👩‍💻 Open to all. All together.Также вам поможет сделать первые шаги это видео.GitHub JoomlaДа, это вечер пятницы. Но тестирование занимает порой минут 15, а доброе дело сделано. Просто убедитесь, что разработчик чего-то не пропустил и всё работает как ожидается.#joomla #joomla6 #community

Вышла Phoca Gallery 5.1.0

Вышла Phoca Gallery 5.1.0

Вышла Phoca Gallery 5.1.0.Известный компонент галереи изображений чешского Joomla-разработчика Яна Павелки получил новую версию. В этой версии компонент получил полную совместимость с Joomla 5 и грядущей Joomla 6. Это стало возможно благодаря рефакторингу кодовой базы и удалению из кода галереи тех классов и методов, которые были помечены к удалению в Joomla 6. Для работы компонента не требуется плагин обратной совместимости. Читать релизСтраница расширения#расширения

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

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Модуль HTML. Подложка под изображение
« : 09.04.2014, 03:28:14 »
Сделал новый модуль HTML и хочу сделать бекграунд, на который можно будет наложить другое изображение+текст. 
Каким образом лучше всего сделать такую подложку?

Вот что я сделал:
в template.css своего шаблона добавил класс .vtype
Спойлер
[свернуть]

а в новом модуле HTML вставил строчку:
Код
<div class="vtype">Классический витраж</div>

И вот что получилось:


Но если туда добавить изображение в текстовом редакторе в Joomla
Спойлер
[свернуть]

то это изображение куда-то перескакивает:


На страницах сайта на таких стеклянных подложках будут размещаться разные изображения.

Все это пытался реализовать через суффикс CSS-класса модуля, но так его и не осилил.
Прошу помощи
Записан
*

alex38ann

  • Захожу иногда
  • 204
  • 7 / 0
  • www.sn38.ru
Re: Модуль HTML. Подложка под изображение
« Ответ #1 : 09.04.2014, 08:06:57 »
у меня фото отображается по верх окна, указал для картинки ширину и высоту http://jsfiddle.net/alex38ann/tqFLL/
« Последнее редактирование: 09.04.2014, 08:10:38 от alex38ann »
Записан
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Re: Модуль HTML. Подложка под изображение
« Ответ #2 : 09.04.2014, 08:27:56 »
Код: html
<div class="vtype">Классический витраж<img src="#" /></div>

Код: css
.vtype{
  overflow:hidden
  display: block;
  position: absolute;
  border: 1px solid #071515; 
  border-radius: 3px;
  box-shadow: 2px 2px 5px #4afffd;
  opacity: .7;
  width: 440px;
  height: 367px;
  font-size:20pt;
  color: #000000;
  text-shadow: 3px 1px 2px #88fdfc;      
  text-align: center;
}
.vtype img{
  width:100%
}
Записан
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #3 : 09.04.2014, 17:30:59 »
Спасибо большое!

Сделал так:
Код
<div class="vtype">Классический витраж <br /><a href="index.php/type-vitrage/classic"><img src="images/Classic.jpg" border="0" width="410px" height="310px" /></a></div>

Код: css
.vtype{
  overflow:hidden
  display: block;
  position: absolute;
  border: 1px solid #071515; 
  border-radius: 3px;
  box-shadow: 2px 2px 5px #4afffd;
  opacity: .7;
  width: 440px;
  height: 367px;
  font-size:20pt;
  color: #000000;
  text-shadow: 3px 1px 2px #88fdfc;      
  text-align: center;
}
.vtype img{
  width:100%
}

И вот что получилось:




Теперь отступы (слева, справа и снизу) от картинки до подложки можно регулировать шириной/высотой самой картинки. Как теперь сделать этой картинке отступ сверху? Или вообще сделать область за которую не будет выходить изображение. Например, вот такую:



И еще вопрос: как сделать так, чтобы ссылкой являлась не только внутренне изображение, а вся "стеклянная подложка" вместе с картикой?
Записан
*

Grigory S.

  • Давно я тут
  • 658
  • 70 / 0
  • (с)
Re: Модуль HTML. Подложка под изображение
« Ответ #4 : 09.04.2014, 17:33:15 »
Цитата: Kovgan от 09.04.2014, 17:30:59
И еще вопрос: как сделать так, чтобы ссылкой являлась не только внутренне изображение, а вся "стеклянная подложка" вместе с картикой?
Обернуть весь div ссылкой.
Записан
Не задав правильный вопрос, невозможно получить правильный ответ.
Для "спасибок" существует кнопочка "+".
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #5 : 09.04.2014, 21:13:16 »
Цитата: kamaz6141 от 09.04.2014, 17:33:15
Обернуть весь div ссылкой.

Как это правильно сделать? Я пробовал ссылку вынести с div  вот таким образом:
Код: css
<a class="hover" href="index.php/type-vitrage/classic" >
<div 
class="vtype">text...<img src="images/Classic.jpg" border="0" width="410px" height="310px" />
</div>
</a>

*Изначально было так:
Код: css
<div 
class="vtype">text...<a class="hover" href="index.php/type-vitrage/classic" ><img src="images/Classic.jpg" border="0" width="410px" height="310px" />
</a>
</div>
Записан
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #6 : 09.04.2014, 22:14:02 »
Разобрался. Сделал через onclick:
Код: css
<div class="linkblock" onclick="location.href='index.php/type-vitrage/classic';">
   <div class="vtype">Классический витраж<img src="images/Classic.jpg" border="0" width="410px" height="310px" />
   </div>
</div>

Код: css
.linkblock {cursor:pointer}
Записан
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #7 : 10.04.2014, 04:07:42 »
Пытаюсь добавить в самый низ еще один слой с размерами, как у светящейся подложки, только затемненный. Это для того, чтобы т.н. светящаяся подложка была не полностью прозрачна, а похожа на темное стекло.
Для этого добавил еще один класс .vtype-dark с бекграундом и прозрачностью .4

Код: xml
<div class="linkblock" onclick="location.href='index.php/gallery/door-vitrage';">
     <div class="vtype-dark"> 
         <div class="vtype">door vitrage<p> 
             <img src="images/door.jpg" border="0" width="173px" height="310px" /></p>
         </div>
     </div>
</div>


Код: css
.vtype-dark
{
  display:block;
  position:absolute;
  background: #000000;
  width: 440px;
  height: 367px; 
  border-radius: 3px;   
  opacity: .4; 
}

Прозрачность .4 распространяется на остальные слои:



Как решить такую задачку, может есть решение без создания .vtype-dark?
Записан
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #8 : 14.04.2014, 02:59:38 »
Попробовал создать еще один модуль HTML и класс .bg_type для него и разместил этот модуль в ту же позицию, что и "стеклянная подложка" (о которой шла речь выше)
Код
<div class="bg_type"> </div>

Код: css
.bg_type{
display: block;
position: absolute;
background: #000000;
border: 1px solid #071515; 
border-radius: 3px;
opacity: .6; 
width: 440px;
height: 367px; 
}

Результат тот же, прозрачность распространяется на "стеклянную подложку" + теперь этот темный прямоугольник перекрывает основной слой.
Как можно решить этот вопрос?


upd

Решил путем добавления  z-index: 1; к основному слою
Спойлер
[свернуть]
и прозрачность сделал по-другому:
Спойлер
[свернуть]

 Появилась новая проблема: тень шрифта (text-shadow:) разная в Chrome и мазиле


Пробовал написать -webkit-text-shadow: но ничего из этого не вышло. Как это можно исправить исправить?
« Последнее редактирование: 14.04.2014, 16:45:54 от Kovgan »
Записан
*

Kovgan

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Re: Модуль HTML. Подложка под изображение
« Ответ #9 : 24.04.2014, 12:26:54 »
Цитата: Kovgan от 14.04.2014, 02:59:38
Появилась новая проблема: тень шрифта (text-shadow:) разная в Chrome и мазиле


Пробовал написать -webkit-text-shadow: но ничего из этого не вышло. Как это можно исправить исправить?


 Вопрос еще актуален
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Модуль HTML. Подложка под изображение
« Ответ #10 : 24.04.2014, 15:44:18 »
Никак не исправить. Это вопрос к разработчикам браузеров. Ну или на-глаз подбирать более-менее похожие через вендорные правила.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор Ebelous

 Ответов: 4
Просмотров: 2147 		Последний ответ 13.02.2024, 17:01:12
от Vastriet
Не работают стили CSS в html

Автор ВикуЛя

 Ответов: 1
Просмотров: 1204 		Последний ответ 27.05.2021, 12:31:15
от ShopES
Как сделать плавающий модуль?

Автор THeCMeX

 Ответов: 2
Просмотров: 1130 		Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

 Ответов: 8
Просмотров: 12285 		Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как вставить красивю кнопку CSS в модуль/материал?

Автор kunsaid

 Ответов: 6
Просмотров: 2761 		Последний ответ 02.10.2018, 23:16:12
от kunsaid