Skip to content

Instantly share code, notes, and snippets.

View onuproy's full-sized avatar
🏠
Working from home

Onup Chandra Barmon onuproy

🏠
Working from home
View GitHub Profile
@aslamhindko
aslamhindko / post-type-loop.php
Last active March 6, 2021 20:52
Post Type Loop
<div class="testimonial">
<?php
$q = new WP_Query(
array('post_type' => array('testimonials'),
'post_status' => array('publish'),
'orderby' => 'date',
'order' => 'ASC',
'posts_per_page' => $sitem,
'service-category' => $category)
);
@CodeMyUI
CodeMyUI / index.html
Created July 17, 2018 14:00
Responsive Navigation Menu Using Only CSS
<h1><span>Responsive Navigation Menu</span> Using Only CSS</h1>
<header>
<section>
<a href="https://www.linkedin.com/in/sutharmayur" id="logo" target="_blank">Mayur Suthar</a>
<label for="toggle-1" class="toggle-menu"><ul><li></li> <li></li> <li></li></ul></label>
<input type="checkbox" id="toggle-1">
<nav>
@onuproy
onuproy / index.html
Created June 28, 2019 12:38
Responsinator - Responsive Checker
<header class='opened' id='header'>
<h1 class='logo' data-title='ICB'></h1>
<div class='menu'>
<span class='selected icon-dar'>Alfin Media</span>
</div>
<div class='devices'>
<button class='device desk active'></button>
<button class='device tablet'></button>
<button class='device tablet-land'></button>
<button class='device phone'></button>
@onuproy
onuproy / index.html
Created July 6, 2019 04:24
Move background perspective on mouse move effect
<div class="wrap">
<div class="bg"></div>
<h1>Take a look around</h1>
</div>
<!-- Effect inspired by https://codepen.io/supah/pen/RrzREx -->
@onuproy
onuproy / index.html
Created July 21, 2019 04:20
Disable mouse right-click
<script>
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
return false;
}
function mousehandler(e){
@onuproy
onuproy / index.html
Created July 21, 2019 05:06
Copy Text to Clipboard
<!DOCTYPE html>
<html>
<body>
<p>Click on the button to copy</p>
<input type="text" value="Hello World" id="myInput">
<button onclick="myFunction()">Copy text</button>
<p>The document.execCommand() method is not supported in IE8 and earlier.</p>
@onuproy
onuproy / index.html
Created July 22, 2019 09:21
CSS user-select Property
<!DOCTYPE html>
<html>
<head>
<style>
div {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}
@onuproy
onuproy / style.css
Created July 22, 2019 09:24
How to remove the default arrow icon from a dropdown list (select element)?
select::-ms-expand {
display: none !important;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
@onuproy
onuproy / style.css
Created July 22, 2019 09:27
::placeholder color custom
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
@onuproy
onuproy / index.html
Created October 26, 2019 20:06
Sticky Header fixed
<section class="header_logo">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="logo">
<a href="index.html">
<img src="assets/images/LOGO.png" alt="logo">
</a>
</div>
</div>