Difference between revisions of "Test page"

From wikibase-docker
(Created page with "<style> .button { display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; text-align: center; text-decoration: none; font-size: 16px;...")
 
 
(8 intermediate revisions by one other user not shown)
Line 1: Line 1:
<style>
+
{{Kasinet_header}}
.button {
+
 
  display: inline-block;
+
<span style="display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; text-align: center; text-decoration: none; font-size: 16px; border-radius: 5px; border: none; cursor: pointer;">Click me</span>
  padding: 10px 20px;
+
 
  background-color: #4CAF50;
+
<span style="display: inline-block; padding: 10px 20px; background-color: #4CAF50; color: white; text-align: center; text-decoration: none; font-size: 16px; border-radius: 5px; border: none; cursor: pointer;" onclick="window.open('https://example.com', '_blank');">Click me</span>
  color: white;
+
 
  text-align: center;
+
 
  text-decoration: none;
+
<div style="position: relative; display: inline-block;">
  font-size: 16px;
+
   <span style="background-color: #4CAF50; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;">Dropdown</span>
  border-radius: 5px;
+
  <div style="display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); z-index: 1;">
   border: none;
+
    <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 1</a>
  cursor: pointer;
+
    <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 2</a>
}
+
    <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 3</a>
</style>
+
  </div>
<span class="button">Click me</span>
+
</div>

Latest revision as of 14:35, 20 February 2024

Ez a KASInet oldalak header-je. Nupedia

Click me

Click me


 Dropdown
   <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 1</a>
   <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 2</a>
   <a href="#" style="color: black; padding: 10px; text-decoration: none; display: block;">Link 3</a>