{"id":970,"date":"2024-03-04T08:00:00","date_gmt":"2024-03-04T07:00:00","guid":{"rendered":"https:\/\/www.fuhselab.de\/?p=970"},"modified":"2023-11-01T09:14:01","modified_gmt":"2023-11-01T08:14:01","slug":"flex-2-version-5","status":"publish","type":"post","link":"https:\/\/www.fuhselab.de\/index.php\/2024\/03\/04\/flex-2-version-5\/","title":{"rendered":"Flex 2 Version 5"},"content":{"rendered":"\n

In diesem Artikel wird aus der Basis-Navigation ein Klick-Dropdown horizontal\u2026<\/p>\n\n\n\n\n\n\n\n

Der Weg zu<\/strong>m<\/strong>Klick Dropdown horizontal<\/strong>:<\/strong><\/p>\n\n\n\n

Der Klick-Dropdown horizontal verbaut den Navigationsbereich wieder in den header-Bereich.<\/p>\n\n\n\n

<header> <!-- Anfang vom header-Element -->\n<nav> <!-- Anfang vom nav-Element -->\n<ul>\n<li><a href=\"index.html\">Startseite<\/a><\/li>\n<li><a href=\"archiv.html\">Archiv<\/a><\/li>\n<li><a href=\"impressum.html\">Impressum<\/a><\/li>\n<\/ul>\n<\/nav> <!-- Ende vom nav-Element -->\n<\/header> <!-- Ende vom header-Element --><\/code><\/pre>\n\n\n\n
HTML Quelltext f\u00fcr die Startseite:<\/strong><\/p>\n\n\n\n
<!DOCTYPE html>\n\n<html>\n\n<head>\n<title>Flex2 Klick Dropdown horizontal<\/title>\n<link rel=\"stylesheet\" href=\"01_CSS\/01_zentrale.css\" type=\"text\/css\" \/>\n<meta charset=\"UTF-8\">\n<meta name=\"author\" content=\"Torsten B\u00fcscher\">\n<meta name=\"description\" content=\"Webdesign Workshop\">\n<meta name=\"keywords\" content=\"Webdesign, Weiterbildung, Selbststudium\">\n<\/head>\n\n<body>\n<div id=\"wrapper\"> <!-- Anfang vom wrapper-Bereich -->\n<header> <!-- Anfang vom header-Element -->\n<\/header> <!-- Ende vom header-Element -->\n\n<nav> <!-- Anfang vom nav-Element -->\n<ul>\n<li><a href=\"index.html\">Startseite<\/a><\/li>\n<li><a href=\"archiv.html\">Archiv<\/a><\/li>\n<li><a href=\"impressum.html\">Impressum<\/a><\/li>\n<\/ul>\n<\/nav> <!-- Ende vom nav-Element -->\n\n<aside>\n<article>\nSpalte 1\n<\/article>\n<\/aside>\n\n<main>\n<article>\n<h1>\u00dcberschrift des Artikels:<\/h1>\n<p>\nDies ist das Flex2 Layout mit Klick Dropdown horizontal.\n<\/p>\n<\/article>\n<br \/>\n\n<\/main> <!-- Ende vom main-Element -->\n\n<footer> <!-- Anfang vom footer-Element -->\n<\/footer> <!-- Ende vom footer-Element -->\n<\/div> <!-- Ende vom wrapper-Bereich -->\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
HTML Quelltext f\u00fcr die Archivseite:<\/strong><\/p>\n\n\n\n
<!DOCTYPE html>\n\n<html>\n\n<head>\n<title>Flex2 Klick Dropdown vertikal<\/title>\n<link rel=\"stylesheet\" href=\"01_CSS\/01_zentrale.css\" type=\"text\/css\" \/>\n<meta charset=\"UTF-8\">\n<meta name=\"author\" content=\"Torsten B\u00fcscher\">\n<meta name=\"description\" content=\"Webdesign Workshop\">\n<meta name=\"keywords\" content=\"Webdesign, Weiterbildung, Selbststudium\">\n<\/head>\n\n<body>\n<div id=\"wrapper\"> <!-- Anfang vom wrapper-Bereich -->\n<header> <!-- Anfang vom header-Element -->\n<\/header> <!-- Ende vom header-Element -->\n<nav> <!-- Anfang vom nav-Element -->\n<ul>\n<li><a href=\"index.html\">Startseite<\/a><\/li>\n<li><a href=\"archiv.html\">Archiv<\/a>\n<ul>\n<li><a href=\"jahr1.html\">Jahr 1<\/a><\/li>\n<li><a href=\"jahr2.html\">Jahr 2<\/a><\/li>\n<li><a href=\"jahr3.html\">Jahr 3<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"impressum.html\">Impressum<\/a><\/li>\n<\/ul>\n<\/nav> <!-- Ende vom nav-Element -->\n\n<aside>\n<article>\nSpalte 1\n<\/article>\n<\/aside>\n\n<main><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
In diesem Artikel wird aus der Basis-Navigation ein Klick-Dropdown horizontal\u2026<\/p>\n","protected":false},"author":1,"featured_media":545,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[23],"class_list":["post-970","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-webdesign-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":1,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/970\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/970\/revisions\/971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/545"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}