Difference between revisions of "Test"

From V5 Homebrew Wiki
Jump to navigation Jump to search
Line 1: Line 1:
−
{{Dropdown|Name=Name|Value1=[[Hello]]|Value2=[[Wikipedia|'pedia]]|Value3=[https://www.google.co.in/ Google]}}
+
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
.dropbtn {
 +
  background-color: #3498DB;
 +
  color: white;
 +
  padding: 16px;
 +
  font-size: 16px;
 +
  border: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
.dropbtn:hover, .dropbtn:focus {
 +
  background-color: #2980B9;
 +
}
 +
 
 +
.dropdown {
 +
  position: relative;
 +
  display: inline-block;
 +
}
 +
 
 +
.dropdown-content {
 +
  display: none;
 +
  position: absolute;
 +
  background-color: #f1f1f1;
 +
  min-width: 160px;
 +
  overflow: auto;
 +
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
  z-index: 1;
 +
}
 +
 
 +
.dropdown-content a {
 +
  color: black;
 +
  padding: 12px 16px;
 +
  text-decoration: none;
 +
  display: block;
 +
}
 +
 
 +
.dropdown a:hover {background-color: #ddd;}
 +
 
 +
.show {display: block;}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<h2>Clickable Dropdown</h2>
 +
<p>Click on the button to open the dropdown menu.</p>
 +
 
 +
<div class="dropdown">
 +
  <button onclick="myFunction()" class="dropbtn">Dropdown</button>
 +
  <div id="myDropdown" class="dropdown-content">
 +
    <a href="#home">Home</a>
 +
    <a href="#about">About</a>
 +
    <a href="#contact">Contact</a>
 +
  </div>
 +
</div>
 +
 
 +
<script>
 +
/* When the user clicks on the button,
 +
toggle between hiding and showing the dropdown content */
 +
function myFunction() {
 +
  document.getElementById("myDropdown").classList.toggle("show");
 +
}
 +
 
 +
// Close the dropdown if the user clicks outside of it
 +
window.onclick = function(event) {
 +
  if (!event.target.matches('.dropbtn')) {
 +
    var dropdowns = document.getElementsByClassName("dropdown-content");
 +
    var i;
 +
    for (i = 0; i < dropdowns.length; i++) {
 +
      var openDropdown = dropdowns[i];
 +
      if (openDropdown.classList.contains('show')) {
 +
        openDropdown.classList.remove('show');
 +
      }
 +
    }
 +
  }
 +
}
 +
</script>
 +
 
 +
</body>
 +
</html>
 +
 
  
 
----
 
----

Revision as of 18:59, 29 March 2020

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn { 

 background-color: #3498DB;
 color: white;
 padding: 16px;
 font-size: 16px;
 border: none;
 cursor: pointer;

}

.dropbtn:hover, .dropbtn:focus { 

 background-color: #2980B9;

}

.dropdown { 

 position: relative;
 display: inline-block;

}

.dropdown-content { 

 display: none;
 position: absolute;
 background-color: #f1f1f1;
 min-width: 160px;
 overflow: auto;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;

}

.dropdown-content a { 

 color: black;
 padding: 12px 16px;
 text-decoration: none;
 display: block;

}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;} </style> </head> <body>

Clickable Dropdown

Click on the button to open the dropdown menu.

 <button onclick="myFunction()" class="dropbtn">Dropdown</button>

   <a href="#home">Home</a>
   <a href="#about">About</a>
   <a href="#contact">Contact</a>

<script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { 

 document.getElementById("myDropdown").classList.toggle("show");

}

// Close the dropdown if the user clicks outside of it window.onclick = function(event) { 

 if (!event.target.matches('.dropbtn')) {
   var dropdowns = document.getElementsByClassName("dropdown-content");
   var i;
   for (i = 0; i < dropdowns.length; i++) {
     var openDropdown = dropdowns[i];
     if (openDropdown.classList.contains('show')) {
       openDropdown.classList.remove('show');
     }
   }
 }

} </script>

</body> </html>


Test

Test

SymbolClanRavnosV5.png

HeaderRavnosV5.png
 {{{nicknames}}}
Noimage.jpg

Who are the Test?

Test Archetypes

{{{archetype1name}}}

{{{archetype1text}}}

{{{archetype2name}}}

{{{archetype2text}}}

{{{archetype3name}}}

{{{archetype3text}}}

{{{archetype4name}}}

{{{archetype4text}}}

{{{archetype5name}}}

{{{archetype5text}}}

Disciplines

Bane

• Fneep

•• Fneep

••• Fneep

•••• Fneep

••••• Fneep

This is a huge big test thingy!
••••• Cost: None or 1 Vitae.

••••• Fneep

There are no articles in this category.

  1. Alternate Mage System PDF
  2. Alternate Mage System
  3. Alternate Mage: The Ascension PDF
  4. Hunter H5 alternative Creeds and Edges
  5. Salesman

Comments


ElmerG

81 months ago
Score 0
This is a test comment!
Permalink

You are not allowed to post comments.

Test Formatting

Very much

Good stuff

  • Test

Test Formatting
Very much
Good stuff
* Test

The URL or file path given does not exist.

The URL or file path given does not exist.

Retrieved from "https://www.v5homebrew.com/mw/index.php?title=Test&oldid=1133"