You may have noticed that while we are using CSS in our html , we use “+” and “~” symbols to select another div on hovering on a particular div. The reason why we are using them is because on hovering over one div we have to change or hover contents over another div. But… Continue reading Difference between “+” and “~” in css.
Author: Akhil Johny
Add animation to a html content in JavaScript
Some times situation may arise where we have to add animation to HTML contents using JavaScript. One situation is that if we have to change the display property of content to block and none ,we have to write script to it. What we will do if we need to add an animation while having change… Continue reading Add animation to a html content in JavaScript
Change the display block : none to block and vice versa.
While designing a web page especially the header it is important to know to change the content to none to block and vice versa by using Java Script. It will be very helpful when we develop a responsive NavBar. The java script code used for this is as follows:- function toggleFunction() { … Continue reading Change the display block : none to block and vice versa.
Add SVG images to the WordPress Media
WordPress support a number of image file types including .jpg, .jpeg, .png, and .gif . But it does not support SVG file format images to upload into the WordPress media by default . So what if we need to upload the SVG images into the WordPress. For this what we have to do is to add a PHP… Continue reading Add SVG images to the WordPress Media
Change the color of the Png image to black in hover.
The color of the image that is inside a parent div can be changed into black using some CSS codes. The icon images has to change to black while hovering on the parent div. So we have to call the total div in CSS and make it hover Then call the div along with the… Continue reading Change the color of the Png image to black in hover.
Project the image gallery to front(150%) without using extra images(while making responsive)
While we are making a site responsive, we can make too many alterations especially while making image gallery responsive. My requirement was to make each of the image project 150% to the front in small devices. One image should occupy the entire row and next image after the other. The cod used here to change… Continue reading Project the image gallery to front(150%) without using extra images(while making responsive)
Insert Contents into the table of database
The contents can be inserted by using the function given below: function my_plugin_insert_db() { global $wpdb; $username = ‘wordpress’; $email = ‘test1@wordpress.com‘; $table_name = $wpdb->prefix . ‘db_plugin’; $wpdb->insert( $table_name, array( ‘username’ => $username, ’email’ => $email, ) ); } if(isset($_POST[‘button2’])) { global $wpdb; $username = $_POST[“fname”]; $email = $_POST[“email”]; $table_name =… Continue reading Insert Contents into the table of database
Creating a table in the database of WordPress.
Create a table in the database of WordPress. A PHP function is used to create a table in the database. While working on WordPress one of the most important thing to know is about how to create a table and how to insert data into the table. The PHP function to create a table in… Continue reading Creating a table in the database of WordPress.