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' groupingEdit Cardlet1 | Popup Cardlet1 | id13Snippets Manage All | Popup Code Snippets ManageSnippets Manage All | Popup Code Snippets Manage
1.b | F_59599 Using 'rel' groupingEdit Cardlet1 | Popup Cardlet1 | id13Snippets Manage All | Popup Code Snippets ManageSnippets 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
Space Race
Rel Highlander Grouping Here is an example using the rel attribute with highlander grouping: Star Wars

• 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







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

▷ 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!

Article9


VitaCognition specs.


Art.9
Title

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.


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






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.

<?php the_field(‘header_script'); ?>before the </head> tag.

<?php the_field(‘footer_script'); ?>before the </body> tag.

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.


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
Title
