Balení obsahuje 66 samolepek Stranger Things, každá má jiný rozměr. Samolepky Stranger Things jsou cool dárek pro každého fanouška. Najdete zde nápis Stranger Things, hlavní postavy, Demogorgona... Vysoká kvalita provedení Snadná aplikace a dlouhá životnost Super dárek pro milovníky anime Roletka body { font-family: Arial, sans-serif; } .dropdown { position: relative; display: inline-block; margin-left: 0; /* Zarovnání s textem */ } .dropdown-btn { padding: 10px; text-align: left;... Celý popis
Koupit za 199 Kč- Od nejoblíbenějších
- Od nejlevnějších
- Od nejdražších
Popis
Balení obsahuje 66 samolepek Stranger Things, každá má jiný rozměr. Samolepky Stranger Things jsou cool dárek pro každého fanouška. Najdete zde nápis Stranger Things, hlavní postavy, Demogorgona...
Vysoká kvalita provedení
Snadná aplikace a dlouhá životnost
Super dárek pro milovníky anime
Roletka
body {
font-family: Arial, sans-serif;
}
.dropdown {
position: relative;
display: inline-block;
margin-left: 0; /* Zarovnání s textem */
}
.dropdown-btn {
padding: 10px;
text-align: left;
background-color: white;
border: none;
cursor: pointer; /* Ukazatel ruky pouze pro tlačítko */
outline: none;
font-size: 0.8em;
display: flex;
justify-content: space-between;
align-items: center;
width: auto; /* Automatická šířka pro zajištění zarovnání */
white-space: nowrap; /* Text na jednom řádku */
}
.dropdown-content {
display: none;
position: absolute;
top: 100%; /* Zajišťuje, že obsah začíná přímo pod tlačítkem */
left: 0;
background-color: white;
z-index: 1;
padding: 0; /* Odstranění paddingu */
margin: 0; /* Odstranění marginu */
font-size: 0.8em; /* Stejné písmo jako tlačítko */
white-space: nowrap; /* Zajištění textu na jednom řádku */
}
.dropdown-content div {
padding: 8px;
text-decoration: none; /* Zajištění, že nebude žádný podtržený text */
background-color: transparent; /* Odstranění pozadí */
cursor: default; /* Změněno na default pro položky, aby nebyl ukazatel ruky */
}
.dropdown-content div:hover {
background-color: transparent; /* Zajištění, že při najetí nebude pozadí */
color: inherit; /* Zajištění, že nebude měnit barvu textu */
}
.dropdown.open .dropdown-content {
display: block;
}
.dropdown-btn span {
font-size: 1.2em;
}
Odpovědný hospodářský subjekt EU+
Y & H S.R.L., Via Gravina 21 MT matera,Trani,Puglia,Via Gravina 21 MT matera,Trani,Puglia,MATERA,MATERA,IT(Italy), 75100, itlyhsrl@gmail.com
document.querySelector('.dropdown-btn').addEventListener('click', function () {
const dropdown = this.parentElement;
dropdown.classList.toggle('open');
// Změna symbolu při otevření nebo zavření
const icon = document.getElementById('dropdown-icon');
if (dropdown.classList.contains('open')) {
icon.textContent = '−'; // Minus symbol, roletka je otevřená
} else {
icon.textContent = '+'; // Plus symbol, roletka je zavřená
}
});
// Zavření roletky při kliknutí mimo
document.addEventListener('click', function (e) {
const dropdown = document.querySelector('.dropdown');
if (!dropdown.contains(e.target)) {
dropdown.classList.remove('open');
// Obnovení symbolu na plus, pokud je roletka zavřená
const icon = document.getElementById('dropdown-icon');
icon.textContent = '+';
}
});
Vysoká kvalita provedení
Snadná aplikace a dlouhá životnost
Super dárek pro milovníky anime
Roletka
body {
font-family: Arial, sans-serif;
}
.dropdown {
position: relative;
display: inline-block;
margin-left: 0; /* Zarovnání s textem */
}
.dropdown-btn {
padding: 10px;
text-align: left;
background-color: white;
border: none;
cursor: pointer; /* Ukazatel ruky pouze pro tlačítko */
outline: none;
font-size: 0.8em;
display: flex;
justify-content: space-between;
align-items: center;
width: auto; /* Automatická šířka pro zajištění zarovnání */
white-space: nowrap; /* Text na jednom řádku */
}
.dropdown-content {
display: none;
position: absolute;
top: 100%; /* Zajišťuje, že obsah začíná přímo pod tlačítkem */
left: 0;
background-color: white;
z-index: 1;
padding: 0; /* Odstranění paddingu */
margin: 0; /* Odstranění marginu */
font-size: 0.8em; /* Stejné písmo jako tlačítko */
white-space: nowrap; /* Zajištění textu na jednom řádku */
}
.dropdown-content div {
padding: 8px;
text-decoration: none; /* Zajištění, že nebude žádný podtržený text */
background-color: transparent; /* Odstranění pozadí */
cursor: default; /* Změněno na default pro položky, aby nebyl ukazatel ruky */
}
.dropdown-content div:hover {
background-color: transparent; /* Zajištění, že při najetí nebude pozadí */
color: inherit; /* Zajištění, že nebude měnit barvu textu */
}
.dropdown.open .dropdown-content {
display: block;
}
.dropdown-btn span {
font-size: 1.2em;
}
Odpovědný hospodářský subjekt EU+
Y & H S.R.L., Via Gravina 21 MT matera,Trani,Puglia,Via Gravina 21 MT matera,Trani,Puglia,MATERA,MATERA,IT(Italy), 75100, itlyhsrl@gmail.com
document.querySelector('.dropdown-btn').addEventListener('click', function () {
const dropdown = this.parentElement;
dropdown.classList.toggle('open');
// Změna symbolu při otevření nebo zavření
const icon = document.getElementById('dropdown-icon');
if (dropdown.classList.contains('open')) {
icon.textContent = '−'; // Minus symbol, roletka je otevřená
} else {
icon.textContent = '+'; // Plus symbol, roletka je zavřená
}
});
// Zavření roletky při kliknutí mimo
document.addEventListener('click', function (e) {
const dropdown = document.querySelector('.dropdown');
if (!dropdown.contains(e.target)) {
dropdown.classList.remove('open');
// Obnovení symbolu na plus, pokud je roletka zavřená
const icon = document.getElementById('dropdown-icon');
icon.textContent = '+';
}
});
Podobné produkty
Články odjinud
