|
|
| (29 גרסאות ביניים של 4 משתמשים אינן מוצגות) |
| שורה 1: |
שורה 1: |
| − | <html><div class="tab">
| + | --'''[[משתמש:Men770|Men770]] - [[שיחת משתמש:Men770|שיחה]] - {{#בחר:קצר2 |
| − | <button class="tablinks" onclick="openCity(event, 'London')">משיח</button>
| + | |ארוך=במקרה הצורך, תוכלו ליצור איתי קשר במייל על ידי לחיצה {{קישור מייל|men770b@gmail.com|כאן}} |
| − | <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
| + | |קצר1=ניתן ליצור איתי קשר ב{{קישור מייל|men770b@gmail.com|מייל}} |
| − | <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
| + | |קצר2={{קישור מייל|men770b@gmail.com|מייל}} |
| − | </div>
| + | |#default= |
| | + | }}. כעת,י"ח באייר ה'תשע"ח, 16:59 מגיע [[משיח]]! יחי המלך!''' |
| | + | <imagemap> |
| | + | קובץ:תשב.JPG|אדמו"ר שליט"א ואדמו"ר הריי"צ |
| | | | |
| − | <div id="London" class="tabcontent">
| + | rect 180 9 328 172 [[רבי מנחם מענדל שניאורסון (אדמו"ר שליטא)|הרבי]] |
| − | <h3>משיח</h3>
| + | rect 48 39 183 253 [[אדמו"ר הריי"צ]] |
| − | <p>{{משיח}}</p>
| |
| − | </div>
| |
| | | | |
| − | <div id="Paris" class="tabcontent">
| + | desc bottom-right |
| − | <h3>Paris</h3>
| + | </imagemap> |
| − | <p>Paris is the capital of France.</p>
| + | <nowiki>{{קצרמר|ניגונים}}</nowiki> |
| − | </div> | + | {{חיפוש|בסיס=חב"דפדיה:אולם דיונים|רוחב=22|כפתור חיפוש=חיפוש בארכיונים}} |
| − | | + | יחי המלך! |
| − | <div id="Tokyo" class="tabcontent">
| + | [[קטגוריה:ניסוי יחי המלך]] |
| − | <h3>Tokyo</h3>
| |
| − | <p>Tokyo is the capital of Japan.</p>
| |
| − | </div>
| |
| − | <style>
| |
| − | /* Style the tab */
| |
| − | div.tab {
| |
| − | overflow: hidden;
| |
| − | border: 1px solid #ccc;
| |
| − | background-color: #f1f1f1;
| |
| − | }
| |
| − | | |
| − | /* Style the buttons inside the tab */
| |
| − | div.tab button {
| |
| − | background-color: inherit;
| |
| − | float: right;
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | cursor: pointer;
| |
| − | padding: 14px 16px;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − | | |
| − | /* Change background color of buttons on hover */
| |
| − | div.tab button:hover {
| |
| − | background-color: #ddd;
| |
| − | }
| |
| − | | |
| − | /* Create an active/current tablink class */
| |
| − | div.tab button.active {
| |
| − | background-color: #ccc;
| |
| − | } | |
| − | | |
| − | /* Style the tab content */
| |
| − | .tabcontent {
| |
| − | display: none;
| |
| − | padding: 6px 12px;
| |
| − | border: 1px solid #ccc;
| |
| − | border-top: none;
| |
| − | } | |
| − | </style> | |
| − | <script>
| |
| − | function openCity(evt, cityName) {
| |
| − | // Declare all variables
| |
| − | var i, tabcontent, tablinks;
| |
| − | | |
| − | // Get all elements with class="tabcontent" and hide them
| |
| − | tabcontent = document.getElementsByClassName("tabcontent");
| |
| − | for (i = 0; i < tabcontent.length; i++) {
| |
| − | tabcontent[i].style.display = "none";
| |
| − | }
| |
| − | | |
| − | // Get all elements with class="tablinks" and remove the class "active"
| |
| − | tablinks = document.getElementsByClassName("tablinks");
| |
| − | for (i = 0; i < tablinks.length; i++) {
| |
| − | tablinks[i].className = tablinks[i].className.replace(" active", "");
| |
| − | }
| |
| − | | |
| − | // Show the current tab, and add an "active" class to the button that opened the tab
| |
| − | document.getElementById(cityName).style.display = "block";
| |
| − | evt.currentTarget.className += " active";
| |
| − | }
| |
| − | </script>
| |
| − | </html>
| |
