Новости Joomla

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором представлены новости, интервью, рецензии и есть небольшой магазин на JoomShopping. Возникла необходимость внутри Joomla статей вставлять упоминание релиза и кнопочку «добавить в корзину». Я взял плагин WT JShopping products anywhere Сергея Толкачева (@webtolkru). Плагин отображает название товара и ссылку. При помощи напильника, ИИ и навыков вёрстки появился Uikit макет для шаблонов на базе Yootheme Pro.Учитываается мобильная версия - телефоны и ipad.Кнопка добавления в корзину работает по Ajax и появляется всплывающее окно (Notification Bar от Uikit) с информацией.Пока это базовый вариант, требующий доведения до лоска, однако он уже работает и его можно применять на проектах.Взять макет можно здесь.А плагин вставки товаров в материалы можно забрать здесь.Приветствуется доведение до ума и оформление в виде PR.

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

👩‍💻 WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla.Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content. Поддержка собственных макетов вывода для галерей. Смешанные фото+видео галереи. Плагин создан как замена Simple Image Gallery и поддерживает синтаксис {gallery}{/gallery}.👩‍💻 v.1.2.3. Что нового?- Обработка вступительного и полного текста для материалов Joomla. Добавлена обработка шорткодов в полном и вступительном текстах материалов Joomla.- Системные требования. Повышены минимальные требования до Joomla 5 и PHP 8.1.- Мелкие правки. Исправлена ошибка работы макета по умолчанию в плагине контента.- Joomla 6. Пакет плагинов успешно протестирован на Joomla 6.Страница расширения.GitHub расширенияJoomla Extensions Directory@joomlafeed#joomla #расширения

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

Elina

  • Захожу иногда
  • 139
  • 5 / 0
Редактирование кода CSS
« : 14.06.2012, 00:15:33 »
Добрый вечер. Помогите пожалуйста сделать карту сайта по средине. Не могу никак побороть данную проблему. Буду благодарна за любой совет.
« Последнее редактирование: 14.06.2012, 11:45:17 от Elina »
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Редактирование кода CSS
« Ответ #1 : 14.06.2012, 00:32:13 »
сместить влево таблицу в футере можно добавив в CSS
Код
div#sgf table {
    margin-left:-280px;
}
но, это конечно, не верстка. какая-то безумная каша.
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

fbr

  • Завсегдатай
  • 1675
  • 208 / 7
Re: Редактирование кода CSS
« Ответ #2 : 14.06.2012, 00:48:39 »
.xmap { display: inlini-block; margin: 0 auto;}
.xmap ul li { text-align: left;}

и уменьшите ширину ...  при не большом разрешении пол сайта за бортом
вашу карту сайта не сразу нашел - ушла за экран...
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Редактирование кода CSS
« Ответ #3 : 14.06.2012, 00:58:53 »
Вёрстка - огонь! Честно, я такой ни разу за всю жизнь не видел. ^-^ Файрбаг отметил всего 26 грубых ошибок CSS и 24 ошибки валидности. И это только главная страница.
Вот только некоторые копипасты:
Код: css
float: center; /* самодеятельность */
background: url(../images/latest_h3.png) top leftr no-repeat; /* опечатка */
text-align: 55 px left; /* О_О */
text-decoration: center; /* хренасе оформили */
height: 0 px; /* ноль не меряем. Да и пробел лишний */
display: ; /* ^-^ */
padding: 100 500px; /* сто надо померять чем-то */
margin: 100 auto;
text-decoration: solid ; /* %) */
margin:0 atuo;  /* опечатка */
.div.&copy {} /*не бывает таких селекторов*/
http://diplom-help.com.ua/index.php?option=com_xmap&sitemap=1 /* как это попало в стили - загадка */
Как браузер всё это вообще отобразил - хз.
http://htmlbook.ru/ - вот здесь по каждому свойству читайте.
*

Elina

  • Захожу иногда
  • 139
  • 5 / 0
Re: Редактирование кода CSS
« Ответ #4 : 14.06.2012, 10:17:31 »
сместить влево таблицу в футере можно добавив в CSS
Код
div#sgf table {
    margin-left:-280px;
} Не выходит, т.е. оно двигается но вместе с ним меняется полностью все на сайте даже меню
но, это конечно, не верстка. какая-то безумная каша.
*

Elina

  • Захожу иногда
  • 139
  • 5 / 0
Re: Редактирование кода CSS
« Ответ #5 : 14.06.2012, 10:31:41 »
.xmap { display: inlini-block; margin: 0 auto;}
.xmap ul li { text-align: left;}

и уменьшите ширину ...  при не большом разрешении пол сайта за бортом
вашу карту сайта не сразу нашел - ушла за экран...
Не помогает. Подскажите в каком браузере смотрели, я смотрела в 3 вроде нормально.
« Последнее редактирование: 14.06.2012, 10:50:48 от Elina »
*

fbr

  • Завсегдатай
  • 1675
  • 208 / 7
Re: Редактирование кода CSS
« Ответ #6 : 14.06.2012, 10:36:46 »
нижнее меню уходит за экран во всех браузерах
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Редактирование кода CSS
« Ответ #7 : 14.06.2012, 10:48:54 »
--
« Последнее редактирование: 14.06.2012, 10:52:18 от dynamit »
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Редактирование кода CSS
« Ответ #8 : 14.06.2012, 10:50:37 »
Elina, даже если немного подправить по месту футер, это общих проблем не решит. по-хорошему надо все переделывать. <div style="margin-left: X px;"> - ну, что это такое?)) + все замечания Шустрого + сам подход к верстке.
див на диве, дивом погоняет и маленькая таблица сзади бежит))

по существу у меня выравнять меню получилось так
Код
div#sgf {
    margin:0 auto;
    position:absolute;
    width:500px;
}
div#sgf table {
    margin-left:-320px;
}
« Последнее редактирование: 14.06.2012, 10:53:53 от dynamit »
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

Elina

  • Захожу иногда
  • 139
  • 5 / 0
Re: Редактирование кода CSS
« Ответ #9 : 14.06.2012, 10:56:09 »
Elina, даже если немного подправить по месту футер, это общих проблем не решит. по-хорошему надо все переделывать. <div style="margin-left: X px;"> - ну, что это такое?)) + все замечания Шустрого + сам подход к верстке.
див на диве, дивом погоняет и маленькая таблица сзади бежит))

по существу у меня выравнять меню получилось так
Код
div#sgf {
    margin:0 auto;
    position:absolute;
    width:500px;
}
div#sgf table {
    margin-left:-320px;
}

Наверно у меня в коде тянет вместе с картой сайта и левое меню. Т.к. меняется все одновременно. Я знаю, что много ошибок, я только вчера начала редактировать шаблон, а так как пока учусь получается все очень медленно и мягко говоря не очень хорошо
*

Elina

  • Захожу иногда
  • 139
  • 5 / 0
Re: Редактирование кода CSS
« Ответ #10 : 14.06.2012, 11:00:38 »
Вёрстка - огонь! Честно, я такой ни разу за всю жизнь не видел. ^-^ Файрбаг отметил всего 26 грубых ошибок CSS и 24 ошибки валидности. И это только главная страница.
Вот только некоторые копипасты:
Код: css
float: center; /* самодеятельность */
background: url(../images/latest_h3.png) top leftr no-repeat; /* опечатка */
text-align: 55 px left; /* О_О */
text-decoration: center; /* хренасе оформили */
height: 0 px; /* ноль не меряем. Да и пробел лишний */
display: ; /* ^-^ */
padding: 100 500px; /* сто надо померять чем-то */
margin: 100 auto;
text-decoration: solid ; /* %) */
margin:0 atuo;  /* опечатка */
.div.&copy {} /*не бывает таких селекторов*/
http://diplom-help.com.ua/index.php?option=com_xmap&sitemap=1 /* как это попало в стили - загадка */
Как браузер всё это вообще отобразил - хз.
http://htmlbook.ru/ - вот здесь по каждому свойству читайте.
Согласна, только учусь. Спасибо :(
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Редактирование кода CSS
« Ответ #11 : 14.06.2012, 11:34:03 »
Elina, пожалуйста. Дорогу осилит идущий ;) Для начала, пользуйтесь для вёрстки Dreamweaver`ом или Notepad++ со включенным автозавершением слов. В обоих случаях ваши ошибки будут подсвечиваться "на лету", а для правил будут подставляться возможные варианты значений, чтобы не было таких вот несуразностей: "float:center". ^-^
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Редактирование кода CSS
« Ответ #12 : 14.06.2012, 11:38:12 »
Вот только некоторые копипасты ...
Спасибо, посмеялся ))

Как браузер это пережевал и не сломался css-парсер - действительно загадка ))
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Правка кода витрины VM на Joomla 1.5

Автор Zegeberg

Ответов: 4
Просмотров: 1369
Последний ответ 14.11.2016, 19:14:41
от flyingspook
Как найти место для кода соц сетей?

Автор monkozzz

Ответов: 3
Просмотров: 2178
Последний ответ 04.07.2013, 01:30:23
от darkghost
Редактирование позиции модуля

Автор Vmy-85

Ответов: 21
Просмотров: 3568
Последний ответ 11.01.2013, 08:44:53
от Vmy-85
Правка кода

Автор anebilitsa

Ответов: 1
Просмотров: 1508
Последний ответ 10.05.2012, 11:27:55
от Taatshi
После импорта БД не открывается редактирование материалов

Автор Capelan

Ответов: 2
Просмотров: 2573
Последний ответ 22.03.2012, 23:48:38
от Capelan