CV_view9 [ID: 8ad48708cx] |
CV_view10 – Books [ID: de7cb36xca] |
CV_view11 [ID: d583693e08] |
Collapse-o-matic IMG
59599
55461
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' groupingCollapse-o-matic IMG Nested SC w. curlyBACF_Txt2 ›[ fl_builder_insert_layout id=”43343″] Edit FLB Template R_acf1 | Popup R_acf1 | id=43343Combination of 3 BeaverB columns, each containing LGC ColumnsCode Snippets Cardlet1 
Light.jpg▷img1: ØfL1.25% | Ø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.
75254 Edit xyz-snippet cardlet1 Edit Cardlet1 | Popup Cardlet1 | id13Snippets Manage All | Popup Code Snippets ManageCode Snippets Cardframework2
LAKE.jpg ▷img3 ØfL1 | Øsub3This text is located in ACF_Wys4. Picture LAKE.jpg to the left is from ACF_Wys3 A major annoyance is the error in field acf_txt1 when using the shortcode [ wpbb post:title ]. It picks up the title from another post.. so you have to enter the VALUE, NOT the title shortcode :-/ Here 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. ▷475254 75254 Edit Cardframework2 | Popup Cardframework2 | id11Snippets Manage All | Popup Code Snippets Manage
▷51.b | F_59599 Using 'rel' groupingPreview spoiler Nested SC with Curly bracketsACF_Txt2 ›[ fl_builder_insert_layout id=”43343″] Edit FLB Template R_acf1 | Popup R_acf1 | id=43343Combination of 3 BeaverB columns, each containing LGC ColumnsCode Snippets Cardlet1 
Distribute▷1: 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 | id13Snippets Manage All | Popup Code Snippets ManageCode Snippets Cardframework2
Preview spoiler : 59599 ▷3 ØfL1 | Øsub3The 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. ▷459599 59599 Edit Cardframework2 | Popup Cardframework2 | id11Snippets Manage All | Popup Code Snippets Manage
1.c | F_55461
Cardlet2 59599,55461Preview spoiler
Distribute▷1: To multiple sitesThe 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• 59599Edit sc Cardlet2 |Popup sc Cardlet2 Article inserts simple
Caption▷1: ØfL1.25% | Øsub0Results! This page shows the insertion of select ACF fields from remote posts and how easily they can now be defined, tuned and copied from one post to another. This concludes a long process where none of the players whom we requested help from was able to provide à working solution. ▷4
• 55461Edit sc Cardlet2 |Popup sc Cardlet2 
Close
- Targpos | Changes the position of the target content (inline) when using 'span' elements
Currently the only accepted value is ‘inline’. Targpos should be used when: • an excerpt has been defined • the targtag has been assigned non-block element, such as span.
2. elwraptag | OpenExample setting the titles in an unordered list: ‹ul› [ .. elwraptag=”li”.. ] ‹/ul›
- trigclass | assign a class to the entire triggerAssigns a custom class, in this case trigclass=”txc14″ (alternatively “txctrigger”) to the trigger element. Combined here with the tag=”em” attribute.
- targclass | Do not use! Slows down the expand/collapse!The targclass attribute completely “jitters” the expand/collapse. The trigclass attribute is OK.
- targclassTargclass=txctarget target Content
▷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.
Space Race
Rel Highlander Grouping Here is an example using the rel attribute with highlander grouping: Star Wars
1. View sources• spacedonkey.de/623/collapse-o-matic-line-of-trigger-images
• spacedonkey.de/2195/collapse-pro-matic-new-highlander-grouping-class-tricks
• w3schools.com/csSref/playdemo.asp?filename=playcss_letter-spacing
2. How to code the expand with an image as trigger (in this case the trigger arrow) 
How to code the expand with an image as trigger (in this case the trigger arrow)
Template 0
[ wpbb post:acf type=’wysiwyg’ name=’acf_wys1′] 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.
PDF viewers
See PDF plugins status
Best PDF Viewers. Hostinger tutorials.
View full page w. Popup | · Traitement Ambulatoire Précoce.pdf
PDFjs Viewer – Embed PDFs | Ben Lawson
3/ Wonderplugin
Article5
| None of the (absolute) Container/Box combinations work …
≥ A Complete Guide to Flexbox | CSS Tricks
≥ See Stackoverflow article consulted for tests 1,2,3 below
.
For many components in the tests below, CSS is not even rendered as coded, compared to the wab examples!
The two child elements (.box) are aligned vertically with flex-direction: column.
For horizontal alignment, switch the flex-direction to row (or simply remove the rule as flex-direction: row is the default setting). The items will remain centered vertically and horizontally
DIV class=boxFlex #2
DIV class=boxFlex #1
DIV class=boxFlex #2
#containerFlexVert { background-color:rgba(0,255,0,1)!important; border:1px dotted rgba(0,255,0,1)!important; display: flex; /* establish flex container / flex-direction: column !important; / stack flex items vertically / justify-content: center !important; / center items vertically, in this case / align-items: center; / center items horizontally, in this case */ height: 400px; border: 1px solid grey;} .boxFlex { width: 500px; margin: 5px; text-align: center;} #bluebox {background: aqua;} #redbox {background: red;}
/or */ #containerFlexHor {background:rgba(255,0,255,0.3)!important; border:1px dotted rgba(255,0,255,1)!important; display: flex; / establish flex container / flex-direction: row; / make main axis horizontal (default setting) / justify-content: center !important; / center items horizontally, in this case / align-items: center !important; / center items vertically, in this case */ height: 300px; border: 1px solid grey;}
DIV class=boxTable #2
.
.
.
.
.
Which method to use… If you’re not sure which method to use, I would recommend flexbox for these reasons:
minimal code; very efficient
as noted above, centering is simple and easy (see another example)
equal height columns are simple and easy
multiple options for aligning flex elements
it’s responsive
unlike floats and tables, which offer limited layout capacity because they were never intended for building layouts, flexbox is a modern (CSS3) technique with a broad range of options.
[ sc name=”lorem”][/sc]
Text Text Text
BENEATH #1 Container1
MNO
[ sc name=”lorem”][/sc]
Text Text Text
BENEATH #2 Container2
.
.
.
.
.
ØØØØØ
········
········
Vertical Tabs
Vertical Tabs
[ wpbb post:acf type=’wysiwyg’ name=’featured’] › Complex nesting
• https://www.freetimelearning.com/plugins/tabs-and-pills.php
• freetimelearning: Bootstrap-tabs/vertical-tabs
MOVED HERE FROM ARTICLE INSERTS
Square-image cropping trials
Square-image cropping trials
Square-image cropping trials
Square-image cropping trials
Square-image cropping trials | card11 Edit post - id:36846
▷ 2 The U.K. government’s chief medical officer Chris Whitty said Monday that the infection rates across Britain had, “in a bad sense, literally turned a corner.”
Chief scientific adviser Patrick Vallance warned, meanwhile, that if nothing is done to curb the spread of the virus, new infections could rise to nearly 50,000 daily by mid-October — up from nearly 4,400 new COVID-19 cases on Monday.
Square-image cropping trials
▷ 2 The U.K. government’s chief medical officer Chris Whitty said Monday that the infection rates across Britain had, “in a bad sense, literally turned a corner.”
Chief scientific adviser Patrick Vallance warned, meanwhile, that if nothing is done to curb the spread of the virus, new infections could rise to nearly 50,000 daily by mid-October — up from nearly 4,400 new COVID-19 cases on Monday.
WHO warns of “alarming” COVID spread in Europe
▷ 4 But that was a worst-case scenario, and authorities have already imposed tighter restrictions on vast swathes of northern England.
People in many communities can no longer socialize with other households, and across England, most gatherings are now limited to six people.
Square-image cropping trials | card11 Edit post - id:36846
▷ 2 The U.K. government’s chief medical officer Chris Whitty said Monday that the infection rates across Britain had, “in a bad sense, literally turned a corner.”
Chief scientific adviser Patrick Vallance warned, meanwhile, that if nothing is done to curb the spread of the virus, new infections could rise to nearly 50,000 daily by mid-October — up from nearly 4,400 new COVID-19 cases on Monday.
Square-image cropping trials | card11 Edit post - id:36846
Square-image cropping trials
Square-image cropping trials
▷ 2 The U.K. government’s chief medical officer Chris Whitty said Monday that the infection rates across Britain had, “in a bad sense, literally turned a corner.”
Chief scientific adviser Patrick Vallance warned, meanwhile, that if nothing is done to curb the spread of the virus, new infections could rise to nearly 50,000 daily by mid-October — up from nearly 4,400 new COVID-19 cases on Monday.
“Square crop” with caption now solved!
Still need to test responsiveness and management of multiple Tabbys in VTabs....
[ acf field="acf_tab8_content" post_id="" ] instead of [ wpbb post:acf type='wysiwyg' name='acf_tab8_content' ]
- Excerpt
37919 - Tab2
- Tab3
- Tab4
- Tab5
- Tab6
- Tab7
- Tab8
37919 1
Card 25
37919 2
37919 3
37919 4
37919 5
37919 6
37919 7
37919 8
[ acf field="acf_tab8_content" post_id="" ] instead of [ wpbb post:acf type='wysiwyg' name='acf_tab8_content' ]
- T1 Excerpt
- Tab2
51300 - Tab3
- Tab4
- Tab5
- Tab6
- Tab7
- Tab8
51300 1
Brigitte Fossey
Post Custom Field calls
Post Date: April 2, 2021 · Modified: November 3, 2021
Id: 51300
51300 2
51300 3
51300 4
[ acf field="acf_tab8_content" post_id="" ] instead of [ wpbb post:acf type='wysiwyg' name='acf_tab8_content' ]
Article9
VitaCognition specs.
Art.9
Acting as a company naming expert, suggest names including the term VITA within them
Article3
Goto Excerpts page containing tests and excerpts codes
News article 3
Prioritering er vanskelig for mange. Er du blant dem som kvier seg for å si nei, både på jobb og privat? Synes du at det er vanskelig å sette grenser, uten å ha dårlig samvittighet? Ender du opp med å stå på til alle døgnets tider og forsake deg selv fordi du prioriterer alle andre? Du er ikke alene. Her er noen tips som kan hjelpe deg til å frigjøre tid, og få en mer balansert hverdag.
De sliter seg ut og regnestykket går simpelthen ikke opp – det er ikke nok timer i døgnet til å levere på det nivået de krever av seg selv! Intensjonen, som i utgangspunktet er positiv, ender opp med å gå utover både prestasjon og trivsel. Det kan være krevende – men helt nødvendig – å lede seg selv i dette grenseløse arbeidslivetsom Irmelin Drake kaller det. Hun har en doktorgrad i ledelse fra NHH og forsikrer oss om at:
Article2
Source=
Article2 Gardon
id= 50955
Article2 Gardon
FAILS in page renderings when user is unsubscribed!< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
Source= Article2 id=50955
In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “Featured” within the post Article2. They all display correctly.
Source=
Article2 Gardon
id=
Article2 Gardon
< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
FAILS in page renderings when user is unsubscribed!
Goto Excerpts page containing tests and excerpts codes
ACF doc functions
In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “ACF_Excerpt” within the post Article1. They all display correctly.
Article1
id= 54313 (via wpbb post:id, not acf_id)
Article1 | acf_wys2 metafield. Using meta field called in local shortcode | 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.
Source= Article2 id=50955
In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “Featured” within the post Article2. They all display correctly.
Source=
Article2 Gardon
id=
Article2 Gardon
< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
FAILS in page renderings when user is unsubscribed!
acf_excerpt CURRENT PAGE: sc name="sc_1" sc-› [sc name="sc_1"] ‹-sc
Local version of sc_1: ‹manual insert-›
ACF for JS inserts
Use Advanced Custom Fields to insert Javascript into the page template
Advanced Custom Fields is a widely used plugin that allows you to implement custom fields without having to develop a ton of code.
3. We enabled a rule to display the option only if the logged in user type was Administrator, ensuring that the fields could only be applied by an administrator of the site.
4. We’d like to display the fields in a section beneath the content area on the text editor, so we’re going to select Standard on the style of the Field Group.
5. Now we need to add our Header Script and Footer Script custom fields and output them correctly. There are two key settings; the field name that will be referenced later in the template code and the formatting. You must set the formatting to the “Convert HTML into tags” option so that the contents that are pasted are properly executed in the template.
<?php the_field(‘header_script'); ?>before the </head> tag.
Within footer.php in the active template, we will add:
<?php the_field(‘footer_script'); ?>before the </body> tag.
7. Save the template files, update the page or post that you’ve specified JavaScript in, and click publish. The page or post will now be published with the JavaScript properly inserted into the template.
The Advanced Custom Fields option offers quite a bit of functionality. You may want to define your rules specific to certain users, published pages, or page templates rather than Administrators and all posts and pages. We’d highly recommend narrowing down access to adding scripts to only the pages, posts and users that they are required for.
Article1
Ø
Article2
Source=
Article2 Gardon
id= 50955
Article2 Gardon
FAILS in page renderings when user is unsubscribed!< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
Source= Article2 id=50955
In this “all HTML” version, using no shortcodes, the title, text, id, image, are direct-coded in the field “Featured” within the post Article2. They all display correctly.
Source=
Article2 Gardon
id=
Article2 Gardon
< img class="pØb" src="[ wpbb post:acf type='wysiwyg' name='acf_im' ]" / >
FAILS in page renderings when user is unsubscribed!
Goto Excerpts page containing tests and excerpts codes
Article3
Goto Excerpts page containing tests and excerpts codes
News article 3
Prioritering er vanskelig for mange. Er du blant dem som kvier seg for å si nei, både på jobb og privat? Synes du at det er vanskelig å sette grenser, uten å ha dårlig samvittighet? Ender du opp med å stå på til alle døgnets tider og forsake deg selv fordi du prioriterer alle andre? Du er ikke alene. Her er noen tips som kan hjelpe deg til å frigjøre tid, og få en mer balansert hverdag.
De sliter seg ut og regnestykket går simpelthen ikke opp – det er ikke nok timer i døgnet til å levere på det nivået de krever av seg selv! Intensjonen, som i utgangspunktet er positiv, ender opp med å gå utover både prestasjon og trivsel. Det kan være krevende – men helt nødvendig – å lede seg selv i dette grenseløse arbeidslivetsom Irmelin Drake kaller det. Hun har en doktorgrad i ledelse fra NHH og forsikrer oss om at:
Article4
Ø
Article5
| None of the (absolute) Container/Box combinations work …
≥ A Complete Guide to Flexbox | CSS Tricks
≥ See Stackoverflow article consulted for tests 1,2,3 below
.
For many components in the tests below, CSS is not even rendered as coded, compared to the wab examples!
The two child elements (.box) are aligned vertically with flex-direction: column.
For horizontal alignment, switch the flex-direction to row (or simply remove the rule as flex-direction: row is the default setting). The items will remain centered vertically and horizontally
DIV class=boxFlex #2
DIV class=boxFlex #1
DIV class=boxFlex #2
#containerFlexVert { background-color:rgba(0,255,0,1)!important; border:1px dotted rgba(0,255,0,1)!important; display: flex; /* establish flex container / flex-direction: column !important; / stack flex items vertically / justify-content: center !important; / center items vertically, in this case / align-items: center; / center items horizontally, in this case */ height: 400px; border: 1px solid grey;} .boxFlex { width: 500px; margin: 5px; text-align: center;} #bluebox {background: aqua;} #redbox {background: red;}
/or */ #containerFlexHor {background:rgba(255,0,255,0.3)!important; border:1px dotted rgba(255,0,255,1)!important; display: flex; / establish flex container / flex-direction: row; / make main axis horizontal (default setting) / justify-content: center !important; / center items horizontally, in this case / align-items: center !important; / center items vertically, in this case */ height: 300px; border: 1px solid grey;}
DIV class=boxTable #2
.
.
.
.
.
Which method to use… If you’re not sure which method to use, I would recommend flexbox for these reasons:
minimal code; very efficient
as noted above, centering is simple and easy (see another example)
equal height columns are simple and easy
multiple options for aligning flex elements
it’s responsive
unlike floats and tables, which offer limited layout capacity because they were never intended for building layouts, flexbox is a modern (CSS3) technique with a broad range of options.
[ sc name=”lorem”][/sc]
Text Text Text
BENEATH #1 Container1
MNO
[ sc name=”lorem”][/sc]
Text Text Text
BENEATH #2 Container2
.
.
.
.
.
ØØØØØ
········
········
Article6 – Test inserts
▷2 ELOGE DE LA SIESTE 1 / 09 / 2021
J’adore faire la sieste! N’étant pas une grande dormeuse, j’ai le privilège de m’octroyer le plus souvent une petite demi heure un peu après le repas de midi. Moi qui ne suis pas une grande dormeuse, ce petit moment de paix qui me fait sombrer parfois juste quelques minutes, me permet de récupérer. Une sorte de reset du cerveau…
Marion Kaplan et Myriam Marino
Article8 – Vinterreise
Réglementation
2. Fournir un test Covid-19 négatif subi dans les 72h précédant l’entrée sur le territoire suisse si provenance de zones à risque (PACA)
3. Aperçu de la situation COVID en Suisse.
4. Fedlex.admin | Ordonnance du 27 janvier 2021 : Les personnes entrant en Suisse en provenance d’un État ou d’une zone ne présentant pas un risque élevé d’infection ne sont tenues d’enregistrer leurs coordonnées sous forme électronique ou sur papier que si leur arrivée en Suisse a lieu en train, en bus, en bateau ou en avion. fedlex.admin.ch/eli/oc/2021/61/fr Page 2
5. PDF : Règles relatives à l'entrée en Suisse
Le formulaire d’entrée électronique est disponible sur swissplf.admin.ch. Important : Vous devez remplir le formulaire avant votre entrée en Suisse. Qui doit remplir le formulaire d’entrée ? Pratiquement toutes les personnes qui entrent en Suisse doivent remplir le formulaire.
Exception pour les voyageurs en provenance de territoires frontaliers : vous ne devez pas remplir le formulaire si vous entrez en Suisse depuis un territoire frontalier. Cette exception ne s’applique que si vous ne voyagez pas en avion.
1. Présentation d’un résultat négatif de test Covid-19 subi dans les 72h précédant l’entrée sur le territoire français pour les voyageurs en provenance de tous les pays de l’espace européen (y compris la Suisse).
Cette obligation ne s’applique ainsi pas aux déplacements des résidents des bassins de vie frontaliers dans un rayon de 30 km autour de leur domicile pour une durée inférieure à 24 heures;
Conditions d’entrée sur le territoire suisse : Dès le 8 février 2021, les données correspondantes seront désormais recensées par le biais d’un formulaire électronique d’entrée sur le territoire, ce qui permettra d’accélérer et de simplifier le traçage des contaminations et d’interrompre plus rapidement les chaînes de transmission.
BLOG FRONTALIER Si vous n’êtes pas travailleur transfrontalier vous devrez présenter un test PCR négatif de moins de 72h et une attestation sur l’honneur disponible sur le site du ministère de l’intérieur lors du passage de la frontière.
142, rue de Grenelle 75007 Tél +33 1 49 55 67 00.
Si vous n’êtes pas travailleur transfrontalier vous devrez présenter un test PCR négatif de moins de 72h et une attestation sur l’honneur disponible sur le site du ministère de l’intérieur lors du passage de la frontière. Tous les modes de transport (terrestre, ferroviaire, maritime et aérien) sont concernés.
Mesure de traçage [à compter du 8 février 2021] : Toute personne entrant sur le territoire Suisse par avion, bateau, bus ou train devra remplir un formulaire électronique d’entrée sur le territoire et y communiquer ses coordonnées. Cette obligation s’applique également aux personnes voyageant vers la Suisse en provenance d’une région à risque (Provence-Alpes-Côte d’Azur et Monaco) par tout moyen de transport, y compris un véhicule privé.
Message important pour l'entrée en France [mis à jour le 01.02.2021]
Depuis la Suisse : La liberté de circulation est rétablie depuis le 15 juin 2020.
Toutefois, la France impose la présentation d’un résultat négatif de test Covid-19 pour les voyageurs en provenance de tous les pays de l’espace européen (y compris la Suisse). Ainsi, tout personne de plus de onze ans voyageant vers la France depuis la Suisse doit présenter un résultat de test PCR subi dans les 72h précédant l’entrée sur le territoire français.
Cette obligation ne s’applique ainsi pas aux déplacements des résidents des bassins de vie frontaliers dans un rayon de 30 km autour de leur domicile pour une durée inférieure à 24 heures ni aux déplacements professionnels dont l’urgence ou la fréquence est incompatible avec cette obligation. Les personnes bénéficiant de ces exemptions doivent se munir des justificatifs nécessaires.
De plus, ces personnes devront présenter une attestation sur l'honneur qu'elles n'ont pas de symptômes du Covid-19. Le modèle d'attestation se trouve sur le site du Ministère de l'Intérieur.
S’informer sur la situation en Suisse : Il est important de noter que la situation actuelle est en constante évolution. Ainsi, il est crucial de régulièrement consulter le site web de l'Office fédéral de la santé publique (OFSP).
Avez-vous encore des questions ? Appelez l’infoline pour les personnes se rendant en Suisse au +41 58 464 44 88 qui est à votre disposition tous les jours de 6 h à 23 h. Vous trouverez des informations sur les frais téléphoniques sur la page Coordonnées et liens utiles. Cette ligne d’information répond aussi aux questions sur l’obligation de quarantaine pour les voyageurs entrant en Suisse. Avis aux personnes ne possédant pas la nationalité suisse : l’infoline de l’OFSP n’est pas en mesure de vous indiquer si, fondamentalement, vous êtes autorisé à entrer sur le territoire. Les dispositions en la matière relèvent du Secrétariat d’État aux migrations (SEM).
Art. 4 Dérogations à la quarantaine
Article9
VitaCognition specs.
Art.9