Card shortcodes in grid layouts | 3 Shortcodes: t1-i1-u1
IOR Documentation
Examples using: - t1(Content card) - i1(Image card) - u1(Header module)
2021-11-30

Using Float boxes

  t1 Web dev.1 ØfL pØc1
[ sc name="u1" ti="t1 Web dev.1 "cl='pØb' st='width:100%' fa='fa fa-youtube' tg='txc1' ur='/post/column-layouts' ][ /sc ]
Caption i1 ØfL
 [ sc name="i1" cl1='ØfL post_wrap1' st1='width:98%; break-inside:avoid; margin:2%;' wi='100%' cl2='alignleft' ca='Caption i1' uri='/wp-content/uploads/COVID2.jpg' ][ /sc ]
t1 Web dev.2a ØfL1
t1 Content for this example: Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, (width:35%; margin-right:6px!important;, t12 | , txc11)
t1 Web dev.2b ØfL
t1 Content for this example: Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, (width:35%; margin-right:6px!important;, t12 | t12, t)
t1 TITLE3 A ØfL0
t1 Content for this example: Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, (width:33%; margin-right:6px!important;, t12 | , t)
t1 TITLE3 B ØfL3
t1 Content for this example: Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, (width:33%; margin-right:6px!important;, t12 | , t)
t1 TITLE4 ØfL1 pØc1
(width:20%; margin-right:6px!important;, t14 | , t)
Organ damage · Inflammation · Fibrosis

Known issues:
• The two double quote ” and single quote ‘ delimiters used in the code will esily conflict with the content or other additions inside the editor. (French text uses ‘ in words and “quote marks” could be added.)
• Maintaining the proper syntax composition is a complex, easily error prone and beginners will not be able to use. (Inserting an image will add new parameters with new double quotes eg. width=”100″)
• The the title and content entries are too mixed up with the formatting.

t1 Shortcode = [ sc name=”t1″ ][ /sc ]     Parameters: [ sc name="t1" cl1=' ' st1=' ' ur=' ' fa=' ' ti=" " tg1=' ' co=" " cl2=' ' st2=' ' tg2=' ' ]

 Code
Edit Code

< div class=" cl1 " style=" st1 " >< tg1 > ti < / tg1 >< / div >< hr class="_hr" >
< div class=" cl2 " style=" st2 " >< tg2 > co < / tg2 >< / div > < / a > < hr class=" _ hr " >
 Shortcode
[ sc name="t1" ur='/abc.com' cl1='ØfL1 post_wrap1' st1='width:30%; margin-right:6px;' tg1='b' cl2='pØ'(or empty if flow) st2='pØ' tg2='t' hr='5' ti='Title' co='Content'][ /sc]
 Rendering
1 - Les experts américains contre une 3e dose pour tous
(cl2 ' ' Empty) | Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, un comité consultatif de l'Agence américaine des médicaments (FDA) s'est prononcé ce vendredi contre une troisième dose de vaccin anti-Covid de Pfizer pour toutes les personnes âgées de 16 ans et plus. (width:35%; margin-right:8px; padding:3px 6px;, t15 | , t)
Les experts américains contre une 3e dose pour tous
Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, un comité consultatif de l'Agence américaine des médicaments (FDA) s'est prononcé ce vendredi contre une troisième dose de vaccin anti-Covid de Pfizer pour toutes les personnes âgées de 16 ans et plus. (width:30%; margin-right:6px;, t13 | t12, t)
Les experts américains contre une 3e dose pour tous
Craignant les risques de myocardite, une inflammation du muscle cardiaque, chez les jeunes adolescents et adultes masculins, un comité consultatif de l'Agence américaine des médicaments (FDA) s'est prononcé ce vendredi contre une troisième dose de vaccin anti-Covid de Pfizer pour toutes les personnes âgées de 16 ans et plus. (width:30%; margin-right:6px;, t13 | t12, t)

i1 Shortcode = [ sc name=”i1″ ][ /sc ]     Parameters: [ sc name="i1" cl1=' ' st1=' ' uri=' ' wi=' ' cl2=' ' ca=' ' ]

 Code
Edit Code

< div class=' cl1 ' style=' st1 ' >< img src=' uri ' alt= '' width=' wi ' class=' cl2 ' />
< div class=' Øsub0 ' > ca < / div > < / div > < / a > < hr class=' _ hr ' >
 Shortcode
[ sc name="i1" cl1='pØb' st1='width:20%' ur='/post/column-layouts' fa='fa fa-youtube' ti="Titre i1" tg1='txc1' ][ /sc ][ sc name="i1" uri='/def.jpg' cl1='ØfL1 post_wrap1' st1='width:96%; break-inside:avoid; margin:2%;' tg1='b' cl2='alignleft' ca='Caption' hr='5'][ /sc]
 Rendering
Caption

u1 Shortcode [ sc name=”u1″ ][ /sc ]     Parameters: [ sc name="u1" cl1=' ' st1=' ' ur=' ' fa=' ' ti=" " tg1=' ' ]

 Code u1
Edit Code

< div class=" cl " style=" st " > < tg > ti < / tg > < / div > < / a >

 Shortcode u1
[ sc name="u1" cl='pØb' st='width:20%' ur='/post/column-layouts' fa='fa fa-youtube' ti="Titre u1" tg='txc1' ][ /sc ]
 Rendering u1
  Titre u1