HOME / BLOG

Basic animated circular progress bar using svg, html, css, jquery

<svg id=”animated” viewbox=”0 0 100 100″> <circle cx=”50″ cy=”50″ r=”45″ fill=”#FDB900″/> <path id=”progress” stroke-linecap=”round” stroke-width=”5″ stroke=”#fff” fill=”none” d=”M50 10 a 40 40 0 0 1 0 80 a 40 40 0 0 1 0 -80″> </path> <text id=”count” x=”50″ y=”50″ text-anchor=”middle” dy=”7″ font-size=”20″>100%</text> </svg> body{text-align:center;font-family: ‘Open Sans’, sans-serif;} svg{width:30%;} var s = Snap(‘#animated’); var progress […]

How to design a custom scrollbar using html and css?

<style> /* width */ ::-webkit-scrollbar { width: 20px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } </style>  

How to create a random color generator using javascript?

  <script> // paste this code to see magic var propmt = window.prompt(“Enter any number only: “); var test = isNaN(propmt); if (propmt == “”){ document.write(“<h2 class=’alert alert-danger’>Please enter a valid value!</h2>”); } else{ if (propmt == null){ document.write(“<h2 class=’alert alert-danger’>&times; You have cancelled the process!</h2>”); } else{ for(i=1; i<=propmt; i++){ document.write(“<div id='”+i+”‘>” + i […]

How to create custome tempate in worpdress?

Create custome tempate in worpdress <?php /* Template Name: my_first_custom_template*/ ?> <?php get_header(); ?> <div id=”primary” class=”content-area”> <main id=”main” class=”site-main” role=”main”> <?php // Start the loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( ‘template-parts/content’, ‘page’ ); // If comments are open or we have at least one comment, load […]

How to create header and footer in wordpress?

create header and footer in wordpress HomeHow to create header and footer in wordpress? How to create header and footer in wordpress? Developer’s BlogThursday, January 02, 2020 create header and footer in wordpress Header function sandeep_code_just_after_body(){ echo “<div class=’top-header’>”.get_bloginfo(‘name’).”</div>”; } add_action(“wp_head”,”sandeep_code_just_after_body”); Footer function sandeep_code_for_footer(){ echo “<div class=’main-footer’></div>”; } add_action(“wp_footer”,”sandeep_code_for_footer”);  

How to create custom post menu in wordpress?

Create custom post menu in wordpress function my_ebooks() { $labels = array( ‘name’ => _x( ‘Ebooks’, ‘Post Type General Name’, ‘text_domain’ ), ‘singular_name’ => _x( ‘Ebook’, ‘Post Type Singular Name’, ‘text_domain’ ), ‘menu_name’ => __( ‘Ebooks’, ‘text_domain’ ), ‘name_admin_bar’ => __( ‘ebook’, ‘text_domain’ ), ‘archives’ => __( ‘Item Archives’, ‘text_domain’ ), ‘attributes’ => __( ‘Item […]