navbar en iframe ok

This commit is contained in:
ethylotest
2021-03-22 14:48:17 +01:00
parent b81b2a0023
commit 13f2418356
12 changed files with 120 additions and 239 deletions

45
fr/actualites.html Normal file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit - actualités</title>
<base href="../"/>
<meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/actualites.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav class="sticky">
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/actualites.html#anchor_actualites"><p>actualités</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_actualites">actualités</h1>
</div>
<div class="quote">
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

View File

@@ -1,69 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit - evenements</title>
<base href="../"/>
<meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/evenements.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/evenements.html#anchor_evenements"><p>evenements</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_evenements">evenements</h1>
</div>
<div class="quote">
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

View File

@@ -12,31 +12,7 @@
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

View File

@@ -12,31 +12,7 @@
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

View File

@@ -12,31 +12,7 @@
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

View File

@@ -18,32 +18,9 @@
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">
<aside class="aside_left sticky">

View File

@@ -18,32 +18,9 @@
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">
<aside class="aside_left sticky">

38
fr/navbar.html Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="navbar">
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>l.e.a</p></a>
<a href="./fr/actualites.html" target="_parent"><p>actualités</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@@ -11,33 +11,11 @@
<link href="./styles/traduire_retraduire.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">
<aside class="aside_left sticky">