CV_view3 (1ste Side Innsikt) [ID: f7e290fjqw] | 
CV_view6 Tips [ID: 545ea3efr3] |
TEMPL [ID: a532b229r5] |

CV_view3 (1ste Side Innsikt)
No posts found.
CV_view6 Tips

HANGOUTS

Sorry, but you do not have permission to view this content.
...
Les mer

Collapse-o-matic – jittery expand

Collapse-o-matic – jittery target expand / collapse

This page illustrates two different cases:

The expand using only trigclass is smooth and OK
  • trigclass | class assigned to the entire trigger
    Assigns a custom class to the entire trigger element. The animation is smooth. Content. Content.


The expand using only targclass is close to unacceptable due to the jitter.
  • targclass | class assigned to the entire target -› Very jittery expand/collapse!
    The targclass attribute makes the expand/collapse “jitter” badly. Content. Content.


...
Les mer

Collapse-o-matic IMG3

Collapse-o-matic IMG3 | Reference

Collapse-o-matic | Spoilers1 | Collapse-o-matic – Basics | Collapse-o-matic – Doc1 |  Collapse-o-matic – IMG | Collapse-o-matic – IMG2 |  Collapse-o-matic IMG3 |  Collapse-o-matic – Jittery expand |




slideToggle

slideToggle collapse-o-matic-1.8.3. Installed

slideFade

slideFade collapse-o-matic-1.8.3. Installed

fadeOnly

fadeOnly collapse-o-matic-1.8.3. Installed

LINE OF TRIGGER HORIZONTAL IMAGES USING THE SC CV2
- wpbb post:title
CV2
Title trigger
sc name= sc_2
sc name= sc_2
acf_cardlet2
acf_wys5
acf_cardlet1
Collapse-o-matic IMG2

Collapse-o-matic IMG2

IMPORTANT: Archive releases/jquery-collapse-o-matic This is an example of some text as an in-line trigger expand title=”in-line trigger” tag=”span” targtag=”span” targpos=”inline” trigclass=”my_trigger span_fix noarrow” targclass=”span_fix” with some text at the end.
  • 1. The rel attribute|
    The rel attribute is used to group related expand elements by the assigned value. Expanding a member of one group will automatically collapse any expanded elements that belong to another group.
  • 1. Accordion groupings with rel and id
    expand title=”1.” swaptitle=”Close” tag=”div” alt=”.” rel=”1″ id=”1″ elwraptag=”li”
  • 2
    expand title=”2″ rel=”2″ id=”2″ elwraptag=”li”
  • 3
    expand title=”3″ rel=”3″ id=”3″ elwraptag=”li”
  • 3bis
    expand title=”3bis” rel=”3″ id=”4″ elwraptag=”li”
  • 5. su_post variables
    expand title=”5″ rel=”4″ id=”5″ elwraptag=”li”
    Preview spoiler, created on 2021-10-27 22:51:26      su_post field=”post_title” post_id=”59599″,     su_post field=”post_date” post_id=”59599″:
  • 1.b | F_59599 Using 'rel' grouping
    Preview spoiler Nested SC with Curly brackets

    ACF_Txt2[ fl_builder_insert_layout id=”43343″]

      Custom Fields1 Base fields
    Preview spoiler
    ▷ acf_txt1
    ▷ acf_img
    ▷ acf_quote

    2 Preview spoiler : 59599 The objective is to design a highly useable spoiler solution for remote news and article previews in the article inserts page.

    ▷ acf_wys2
    acf_nb: 1.  |   acf_id: 59599
    ▷ acf_nb · acf_id
    ▷ acf_editpost
    Img 1,2,3, logo
    ▷ acf_img1
    ▷ acf_img2
    ▷ acf_img3

    ▷ acf_logo
    Preview spoiler
    ▷ wpbb post:featured_image
    Edit FLB Template R_acf1 |   Popup R_acf1 |  id=43343
      Custom Fields2: Assembled
    ACF_Wys: 1, 3
    Distribute1: To multiple sites
    ▷ acf_wys1
    Preview spoiler : 59599 ▷3 ØfL1 | Øsub3
    ▷ acf_wys3

    5

    ▷ acf_wys5
    ACF_Wys: 2, 4

    2 Preview spoiler : 59599 The objective is to design a highly useable spoiler solution for remote news and article previews in the article inserts page.

    ▷ acf_wys2

    The acf_txt1 title is entered both via [ wpbb post:title] – and – manually. There are issues in certain remote post calls with the wpbb post:title in acf_txt1.4

    ▷ acf_wys4

    Preview spoiler : 59599

    ▷ acf_wys6
    Combination of 3 BeaverB columns, each containing LGC Columns
      Code Snippets Cardlet1

    Distribute1: To multiple sites

    2 Preview spoiler : 59599 The objective is to design a highly useable spoiler solution for remote news and article previews in the article inserts page.

    59599 Edit xyz-snippet cardlet1
    Edit Cardlet1 |   Popup Cardlet1 | id13
    Snippets Manage All |   Popup Code Snippets Manage
      Code Snippets Cardframework2
    Preview spoiler

    Preview spoiler : 59599 ▷3 ØfL1 | Øsub3

    The acf_txt1 title is entered both via [ wpbb post:title] – and – manually. There are issues in certain remote post calls with the wpbb post:title in acf_txt1.4

    5959959599
    Edit Cardframework2 |   Popup Cardframework2 | id11
    Snippets Manage All |   Popup Code Snippets Manage
...
Les mer

Collapse-o-matic Basics

Collapse-o-matic Basics | Doc1 + My Button style
1.
2.
Caption1: ØfL1.25% | Øsub0
< style > .my_button {background-color:rgba(226,226,230,1); font-weight:bold; color:rgba(100,100,100,1); letter-spacing:1px; border-radius:2px; padding:4px 6px; width:100px; text-align:center; border:1px solid rgba(180,180,170,1);} .my_button.colomat-hover {background-color:rgba(210,210,214,1); color:black; letter-spacing:1px; text-align:center; border:1px solid rgba(180,180,170,1);} < /style > 75395 Edit sc cardlet1
Target content for second trigger
The Roll-Your-Own Method … when this trigger is clicked, .. it shows the expand content … there inline, right in the middle of the current text flow.
Chapter 1
Caption1: ØfL1.25% | Øsub0
.. Here is the expand content including with the ACF_wys1
… there inline, right in the middle of the current text flow.
Important … Inline Trigger with Block Target.. Here is the expand content including with the ACF_wys1
Caption1: ØfL1.25% | Øsub0
It is clicked in the middle of a text sequence …
Collapse-O-Matic Button · Code Note: Where is the noarrow class?
Open
[ expand title=”Open” swaptitle=”Close” trigclass=”noarrow my_button” tag=”div ] Style (See local in this page) .my_button | .my_button.colomat-hover

Open ... Trying to master ...
Les mer
Collapse-o-matic IMG

Collapse-o-matic IMG

Collapse-o-matic IMG ….. [ expand ]

75254 wpbb post:id 75254wpbb post:acf type=’wysiwig’ name=’acf_id’ is correct 75254 -/- wpbb post:title Collapse-o-matic IMGwpbb post:acf type=’wysiwig’ name=’acf_txt1′ is correct! Collapse-o-matic IMG
59599  wpbb post:id 59599wpbb post:acf type=’wysiwig’ name=’acf_txt1′ is correct! 59599 -/- wpbb post:title Preview spoilerwpbb post:acf type=’wysiwig’ name=’acf_txt1′ is correct! Preview spoiler
55461 wpbb post:id 55461wpbb post:acf type=’text’ name=’acf_id’ is correct! 55461 -/- wpbb post:title Article inserts simplewpbb post:acf type=’text’ name=’acf_txt1′ is correct! Article inserts simple
  • 1. The rel attribute|
    The rel attribute is used to group related expand elements by the assigned value. Expanding a member of one group will automatically collapse any expanded elements the belong to another group.
  • 1.a | F_75254 Using 'rel' grouping
    Collapse-o-matic IMG Nested SC w. curlyB

    ACF_Txt2[ fl_builder_insert_layout id=”43343″]

    Custom Fields1 Base fields
    Collapse-o-matic IMG
    ▷ acf_txt1
    ▷ acf_img
    ▷ acf_quote

    2 Lorem ...
    Les mer

Card0 wpautop active

Card0 wpautop active

From manual WP Excerpt, calls this -›

wpbb post:acf type=’wysiwyg’ name=’acf_excerpt’ sc-›
Caption: Øsub4

Card0 wpautop active




 [wpbb post:title]    |   card0-wpautop-active Edit post - id:73547
logo
img
img1
img2
img3

  The images are defined in the page's ACF custom fields | Sourced from: "card0-wpautop-active" | ID: "73547"

Card0: Anita var med på “Gi faen kurs for flinke piker” piloten i 2017.

2| Hun hadde noen hyggelige tilbakemeldinger:

“Takk for lærerike og inspirerende kurs Catherine! Det har gitt meg nye perspektiver. Du er flink til å utfordre og oppmuntrer til å våge mer.” FONT COLOR TESTS
Le livre a d’abord été rejeté à cause de son caractère profane dont témoignent les nombreuses images érotiques comme « tes seins sont comme deux faons…



Edit sc_1

‹-sc
...
Les mer

Spoilers1

Spoilers1 | Mainly Simple Accessible Spoiler and issues tests


≥ See also .. •  Show-hide-collapse-expand | bunte-giraffe | Paying 7 eur





(•) Collapse-o-matic ∫ … ≥ See dedicated page(•) (•) Simple Accessible Spoilers. Installed but PB’s


(•) Inline Spoilers(•) Tiny Spoiler 


.BG Collapse

SECTION 1


Inline-spoilerstxt2> • Uninstalled
Note: Inline Spoilers -> WP plugin description
Limited but takes SS3 shortcodes. Nomenclature |spoiler||/spoiler| issue! NotOK (1/5 • Uninstalled)

Manual Spoiler coded in Shortcoder
Works with only 1 layout insert and Only with page inserts that use Smartsliders
el-spoiler

NotOK

Flex-grow

The flex-grow property


section class=”p1″

IOR
ØfL6: Øsub1
IOR
ØfL6: Øsub1
Caption w33 ØfL1 | Øsub3

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


ABCDEFG
flex-grow: 1-n
flex-grow: 1-n
...
Les mer

Gergir

Vos coussins en beauté

With our special Zen Life master guide, you will be guided to becoming a person living a simple and easy life. We have helped thousands of people reach their potential.

Join Now

Happy thoughts from our Zen Life clients

Let me be the first to tell you that I have tried almost all Zen courses out there. And, every time I have failed. Well, Zen Life was a totally different way of seeing things. And, I am now in the second stage of my Zen training and have not failed so far. My aurora might not be as clear as others, but I will get there with Zen Life – mark my words!

What can I say? I was once a person with no meaning in life. My life was empty and I felt like a loser. A close friend of mine gave me a link to Zen Life and my life is suddenly a life with a purpose. I have never felt this way before and I recommend it to all people I meet on my path to becoming 100% Zen.

A bright light in the shape of a Zen ...
Les mer

Paid Membership Pro

Paid Membership Pro plugin


(New) Paid Membership Pro Free

PMP Client1 description
Exclude Utvikling Category | Non-members will not see posts in this category.

Paid Memberships Pro | Goto pageDeactivated Plugin to try others.

Summary


The most complete member management and membership subscriptions plugin for WordPress | Version 2.7.3 | By Stranger Studios | View details | Docs | Support

Comments


PMP is complex to set up. The core Membership pages do not show up on “un-logged” browser or Stylizer
Demo page /posts/paid-membership-pro

Account Page: Membership Account [ pmpro_account]
Billing Information: Membership Billing [ pmpro_billing]
Cancel Page: Membership Cancel [ pmpro_cancel]
Checkout Page: Membership Checkout [ pmpro_checkout]
Confirmation Page: Membership Confirmation [ pmpro_confirmation]
Invoice Page: Membership Invoice [ pmpro_invoice]
Levels Page: Membership Levels [ pmpro_levels]
Optional: Customize your Membership Levels page using the Advanced Levels Page Add On.
Log In Page: Include the shortcode [ pmpro_login]
Member Profile Edit Page: Your Profile [ pmpro_member_profile_edit]

Plugin details

Paid Memberships Pro is designed to be the most comprehensive free membership plugin for WordPress. Like the Ultimate Member plugin, it provides Gutenberg blocks, customizable ...
Les mer

CSS tips

CSS tips


IOR Documentation
Basic CSS solutions and Custom CSS plugins
2021-12-03



Issues:
1/ Font formatting changes after line space. < div class=”clearfix” style=”clear:both”>< /div>
2/ Single and double quote conflicts.

TXC10 + (acf_img2 ·40% ·align:left) | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Txc11 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ...
Les mer

SC-t1-i1-u1


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 ]

Grid Area

The grid-area & grid-template-areas properties

The grid-template-areas property helps set up a grid layout. Class item Gbox1 has a grid-area property which we choose to define as “GA1” and will take up the place of 2/5 colums, with following syntax:


grid-template-areas:"GA1 GA1 . . ." .Gbox1 {grid-area: GA1;} .Gbox3 {grid-area: 2 / 1 / span 2 / span 3;} .grid-container1 {display: grid; grid-template-areas:'GA1 GA1 . . .'; grid-gap: 7px; background-color:rgba(120,140,210,0.5); padding: 8px;} .grid-container3 {display: grid; grid-template-columns: auto auto auto auto; grid-gap: 7px; background-color:rgba(120,210,180,0.5); padding: 8px;} .grid-container1,2,3 etc. > div {background-color: rgba(255,255,255,0.7); text-align: center; padding: 20px 0; font-size: 30px;} 

grid-template-areas


grid-template-areas

1
2
3 .Gbox2 | {..; g-t-a : “. . GA2 GA2 GA2”; ..}
4
5
6
7
8

Different method. grid-template-columns (auto), instead ...
Les mer

Article5


 Article 5 | Vertical alignement    |   article5 Edit post - id:49341

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_2
...
Les mer

Covid

SARS Cov-2 | Prophylaxis · Treatments · Vaccines | (Mis)-information


This is not a medical site
A private compilation of articles, videos and interviews from a selection of French and English language sources
2021-12-03


Santé Publique France

Key metrics Y over year

1


  19 Conferences @IHU Méditerranée-Infection | D.Raoult

HXC mechanisms

• Pathophysiologic Basis and Clinical Rationale for Early Ambulatory Treatment for COVID-19 and Update on Vaccine Safety – 2021-07-05 | 22min


Peter McCullough Pr.Medecin Texas A & M College of Medecine


/wp-admin/edit.php?post_type=popup Popups

Dashboards and tools


Core components

SU Tabs vertical

SU Tabs vertical |  Management, Examples


Settings and Tests with the Shortcode Ultimate Plugin



!! The SU_Tabs are not OK. Vertical Mobile does not behave with open pane under the selected title, but under the title list.


SU Tabs Vertical

Edit

Analytics |16Enrich PDF's |105Share Live |26Wizeflow Studio |64Resources |77SF Einstein VideoCRM Integration |29Compare Solutions (Issues) |83
previous arrow
Slide 1
Analytics

Dashboards will be visible directly in Google Analytics and Data Studio

Image is not available
Analytics
Accessing the reports
Slide 1
Grasp the Significance of
Key Indicators
And the trends that matter
to your business.
Connect directly and ENGAGE
with your audience
next arrow
previous arrow
Features 1

Enrich your PDF Documents

To enable amazing engagements with your customers

Image is not available
Documents Going Live

Your PDF documents easily become live and interactive to power customer engagements.

Image is not available
Engaging Interactions

PDF documents can host a full web platform with videos, links, mini-apps and chat bots.

Image is not available
Internet in the PDF

Build new Internet services directly inside mail attachments or downloaded PDF's.

Features 2 - copy

Transform document sharing into live experiences

Leave and restart shared sessions at any time,

and keep trace of the annotations in the published document.

...
Les mer

PLG_Sitemap

Sitemap – Page list PLugin (misses 3 WP versions) (CSS tuned in SiteOrigin)


Pagelist_ext | include=20733(P0), 33101, 23729, 44722

Formidable Forms

Very good UI | Rich Product | Way too expensive 50-400 USD/y [formidable id="1" title="1" description="1"] [formidable id="1" title="1" description="1"] [formidable id="2" title="1" description="1"] View entries
Post Inserts BB

Post Inserts BB

- Post Inserts BB |  Incl acf_excerpt · featured image

[ pagelist_ext sort_column="post_date" sort_order="desc" include="33101, 23729, 44722" child_of="4" class="page-list-cols-2" image_width="40"]

Pagelist_ext | number=25

[ pagelist_ext sort_column="post_date" sort_order="desc" number="15" child_of="4" class="page-list-cols-2" image_width="40"]
Hover Cards5

Hover Cards5

card_00n | card_04n

Hover cards4

card_00n | card_04n

Hover cards2

card_99n | card_00n | card_01n | card_02n | card_03n iorelys.com/contact

List Pages (Plg)

[ list-pages sort_column='post_modified' sort_order='DESC'] [ display-posts date_column='post_modified_date' order="DESC" posts_per_page="200"] Order: Not DESC?? [ catlist] Order: DESC definED in the Settings

Template3

WP EXCERPT for Template3 - id79281

Velkommen (Nicepage)

En ufo​rglemmelig opplevelse OCC er en av landets flotteste 18 hulls golfbaner, med hotell og gourmet restaurant samlet på Oustøen i Bærum. Det må nevnes at klubben er privat og du ...
Les mer

SU Tabs

SU Tabs |  Management, Examples, CSS


Settings and Tests with the Shortcode Ultimate Plugin



1. SU_Tabs* The CSS Archive is inserted.


^SU ManagementRemote post Multi-site-links ID=45002CSS Archive


• Shortcode samples GetShortcodes.com web site
• Link to standard WP.org SU CSS list
• Using the custom CSS editor – Using Custom Classes | GetShortcodes.com
• Using the Custom CSS Editor – Finding the selector | GetShortcodes.com
SU Post data: [ su_post field=”post_title” post_id=””] Inactive ???


ID=33716% | R-@-> | ID=%


ID=% | R-@-> | ID=33716%

CSS archive 25 Aug.

/* | SU SPOILER | ELM 20200824 _______________________| */ .su-spoiler-title {position: relative; cursor: pointer; min-height:10px; line-height:14px; padding: 7px 7px 7px 25px; border-bottom: 1px solid rgba(230, 230, 230, 1); font-weight: 700; font-size: 13px; }

.su-spoiler-title:focus {outline: thin none rgba(160, 160, 160, 0);} .su-spoiler-content {background: rgba(255, 255, 255, 1); margin: 3px 4px ; padding: 4px 10px ; -webkit-transition: padding-top 0.2s; transition: padding-top 0.2s; -ie-transition: padding-top 0.2s;}

/* Class: spoiler1 */ .su-spoiler.spoiler1 {border: 1px solid rgba(220, 220, 220, 1); border-radius: 2px; padding: 3px; background: rgba(250, 250, 250, 1); color: #333;}

.su-spoiler.spoiler1 ...
Les mer

SU Shortcodes CSS

SU Shortcodes Ultimate CSS


Go to version 2022-03-10

.su-spoiler-content.su-u-clearfix.su-u-trim {padding: 1px;}
.su-row .su-column {display: block; float: left; box-sizing: border-box;margin: 0 0 0 1%;}
.su-row .su-column-size-1-3 {width: 32%;}
.su-spoiler {margin-bottom: 0em; margin-top: 0.05em;}

.su-spoiler-icon
{
position: absolute;
left: 3px !important;
top: 12px !important;
display: block;
width: 100px!important;
height: 20px;
line-height: 15px !important;
text-align: left !important;
font-size: 15px !important;
font-family: ShortcodesUltimateIcons;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
}

/*MAIN COLOR (120, 120, 150, 1); or #333; shifted to inherit; */
/* | SU SPOILER | ELM 20200824 _______X OVERFLOW__________| */
.su-spoiler-title {position: relative; cursor: pointer;
min-height:10px; line-height:14px;
padding: 3px 7px 4px 20px; border-bottom: 0px solid rgba(230, 230, 230, 1);
font-weight: 700; font-size: 13px;}
/* | CORRECT spoiler-title | ELM 20210928 | _____________________________ */
.su-spoiler-title { padding: 3px 7px 4px 20px !important; border:0px solid #ccc;}

.su-spoiler-title:focus {outline: thin none rgba(160, 160, 160, 0);}
.su-spoiler-content {background: rgba(255, 255, 255, 0); margin: 3px 4px ; padding: 4px 10px ;
-webkit-transition: padding-top 1s; transition: padding-top 1s;
-ie-transition: padding-top 1; overflow-x: visible;}

/* Class: spoiler1 */
.su-spoiler.spoiler1 {border: 1px solid rgba(220, 220, 220, 1); border-radius: 2px;
padding: 3px; background: rgba(250, 250, 250, 1); color: inherit;}

.su-spoiler.spoiler1 > .su-spoiler-title {background: rgba(250, 250, 250, 1);
/* min-height:10px; line-height:14px;*/ ...
Les mer

Codes & shortcodes

Codes and shortcodes

Repository ID | 56913 Note: xxxx.  
VTabs Elegant [ fl_builder_insert_layout id=57249] 3x= 57480 | 5x= 57484 | 8x= 57249
Vertical Tabs 8

Excp

Codes and shortcodes

  ≥ Edit-56913

Codes and shortcodes

| Codes & shortcodes
Post data and custom fields
  • Grid col [ lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="false"]
  • Spoiler [ su_spoiler title="TITLE" open="no" style="fancy;" icon="caret" anchor_in_url="no"]
  • Insert ACF [ wpbb post:acf type='wysiwyg' name=''acf_fieldname'] local post, or remote posts [ acf field='acf_fieldname' post_id='123'] Post ID is dependant on cascade of ID's and their management.
  • Beaver templates, Row Inserts and SU Drop caps See | drop caps and fl inserts

acf_wys2
Caption w33 ØfL1 | Øsub3
acf_wys3
Edit CF5-LGC |   Popup CF5-LGC id=52963

Codes and shortcodes  | codes-shortcodes Edit post - id:56913
logo
img
img1
img2
img3

The ...
Les mer

Tabs

Horizontal Tabs


ID=59449% | R-@-> | ID=59449%

Horizontal Tabs

  ≥ Edit-59449
Overview

Samples Tabs designed using various Plugins Go to article

Tab solutions


Responsive tabsets • Tabby [ tabby title ] [ tabbyending]  • Squelch [ tabs .. ] [ tab title= .. ][ /tab] [ /tabs] (Issues with scroll) • Beaver Builder Tabs
Non Responsive tabsets • SU_Tabs  [ /su_tabs] 
-› • Insert Theme Layouts or Shortcodes containing a combination of the above solutions

TABBY

^

sc_0

Horizontal Tabs

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Edit sc_0 |   Popup Edit sc_0

sc_1


Horizontal Tabs  | tabs Edit post - id:59449
logo
img
img1
img2
img3

The images are defined in the page's ACF custom fields | Sourced from: "tabs" | ID: "59449"

2 Lorem ipsum dolor sit amet, consectetur adipiscing ...
Les mer

WP Tabs CSS sp-tab

WP TABS Plugin is cludgy, incomplete and requires Pro version to populate the tab and panel fonts without custom css

Plug in management page
Edit Tabs INACTIVE
Shaped Plugins Site

Pros: Nice hover/click management
Cons: Requires Pro if you don’t want to style yourself and all content is managed in the plugin, to in the page/post editor.
The tabs section title is not generic and requires a number for each :-/

(css added to current WP Tabs specific settings):


.sp-tab__section_title_27512 {
font-size: 18px ! important;}

.sp-tab__section_title_27658 {
font-size: 18px ! important;}

.sp-tab__nav-link .sp-tab__tab_title {
font-size: 14px ! important;
font-weight: 400! important;
line-height: 1.4em ! important;}

Examples Tabs 1 & 2
[ wptabs id=”27512″]

[ wptabs id=”27658″]

The following CSS package saved here alleviates this overall, (but it’s hard to manage too many tabs solutions)
/* 20200818 ————————— — */

.sp-tab__section_title_27512 {
font-size: 18px ! important;}

.sp-tab__section_title_27658 {
font-size: 18px ! important;}

.sp-tab__nav-link .sp-tab__tab_title {
font-size: 14px ! important;
font-weight: 400! important;
line-height: 1.4em ! important;}

/* — Title Font Size >Title HTML Tag — /
.sp-tab__nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
background-color: rgba(20, 60, 100, 1)! important;}
...
Les mer

Fonts

Site Fonts

(All styled in Site Origin)


Site Fonts

  ≥ Edit-59381
Overview

Repository of Fonts Go to article

tx0 ET VTabset: Inserting an entire Card | Several ACF fields direct or via SC tx0b ET VTabset: Inserting an entire Card | Several ACF fields direct or via SC tx0c ET VTabset: Inserting an entire Card | Several ACF fields direct or via SC tx1 Wp_responsive_tabs WordPress Responsive Tabs tx1b Wp_responsive_tabs WordPress Responsive Tabs tx1c Wp_responsive_tabs WordPress Responsive Tabs tx2 SU Tabs | Shortcodes Ultimate | (Mobile not inserted here) tx2b SU Tabs | Shortcodes Ultimate | (Mobile not inserted here) tx2c SU Tabs | Shortcodes Ultimate | (Mobile not inserted here) tx3 Plugins to explore Various viewed in search of Tab solutions tx3b Plugins to explore Various viewed in search of Tab solutions tx4 HTML VTabs from W3C Sample: Has issues witth Tabby’s tx4b HTML VTabs from W3C Sample: Has issues witth Tabby’s tx5 Tab plugins status Tabs/Accordions Install status & notes tx5b SU Spoilers with “Sidebar Titles”

...
Les mer

IOR th_lay_sitewide

IOR Distributor version of th_lay_sitewide

Handcopy of IOR Sitewide Themer Layout stored in ACF_Wys0b / ≥ ID=58971 ID=58971%

Acf_post_content
1


[ wpbb post:acf type=’wysiwyg’ name=’acf_post_content’]

Acf_wys0
>2


ACF_Wys0


Post Content
3


[ wpbb post:content]

Acf_txt2
4


ACF_Txt2


...
Les mer

Member Content

This is the site’s member content – now available to you

/article-inserts-simple/
/posts/development/
/posts/passster-test-page/

...
Les mer

Passster test page

Protected content (◊This page is NOT page protected.)


Global redirect /unlock-protected-content/
Available /member-content/ after global unlock
Article-inserts-simple/ multiple links to protected posts


1. Hidden content (portion of page)
[passster password=”ior”]

Here is some content that will remain hidden as long as its password has not been entered somewhere in the page.

[/passster]


Content hereunder in red is hidden as long as the correct password is not submitted in the page.
Content: -›[passster password=”ior” hide=”true”]Here is the hidden content …[/passster]

2. Protected Area (content managed via remote dashboard)

The Protected Area
[passster password=”ior” area=”57964″]

The “Protected area” [ passster password="•••••" area="12345"] approach, however, means you need to create a content repository outside the page which is complex and has no purpose unless you need re-usable modules across several portions of the site.

Edit the Protected Area dashboard 12345

Loading


3. Protected Post or Page

View a protected post
Loading

4. Resources

Shortcodes
 Hidden content: [ passster password="123" hide="true"]Hidden content ..[ /passster] Several protected contents: [ passster password=”123″ id=”ps-1″]video-1[ /passster] [ passster password=”123″ id=”ps-2″]video-2[ /passster] 

Elegant Scroll Issue

Squelch Tabs Plugin notOK when Elegant Tabs plugin is activated
The unwanted scroll appears when clicking the Tabs in the Squelch Tab set below. Deactivating Elegant Tabs returns the page to normal



1/ Squelch Tabset Scroll issues appear when Elegant Tabset for Beaver Builder plugin is active

• acf_excerpt

Caption1: ØfL1.25% | Øsub0

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

• Featured

Squelch Shortcode Syntax: [ tabs title="" disabled="false" collapsible="false" active="0″ event="click"] [ tab title="Tab 0"]Tab 0 content[ /tab] [ tab title="Tab 1"]Tab 1 content[ /tab] [ tab title="Tab 2"]Tab 2 content[ /tab] [ /tabs] 


2/ Elegant Themes for Beaver Builder | Vertical Tabset Scroll issues corrected by support
Activate / De-activate Elegant plugin

Caption1: ØfL1.25% | Øsub0

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ...
Les mer

TEMPL
Parent column1
HTML in child Col1
acf_wys1
HTML in child Col1
acf_wys1
HTML in child Col2
acf_wys3
HTML in child Col1
acf_wys2
HTML in child Col2
acf_wys4
HTML in child Col3
acf_img2

PDF to MiniWeb Sites

id40 | M | 1080x620 noTM | Txt in Content 12px

id40 | T | 1080x620 noTM | Txt in Content 12px

id40 | P | 1080x620 noTM | Txt in Content 12px

Slide Three - CANVAS

To create engagement where it was previously absent!

AND INNOVATE

Capture Viewer Attention
id=166 Cave Type Test
.. and your teams.
.. and into a Treasure trove of
Customer Knowledge for you!
Turn any PDF file on your desktop
into a web experience for your viewers
Slide 1
Easily augment your PDF files with
Wizeflow Studio
Web Designers and Application Developers can master the power of Wizeflow Studio in a matter of minutes and Save to Send for immediate use.
Image is not available
Built for Web designers
All basic HTML interactions such as URL's, Video, Popups and Animated GIF's can be dropped into the document pages and linked to specific sections.
Image is not available
Built for app developers
Simple JavaScript snippets using your business rules can be designed and added to enable a host of new services around the PDF image and text assets.
Image is not available
Fully Integrated
Direct connections to your ERP or CRM allow the full integration of PDF's within your overall data-driven customer experiences.
CONNECT
Now, every PDF document you send or share
..
can be brought to life with web experiences,

with powerful distribution controls,
and
 with amazing usage insights,
to help you succeed.
unique relationships
can be brought to life, creating
Now, every document you share


Any Document turns into an Internet site.

Insert page Case6


Image entry BB
Back end entry from txt2:
This text is entered directly in the BB front end.|• t_w2 fL_p10 •|

Visible if Category is Article
Row8
Parent column1
3 child columns all with class post_wrap3 which makes them look merged

acf_tab1_content

acf_tab1_content

acf_tab2_content

acf_tab3_content

acf_tab4_content

acf_tab5_content

Caption w33 ØfL1 | Øsub3
acf_wys3

acf_tab6_content

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4

HTML in child Col0 | acf_tab1
Tab1

acf_tab1_content

acf_tab1_content
HTML in child Col1 | acf_tab2
Tab2

acf_tab2_content

acf_tab2_content
HTML in child Col2
Caption w33 ØfL1 | Øsub3
acf_wys3
HTML in child Col3

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
HTML in child Col1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Caption w33 ØfL1 | Øsub3
acf_wys3
HTML in child Col2
acf_logo
HTML in child Col2
Caption1: ØfL1.25% | Øsub0
acf_wys1
HTML in child Col1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
HTML in child Col2
Caption1: ØfL1.25% | Øsub0
acf_wys1 . . . . . . . . .
HTML in child Col1

sn fL1-Colnb

Caption w33 ØfL1 | Øsub3

Manual title

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4



...

Edit fL1-Colnb id=25 |   Popup fL1-Colnb id=25

sc fL1-Colnb-25-4

▷ ØfL1.25%.Img | Øsub0

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

Edit fl1-colnb-25-4 |   Popup fl1-colnb-25-4

sc_1


 Manual title    |   1-private-customer-based-on-thl3 Edit post - id:63746
logo
img
img1
img2
img3

  The images are defined in the page's ACF custom fields | Sourced from: "1-private-customer-based-on-thl3" | ID: "63746"

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Edit sc_1

sc_2


 Manual title    |   1-private-customer-based-on-thl3 Edit post - id:63746

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_2
Visible if Category is Article
Row8
Parent column1
3 child columns all with class post_wrap3 which makes them look merged
HTML in child Col1 | acf_img1
acf_img
HTML in child Col2
Caption w33 ØfL1 | Øsub3
acf_wys3
HTML in child Col3

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
HTML in child Col1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Caption w33 ØfL1 | Øsub3
acf_wys3
HTML in child Col2
Caption1: ØfL1.25% | Øsub0
acf_wys1
HTML in child Col2
acf_logo
HTML in child Col1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
HTML in child Col2
Caption1: ØfL1.25% | Øsub0
acf_wys1 . . . . . . . . .
Post Content Parent column
HTML in child Col0 | acf_tab1
acf_tab1_content
HTML in child Col1 | acf_tab2
acf_tab2_content
HTML in child Col2
acf_wys3
HTML in child Col3
acf_wys2
HTML in child Col1
acf_wys4
acf_wys3
HTML in child Col2
acf_logo
HTML in child Col2
acf_wys1
HTML in child Col1
acf_wys4
HTML in child Col2
acf_wys1 . . . . . . . . .
HTML in child Col1

sn fL1-Colnb



...

Edit fL1-Colnb id=25 |   Popup fL1-Colnb id=25

sc fL1-Colnb-25-4

▷ ØfL1.25%.Img | Øsub0

Edit fl1-colnb-25-4 |   Popup fl1-colnb-25-4

sc_1


     |   1-private-customer-now-thl6 Edit post - id:64036
logo
img
img1
img2
img3

  The images are defined in the page's ACF custom fields | Sourced from: "1-private-customer-now-thl6" | ID: "64036"


Edit sc_1

sc_2


     |   1-private-customer-now-thl6 Edit post - id:64036
acf_wys4
Edit sc_2
Visible if Category is Article
Row8
Parent column1
3 child columns all with class post_wrap3 which makes them look merged
HTML in child Col1 | acf_img1
acf_img
HTML in child Col2
acf_wys3
HTML in child Col3
acf_wys2
HTML in child Col1
acf_wys4
acf_wys3
HTML in child Col2
acf_wys1
HTML in child Col2
acf_logo
HTML in child Col1
acf_wys4
HTML in child Col2
acf_wys1 . . . . . . . . .
Tab1
Tab2
Tab3
Tab4
Tab5