משתמש:Men770/דף משתמש עתידי: הבדלים בין גרסאות בדף

מתוך חב"דפדיה, אנציקלופדיה חב"דית חופשית
קפיצה לניווט קפיצה לחיפוש
חזותיקוד ויקי
(יצירת דף עם התוכן "<button class="accordion">Section 1</button> <div class="panel"> <p>Lorem ipsum...</p> </div> <button class="accordion">Section 2</button> <div class="panel">...")
 
אין תקציר עריכה
 
(11 גרסאות ביניים של אותו משתמש אינן מוצגות)
שורה 1: שורה 1:
<button class="accordion">Section 1</button>
<html>
<div class="panel">
<div>
   <p>Lorem ipsum...</p>
   <a href="/index.php/עמוד ראשי">עמוד ראשי</a>
</div>
  <a href="/index.php/שיחת משתמש:Men770">שיחה</a>
 
  <a href="/index.php/מיוחד:שינויים אחרונים">שינויים אחרונים</a>
<button class="accordion">Section 2</button>
<div class="panel">
  <p>Lorem ipsum...</p>
</div>
</div>


<button class="accordion">Section 3</button>
<div class="main">
<div class="panel">
   <p>Some text some text some text some text..</p>
   <p>Lorem ipsum...</p>
</div>
</div>
<html>
<style>
<style>
div.panel {
/* The navigation bar */
    padding: 0 18px;
.navbar {
    background-color: white;
    max-height: 0;
     overflow: hidden;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     background-color: #333;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}
}
</style>


<script>
/* Links inside the navbar */
var acc = document.getElementsByClassName("accordion");
.navbar a {
var i;
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


for (i = 0; i < acc.length; i++) {
/* Main content */
  acc[i].onclick = function() {
.main {
    this.classList.toggle("active");
     margin-top: 30px; /* Add a top margin to avoid content overlay */
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
     } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  }
}
}
</script>
</style>
</html>
</html>

גרסה אחרונה מ־09:42, 22 באוגוסט 2017

<html> 

 <a href="/index.php/עמוד ראשי">עמוד ראשי</a>
 <a href="/index.php/שיחת משתמש:Men770">שיחה</a>
 <a href="/index.php/מיוחד:שינויים אחרונים">שינויים אחרונים</a>

Some text some text some text some text..

<style> /* The navigation bar */ .navbar { 

   overflow: hidden;
   background-color: #333;
   position: fixed; /* Set the navbar to fixed position */
   top: 0; /* Position the navbar at the top of the page */
   width: 100%; /* Full width */

}

/* Links inside the navbar */ .navbar a { 

   float: left;
   display: block;
   color: #f2f2f2;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;

}

/* Main content */ .main { 

   margin-top: 30px; /* Add a top margin to avoid content overlay */

} </style> </html>

אוחזר מתוך "https://chabadpedia.co.il/index.php?title=משתמש:Men770/דף_משתמש_עתידי&oldid=300176"