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

מתוך חב"דפדיה, אנציקלופדיה חב"דית חופשית
קפיצה לניווט קפיצה לחיפוש
חזותיקוד ויקי
אין תקציר עריכה
אין תקציר עריכה
 
(8 גרסאות ביניים של אותו משתמש אינן מוצגות)
שורה 1: שורה 1:
<html><button class="accordion">Section 1</button></html>
<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>
<html><button class="accordion">Section 2</button></html>
<div class="panel">
  <p>Lorem ipsum...</p>
</div>
</div>


<html><button class="accordion">Section 3</button></html>
<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 the buttons that are used to open and close the accordion panel */
 
button.accordion {
/* Links inside the navbar */
     background-color: #eee;
.navbar a {
     color: #444;
     float: left;
     cursor: pointer;
     display: block;
    padding: 18px;
     color: #f2f2f2;
    width: 100%;
     text-align: center;
     text-align: left;
     padding: 14px 16px;
     border: none;
     text-decoration: none;
     outline: none;
    transition: 0.4s;
}
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/* Main content */
button.accordion.active, button.accordion:hover {
.main {
     background-color: #ddd;
     margin-top: 30px; /* Add a top margin to avoid content overlay */
}
}
</style>
</style>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  }
}
</script>
</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"