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

מתוך חב"דפדיה, אנציקלופדיה חב"דית חופשית
קפיצה לניווט קפיצה לחיפוש
חזותיקוד ויקי
אין תקציר עריכה
אין תקציר עריכה
 
(9 גרסאות ביניים של אותו משתמש אינן מוצגות)
שורה 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 */
/* Modal Header */
    top: 0; /* Position the navbar at the top of the page */
.modal-header {
     width: 100%; /* Full width */
    padding: 2px 16px;
     background-color: #5cb85c;
     color: white;
}
 
/* Modal Body */
.modal-body {padding: 2px 16px;}
 
/* Modal Footer */
.modal-footer {
     padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
 
/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
}


/* Add Animation */
/* Links inside the navbar */
@-webkit-keyframes animatetop {
.navbar a {
     from {top: -300px; opacity: 0}
     float: left;
     to {top: 0; opacity: 1}
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
     text-decoration: none;
}
}


@keyframes animatetop {
/* Main content */
     from {top: -300px; opacity: 0}
.main {
    to {top: 0; opacity: 1}
     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"