PHView attachment 3126820
View attachment 3126821
Hello po pa help po ako regarding po ito gusto ko po kasi maging ganito
and my codes po ako
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Links Drawer</title>
<style>
body{margin:0;font-family:Arial,sans-serif}
.custom-links-section{background:#132446;padding:10px 20px;text-align:left}
.drawer-toggle{color:#fff;cursor
ointer;font-size:24px}
.custom-links-container{display:none;position:fixed;top:0;left:0;height:100%;width:80%;background:#132446;padding:20px;z-index:999;transition:transform 0.3s;transform:translateX(-100%)}
.custom-links-container.open{transform:translateX(0)}
.custom-link{color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;margin-bottom:10px;transition:color 0.3s}
.custom-link:hover{color:#add8e6}
Media (max-width:749px){
.drawer-toggle{display:block}
.custom-links-container{display:block}
}
Media (min-width:750px){
.drawer-toggle{display:none}
.custom-links-container{display:none}
}
</style>
</head>
<body>
<div class="custom-links-section">
<div class="drawer-toggle" onclick="toggleDrawer()">☰</div>
<div class="custom-links-container" onclick="closeDrawer()">
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Carpet Lining</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Rubber Matting</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Upholstery Fabrics</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Vinyl Flooring</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Insulation</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Adhesive</a>
</div>
</div>
<script>
function toggleDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.toggle('open');
}
function closeDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.remove('open');
}
document.addEventListener('click', function(event) {
var drawer = document.querySelector('.custom-links-container');
if (!drawer.contains(event.target) && !document.querySelector('.drawer-toggle').contains(event.target)) {
drawer.classList.remove('open');
}
});
</script>
</body>
</html>
Pero ang problem is di ko alam saan ko po i paste sa shopify
View attachment 3126819
View attachment 3126821
Hello po pa help po ako regarding po ito gusto ko po kasi maging ganito
and my codes po ako
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Links Drawer</title>
<style>
body{margin:0;font-family:Arial,sans-serif}
.custom-links-section{background:#132446;padding:10px 20px;text-align:left}
.drawer-toggle{color:#fff;cursor
ointer;font-size:24px}.custom-links-container{display:none;position:fixed;top:0;left:0;height:100%;width:80%;background:#132446;padding:20px;z-index:999;transition:transform 0.3s;transform:translateX(-100%)}
.custom-links-container.open{transform:translateX(0)}
.custom-link{color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;margin-bottom:10px;transition:color 0.3s}
.custom-link:hover{color:#add8e6}
Media (max-width:749px){
.drawer-toggle{display:block}
.custom-links-container{display:block}
}
Media (min-width:750px){
.drawer-toggle{display:none}
.custom-links-container{display:none}
}
</style>
</head>
<body>
<div class="custom-links-section">
<div class="drawer-toggle" onclick="toggleDrawer()">☰</div>
<div class="custom-links-container" onclick="closeDrawer()">
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Carpet Lining</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Rubber Matting</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Upholstery Fabrics</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Vinyl Flooring</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Insulation</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Adhesive</a>
</div>
</div>
<script>
function toggleDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.toggle('open');
}
function closeDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.remove('open');
}
document.addEventListener('click', function(event) {
var drawer = document.querySelector('.custom-links-container');
if (!drawer.contains(event.target) && !document.querySelector('.drawer-toggle').contains(event.target)) {
drawer.classList.remove('open');
}
});
</script>
</body>
</html>
Pero ang problem is di ko alam saan ko po i paste sa shopify
View attachment 3126819