Информация о материале

Полезные ссылки

https://web-eau.net/en/development/joomla-overrides/similar-tags

=============

{up text-fit | class=box-gris}Texte redimensionné en fonction de la taille de son conteneur parent{/up text-fit}
{up div=w50 mcenter}{up text-fit | class=box-grisPale}Texte redimensionné en fonction de la taille de son conteneur parent{/up text-fit}{/up div}

============

  Скрыть/Показать элемент     {up jcontent_by_tags=2} ##title-link## {/up jcontent_by_tags}   Карточка ===== [Какая-то информация, pre имеет back-groung] Copy ===== {up box=pricelist | action=Подробнее +} {title=Formule ARGENT} {subtitle=100€/an} {image=/images/actions-demo/box/engrenage.jpg} {link=#} Les fonctions essentielles pour les passionnés Option 1 Option 2 Option 3 Option 4 {====== 2 } {title=Formule OR | class=+t-jaune} {subtitle=150€/an} {image=templates/purity_iii/images/actions-demo/box/engrenage-bronze.jpg} {link=#} Pour les professionnels exigeants, toutes les options pour une performance accrue. Option 1 Option 2 Option 3 Option 4 Option 5 Option 6 {======= 3 } {title=Formule BRONZE} {subtitle=60€/an} {image=/images/actions-demo/box/engrenage-bronze.jpg} {link=#} Pour découvrir ce fabuleux produit {up csv2list | class=ml3} [ico-oui] Option 1 [ico-oui] Option 2 [ico-non] Option 3 {/up csv2list} {/up box} {up csv2table | model=green | header=1 | footer=1 | col=G10-90-D} Réf; Description; Prix 123; un [b]super[/b] produit; 25.30€ 456; "un autre; aussi bien"; 18.00€ [2]TOTAL; 43.30€ {/up csv2table} Copy   Карточка

corner ~ badge and ribbon in a corner     {up corner=PROMO | bloc-class=p2 bg-jaune | filter=datemax:20221231} SUPER PRODUIT {up lorem | max-char=200} {/up corner}       {up pdf-gallery=files/doc} Avec {up tooltip=Universal Plugin}UP{/up tooltip}, ajouter une info-bulle pour préciser une information est très facile.  Un exemple pour montrer les possibilités d' {up tooltip=En informatique, une infobulle est un message qui apparaît en surimpression lors du passage du pointeur de la souris sur certains éléments de l'interface graphique. [a href="//fr.wikipedia.org/wiki/Infobulle" target="_blank" class="u"]source Wikipedia[/a] | opacity=100 | model=white | position=left | bottom | width=450 } info-bulle {/up tooltip} avec {up tooltip=[div class="tc"][img src="/images/up-lego-150x115px.png" height="115" width="150"][br]Un plugin Universel pour enrichir vos contenus.[/div] | w=200} UP {/up tooltip}  un style {up tooltip={up icon=smiley | size=32} un petit sourire | model=yellow | w=350}jaune{/up tooltip} (model=yellow)  Une phrase avec {up span=color:#f00}un mot en rouge et {up span=b}gras{/up span}{/up span}

 {up flexauto=3 | tablet=2 | bloc-style=border:1px solid #999; padding:10px | class=tc fg-gap} {up pdf-gallery=files/doc | file-mask=*memo* | main-tag=0 | item-tag=div | template=[h5]##human-name##[/h5][p]##info##[br]##image##[br][small] ##size## - ##date##[/small][/p] ##btn-download## [br] ##btn-view## | btn-view-text=Voir %s | btn-view-style=badge-vert;text-decoration:none | btn-download-text={up icon=Ux1F4E5} Télécharger[br]%s | btn-download-style=btn;btn-info;mb1 } {/up flexauto} tab ~ responsive tabs https://up.lomart.fr/demo/action-tab This script displays content in panels with tabs on the top, left, or right. On a small screen, the display turns into an accordion.  

  {up tab | side=left | title-style=width:15% | content-class=bg-jauneClair | content-style=min-width:85%;min-height:350px | espace-vertical=1 | auto=8000 | css-head= #id > ul li[border-left:1px solid #bbb] #id > ul li::after[width:0] #id > ul li.active[background:yellow] #id > ul li.active::after[background:red;width:10px] #id div.accordian_header[background:#fff] /*pour mobile*/ #id .tab_content p [margin:0] /*pour demo */ } Onglet n°1 Titre du premier onglet {up icon=Ux1F199,48} un petit UP bien centré entre le titre et le pied Une ligne tout en bas pour démontrer l'action de l'option espace-vertical 1 ligne {up icon=Ux278A,#069,48px} une unique ligne alignée en haut 2 lignes {up icon=Ux278A,#069,48px} une première ligne en haut {up icon=Ux278B,#069,48px} une deuxième ligne en bas 3 lignes {up icon=Ux278A,#069,48px} une première ligne en haut {up icon=Ux278B,#069,48px} une deuxième ligne au centre {up icon=Ux278C,#069,48px} une troisième ligne en bas 4 lignes {up icon=Ux278A,#069,48px} une première ligne {up icon=Ux278B,#069,48px} une deuxième ligne {up icon=Ux278C,#069,48px} une troisième ligne {up icon=Ux278D,#069,48px} une quatrième ligne en bas non espacé {up icon=Ux278A,#069,48px} une première ligne en haut {up icon=Ux278B,#069,48px} une deuxième juste au dessous. Voir les explications ligne 35 {/up tab}   text-typewriter le plugin UP est {up text-typewriter=génial, fantastique, hyper-pratique | loop} accordion Although the primary function of this action is to display content in tabs, it is possible to display it in an accordion. It is enough to indicate accordion as argument of tab   {up tab=accordion}

Главная страница Modal {up modal=index.php?option=com_content&view=article&id=147&catid=396} Voir les moyens de personnaliser une action {/up modal} jcontent-by-categories ~ (jnews) news on your site (catid=46- hot-articles)  marquee: horizontal scroll {up marquee=les dernières actions | model=info | lbl-class=ph2 tc | lbl-pos=right} {up jcontent_by_categories=46 | maxi=3 | item-style=display-inline-block; border-right:1px solid #069;ph3} ##title## ##subtitle## ##date-crea## par ##author## {/up jcontent_by_categories} {/up marquee} vertical scrool {up marquee | direction=up | h=300px | model=info | lbl-pos=none | msg-class=ph1 | scrollamount=5} {up jcontent_by_categories=46 | maxi=5 | prefset=article-avec-image | item-style=min-height:180px} {/up marquee} Полезные ссылки https://www.linux.org.ru/forum/web-development/12254164 https://joomlaportal.ru/blogs/extensions/2952-novyj-fajlovyj-menedzher-dlya-joomla https://www.norrnext.com/quantum-manager https://codepen.io/ghanshyam-patel/pen/xxgQBzB https://kenwheeler.github.io/slick/ https://ru.stackoverflow.com/questions/1215930/%D0%9A%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-slick-slider-%D0%BE%D1%82%D0%B7%D1%8B%D0%B2%D1%87%D0%B8%D0%B2%D1%8B%D0%BC https://alexnettm.com/ru/mysql/mysql-kak-skopirovat-dannye-s-odnoj-tablitsy-v-druguyu.html https://web-tolk.ru/blog/joomla-4-shablon-cassiopeia-sovety-i-khitrosti.html https://habr.com/ru/post/657647/ https://php.ru/forum/threads/pomogite-razobratsja-array-to-string-conversion-v-php7.61391/ http://joomla-code.ru/joomla-developer/jhtml-select https://docs.joomla.org/List_form_field_type https://rolandd.com/blog/joomla/adding-stylesheets-scripts-and-images https://docs.joomla.org/Form_field#Showon https://masterpro.ws/joomla-four-module-creation https://joomlaforum.ru/index.php/topic,358442.new.html#new https://wedal.ru/rasshireniya-joomla/wedal-joomla-slider-2-besplatnyj-universalnyj-slajder-dlya-joomla.html https://demo.dj-extensions.com/dj-mediatools/homepage https://itchief.ru/bootstrap/tooltips https://iopscience.iop.org/article/10.1070/RCR4871 https://www.w3schools.com/howto/howto_css_arrows.asp https://service-joomla.ru/komponenty/item/96-phoca-gallery.html https://docs.joomla.org/J4.x:Using_Bootstrap_Components_in_Joomla_4 https://mb4.ru/cms/joomla4/587-adding-language-management-in-joomla-4-conponent.html https://www.jetbrains.com/ru-ru/webstorm/whatsnew/ https://itchief.ru/bootstrap/installation https://docs.joomla.org/J4.x:Creating_a_Simple_Module/ru https://www.w3schools.com/php/func_error_debug_backtrace.asp https://docs.joomla.org/Component_Program_Flow https://docs.joomla.org/SQL_form_field_type https://mb4.ru/cms/joomla4/883-j4-component-tutorial-mywalks-part-1-the-site-code.html https://docs.joomla.org/J4.x:My_Walks_Part_2:_The_Administrator_code guthub.com UserName: TamaraGus  password: Tamara48G Tamara48G IgDg7379 https://docs.joomla.org/JDOC:Joomla_4_Tutorials_Project https://www.jetbrains.com/ru-ru/webstorm/ https://itchief.ru/bootstrap/installation https://docs.joomla.org/J4.x:My_Walks_Part_2:_The_Administrator_code TamaraG IgDg7379 https://www.w3schools.com/bootstrap/bootstrap_panels.asp https://wedal.ru/news/12-novykh-vozmozhnostej-joomla-4.html https://getbootstrap.com/ https://wedal.ru/news/12-novykh-vozmozhnostej-joomla-4.html http://web.nioch.nsc.ru/phpMyAdmin/index.php?db=nioch2015&table=nioch_art&target=sql.php&token=f591b5615be9b6c776a27e73210fc8cc https://www.w3.org/Style/Examples/007/roundshadow1 https://mb4.ru/cms/joomla4/587-adding-language-management-in-joomla-4-conponent.html https://zaurmag.ru/joomla/podklyuchenie-stilej-i-js-plaginov-v-joomla.html https://wedal.ru/rasshireniya-joomla/wedal-joomla-slider-2-besplatnyj-universalnyj-slajder-dlya-joomla.html?utm_source=telegram-joomla-feed https://dj-extensions.com/dj-mediatools https://www.w3schools.com/howto/howto_css_arrows.asp https://sgugit.ru/teachers/lizunova-irina-vladimirovna/ https://timeweb.com/ru/community/articles/znakomstvo-s-bootstrap  bootsprap https://getbootstrap.com/docs/4.0/getting-started/introduction/  purity iii Phoca Gallery Demo - Spring   скачала https://service-joomla.ru/komponenty/item/96-phoca-gallery.html Corporation Joomla Template Documentation https://www.w3schools.com/css/default.asp T3 Documentation https://demo.pixelemu.com/pe-school-kindergarten/ https://demo.pixelemu.com/pe-school/ https://support.dj-extensions.com/portal/en/kb/extensions/dj-megamenu/joomla-4-documentation https://dj-extensions.com/products/joomla-extensions https://itchief.ru/bootstrap/tooltips https://www.w3schools.com/howto/howto_css_arrows.asp Right arrow: Left arrow: Up arrow: Down arrow:

{up marquee | direction=up | h=300px | model=info | lbl-pos=none | msg-class=ph1 | scrollamount=25} {up jcontent_by_categories=46 | maxi=5 | prefset=article-avec-image | item-style=min-height:180px} ##title## ##subtitle##
##date-crea## par ##author## {/up marquee}

{up scroller=5 | style=border:2px solid #369 | css-head=#id .treadmill-unit[outline:1px solid #369;padding-left:5px]} {up jcontent_by_categories=46 | maxi=8 | main-tag=0} ##title## ##subtitle##
##date-crea## par ##author## {/up jcontent_by_categories} {/up scroller}

{up tab | side=left | auto=3000 | content-style=min-height:370px | espace-vertical=1} {up jcontent_by_categories=46 | maxi=5 | prefset=article-pour-tab} {/up tab}

{up tab=accordion | auto=3000 | css-head=#id h3[margin-top:0]} {up jcontent_by_categories=46 | maxi=3 | prefset=article-pour-tab} {/up tab}