Skip to main content

Trend Rooms

Search This Blog

Featured post

Add active class dynamically in menu and submenu

on January 18, 2018 jquery Web Design

Get link
Facebook
X
Pinterest
Email
Other Apps

Creative Menu And Hamburger Menu

on May 01, 2017

Get link
Facebook
X
Pinterest
Email
Other Apps

Hamburger Menu :

https://www.w3schools.com/howto/howto_js_sidenav.asp

Creative Menu:
https://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/

https://tympanus.net/codrops/tag/menu/page/2/

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Post a Comment

Popular Posts

compress png and jpg without loss quality of image

Compress png and jpg without loss quality of image : Smart PNG and JPEG compression Optimize your images with a perfect balance in quality and file size. Compress png and jpg without loss quality of image TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size! PNG is useful because it’s the only widely supported format that can store partially transparent images. The format uses compression, but the files can still be large. Use TinyPNG to shrink images for your apps and sites. It will use less bandwidth and load faster. Chrome, Firefox and Safari all support PNG. Google added their support in Chrome 59 only just recently in June 2017 so it is expected that the format will really start to take off from now! It only leaves Microsoft Edge and we can vote for their ...

Add active class dynamically in menu and submenu

html: in html you must have to add below two point. 1) For finding page: <?php $page = 'PAGE NAME'; ?> 2) for add active claass: <?php if($page =='about'){echo 'active';}?>; Then, this type of menu and dropdown menu or submenu: <ul class="nav navbar-nav"> <li class="<?php if($page =='home'){echo 'active';}?>"> href="index.php">Home</li> <li class="<?php if($page =='about'){echo 'active';}?>"> href="index.php">about</li> </ul> After that, - Add this javascript to submenu page: <script type="text/javascript"> $(document).ready(function(){ $('.dropdown-menu > li.active').parent().parent('li').addClass('active'); }); </script> i'm add this particular subpage, so it easy with submenu and no more complex s...

Bootstrap 4 Migration Guide

Bootstrap 4 Migration Guide on how to upgrade from Bootstrap v3.x to v4.x with emphasis on major changes, what's new, and what's been removed. Bootstrap 4 is a major rewrite of almost the entire project. The most notable changes are summarized immediately below, followed by more specific class and behavioral changes to relevant components. Direct convertor Bootstrap 3 to Bootstrap 4 - Click Here Summary: Browser support: Dropped IE8, IE9, and iOS 6 support v4 is now only IE10+ and iOS 7+ (For sites needing either of those, use v3) Added official support for Android v5.0 Lollipop’s Browser and WebView. Global Changes: Flexbox is enabled by default. As part of flexbox, included support for vertical and horizontal alignment classes. Switched from Less to Sass for bootstrap source CSS files. Font size unit: px Font size unit: rem, though pixels are still used for media queries and grid behavior as viewports are not affected by type size...

Powered by Blogger

Trend Rooms