Skip to content

Instantly share code, notes, and snippets.

View amartadey's full-sized avatar
🚀
Always Create

Amarta Dey amartadey

🚀
Always Create
9 followers · 1 following
View GitHub Profile
@amartadey
amartadey / testing
Created April 22, 2023 05:07
var stringOne = ""
var stringTwo = ""
// charAt()
console.log(stringOne.charAt(1))
// charCodeAt()
console.log(stringOne.charCodeAt(1))
@amartadey
amartadey / Custom CSS
Last active May 29, 2022 20:15
LINKS
https://markodenic.com/css-tips/
https://web.dev/state-of-css-2022/
https://www.freecodecamp.org/news/css-flexbox-tutorial-with-cheatsheet/
https://madza.hashnode.dev/18-github-repositories-to-become-a-css-master
https://www.30secondsofcode.org/css/s/custom-checkbox
======================================================================================================
@amartadey
amartadey / Contact Form 7 Email Template
Last active July 11, 2022 06:03
Email Template for Contact Form 7 Emails. Make sure to check the option "Use HTML content type"
------------------FOR ADMIN-------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><style type="text/css">p, a, div, span, td, th, li, strong,h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;}p, a, div, span, td, th, li, strong{ font-size:14px;} #messageBody table, #messageBody th, #messageBody td{padding:5px 10px}</style></head><body style="margin:0;"><table width="100%" border="0" cellspacing="10" cellpadding="0" bgcolor="#bfbfbf">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FFF">
<td><h1 style="margin:10px 0; padding:0;">&nbsp;<a title="[site_name]" href="[site_url]"><img src="[logo_url]" alt="[site_name]" /></a></h1></td>
<td align="right" valign="middle"><h2 style="color:#000;"><a style="color:#000;" href="mailto:[site_
@amartadey
amartadey / WP Codes
Last active August 25, 2023 10:38
Any Link
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css">
<img src="<?php echo get_template_directory_uri(); ?>/images/banner-img.jpg" alt="" />
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/vanilla-tilt.js"></script>
Use an ACF image field
<?php
$main_banner = get_field('main_banner');
if( !empty($main_banner) ):
@amartadey
amartadey / select Box CSS
Last active April 19, 2024 13:25
Custom Select Box Background
-webkit-appearance: none;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
OR
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2
@amartadey
amartadey / browserSync.txt
Created January 21, 2021 04:54
BrowserSync Code
WORDPRESS
browser-sync start --proxy "localhost" --files "*.php, *.css, **/*.php, **/*.css"
HTML
browser-sync start --server --files "*.html, css/*.css, js/*.js"
@amartadey
amartadey / select.html
Created September 2, 2020 15:01
Styling select box with CSS
copied From https://codepen.io/fabriceleven/pen/qOmNPG?editors=0100
<div class="selectdiv">
<label>
<select>
<option selected> Select Box </option>
<option>Option 1</option>
<option>Option 2</option>
<option>Last long option</option>
</select>
@amartadey
amartadey / placeholder select tag
Created August 12, 2020 14:00
HTML
<select required>
<option value="" disabled selected>Select something...
<option value="1">One
<option value="2">Two
</select>
CSS
select:required:invalid {
@amartadey
amartadey / Input Type Number - No Scroll Button
Last active August 25, 2021 07:14
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
[type=number] { -moz-appearance:textfield; }
@amartadey
amartadey / WP Discuz Shortcode
Last active August 2, 2020 18:57
===========In function.php===========
function my_wpdiscuz_shortcode() {
$html = "";
if (file_exists(ABSPATH . "wp-content/plugins/wpdiscuz/themes/default/comment-form.php")) {
ob_start();
include_once ABSPATH . "wp-content/plugins/wpdiscuz/themes/default/comment-form.php";
$html = ob_get_clean();
}
return $html;
}