Skip to content

Logic Bytes

Spread Your Knowledge

  • Home
  • How To
  • PHP
    • Cakephp
    • WordPress
    • CodeIgniter
    • Laravel
  • Python
    • Django
    • Flask
  • Contact

CSS

CSS / HTML

Awsome Login Animations

February 25, 2018 Chandan SharmaComment on Awsome Login Animations

Awesome login Animation.. HTML CODES: <form> <div class=”svgContainer”> <div> <svg class=”mySVG” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” viewBox=”0 0 200 200″> <defs> <circle id=”armMaskPath” cx=”100″ cy=”100″ r=”100″/> </defs> <clipPath …

Read More
CSS

Set auto height and width in CSS/HTML for different screen sizes

November 30, 2017 Chandan SharmaComment on Set auto height and width in CSS/HTML for different screen sizes

#Set auto height and width in CSS/HTML for different screen sizes Larger Device, Medium Devices & Small Devices media queries. (Work in my Scenarios.) Below …

Read More
CSS / HTML

How to auto adjust the div size for all mobile / tablet display formats?

November 30, 2017 Chandan SharmaComment on How to auto adjust the div size for all mobile / tablet display formats?

This is called Responsive Web Development(RWD). To make page responsive to all device we need to use some basic fundamental such as:- 1. Set the …

Read More
CodeIgniter / CSS / HTML / PHP

How can I show dots (“…”) in a span with hidden overflow?

November 29, 2017 Chandan SharmaComment on How can I show dots (“…”) in a span with hidden overflow?

How can I show dots (“…”) in a div with hidden overflow? ._shr_name{     display:inline-block;     width:180px;     white-space: nowrap;     overflow:hidden …

Read More
CodeIgniter / CSS / HTML / JavaScript / JQuery / PHP

On click a radio button show or hide a div using Jquery

December 3, 2016 Chandan SharmaComment on On click a radio button show or hide a div using Jquery

## ON CHECK RADIO BUTTON SHOW OR HIDE A DIV USING JQUERY:: $(‘input[name=”usertype”]’).click(function() {       if($(‘input[name=”usertype”]:checked’))       {       …

Read More
Article / CSS / HTML / PHP

How to change style of only ul li ul li last li

July 1, 2016 Chandan SharmaComment on How to change style of only ul li ul li last li

<style> .m-demo > ul > li > ul > li  { border-bottom: 1px dashed grey !important } </style> <div class=”m-demo”> <ul> <li> <ul> <li>only effected li</li> </ul> </li> …

Read More

Recent Posts

  • Python Automation Framework-PyUnit (Unittest) Framework
  • Python Automation Framework-TestProject Framework
  • Python Automation Framework-Pytest Framework
  • Python Automation Framework-Lettuce Framework
  • Python Automation Framework-Behave Framework:
  • Top Python Testing Automation Frameworks in 2024
  • Visual Studio Code Keyboard Shortcut Editor
  • Visual Studio Code Keyboard Shortcuts
  • How to Remove Sidebar from Category Pages in WordPress?
  • Best Practices for API Responses

Automation Frameworks Automation Testing Behave Framework Blogger Blogspot Cakephp Cheat Sheets Code Editor CodeIgniter Code Navigation Collaborative Coding Debugging Tools Disable Mouse Right Click Domain Extension Editor Extension Full form Facebook Facebook Video Download IDE JavaScript JQuery Lettuce Framework Microsoft Code Editor Open-Source Code Editor PHP Pytest Framework Python Python-3.x Python Automation Python Automation Frameworks Python Automation Testing Python Pytest Framework Python Testing Frameworks Python TestProject Framework Python Unittest Framework Syntax Highlighting Testing Frameworks Text Editor for Developers Visual Code Visual Code Editor Visual Studio Code Visual Studio Code Cheat Sheet VSCode VSCodeEditor WordPress

Copyright © 2026 Logic Bytes.
Powered by WordPress and PridMag.