|
|
| (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= |
| </html>
| | }}. כעת,י"ח באייר ה'תשע"ח, 16:59 מגיע [[משיח]]! יחי המלך!''' |
| <div id="London" class="tabcontent">
| | <imagemap> |
| <h3>משיח</h3>
| | קובץ:תשב.JPG|אדמו"ר שליט"א ואדמו"ר הריי"צ |
| <p>{{:עמוד ראשי}}</p>
| |
| </div>
| |
|
| |
|
| <div id="Paris" class="tabcontent">
| | rect 180 9 328 172 [[רבי מנחם מענדל שניאורסון (אדמו"ר שליטא)|הרבי]] |
| <h3>Paris</h3>
| | rect 48 39 183 253 [[אדמו"ר הריי"צ]] |
| <p>Paris is the capital of France.</p>
| |
| </div>
| |
|
| |
|
| <div id="Tokyo" class="tabcontent">
| | desc bottom-right |
| <h3>Tokyo</h3>
| | </imagemap> |
| <p>Tokyo is the capital of Japan.</p>
| | <nowiki>{{קצרמר|ניגונים}}</nowiki> |
| </div>
| | {{חיפוש|בסיס=חב"דפדיה:אולם דיונים|רוחב=22|כפתור חיפוש=חיפוש בארכיונים}} |
| <html>
| | יחי המלך המשיח! |
| <style>
| | [[קטגוריה:ניסוי יחי המלך]] |
| /* Style the tab */
| | {{מיזמים |
| div.tab {
| | |חב"דציטוט=כן |
| overflow: hidden;
| | |שם חב"דציטוט=משתמש:Men770 |
| border: 1px solid #ccc;
| | |חב"דטקסט=כן |
| background-color: #f1f1f1;
| | |שם חב"דטקסט=משתמש:Men770 |
| }
| | }} |
| | |
| /* 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>
| |
