Websites that use Bootstrap 4 framework, sometimes need a bigger search form in the navigation bar. These websites might also need a drop-down or select input to provide better search. Create a navigation bar consists of a bigger search form.
Tag » HTML
5 Ways – Equal Height Columns or Parent Div to Maximum from Children
Create equal height columns in a webpage. Or set parent div height to the maximum from children. Equalizing the height of divs assist to obtain a grid/column layout. Also, the same can fix the varying height issue due to rotation of sibling elements in a parent like a slider.
Custom Breadcrumb Navigation using Yoast SEO Plugin
Yoast SEO is one of the most popular WordPress SEO plugins. The plugin offers a breadcrumb navigation feature to put on your WordPress website. However, sometimes we wish to grab these breadcrumb items in an Array.
Modal as Popup or Direct as Page Content in Bootstrap
We always use Modal as Popup in Bootstrap. But just with a little PHP & CSS, we can use it direct as page content. It’s useful when we want modal to behave as expected, popup at most of pages in our Bootstrap 4 powered web application. But wish to put it directly on a particular page with same content on popup.
Outlook HTML Email Templates – Right Way to Add & Configure
Configuring HTML Email Templates in Outlook gives you power to send branded emails to your clients in lesser time through HTML email templates. From my perspective, it’s now been required to add & configure email templates in outlook and use them for your business.
Add Target, CSS Class, Title or Rel to WordPress Menu
You can easily add Target, CSS Class, Title, Rel or even some description to a WordPress Menu. Defining target, CSS class, adding title or rel (relation) attribute to navigation links in WordPress menu is already given under Appearance > Menus which makes you have more control over nav items.
Bootstrap Form in Modal – Use Popup in Correct Way
Form in modal is a trending tool for websites now a days. Like Bootstrap login/register form implemented in a modal to popup. I have seen designer making form markup wrong within modal and thus complaining for invalid markup in bootstrap or not firing a submit event properly either directly by button click or within their script within popup.
Placing text above foreground image in html
It’s quite common to use background image and place text above it but it’s also possible to use image in foreground and place text above foreground image overlay. You can also horizontal center or vertical center the text as explained in the article.
So our page contains a piece of HTML as follow:
Make the Footer Stick to the Bottom of a Page
When a page contains a large amount of content, the footer is pushed down off the viewport, and if you scroll down, the page ‘ends’ at the footer. However, If the page has small amount of content, the footer can sometimes ‘cling’ to the bottom of the content, floating halfway down the page, and leaving a blank space underneath, which looks ugly. So we need to make the footer stick to the bottom of page (not always fixed and visible).
PHP Captcha using jQuery AJAX
Generally We use Captcha in the form to ensure that the form is submitted with manual intervention without any tools or programs. In this article we will show captcha using jQuery from PHP. Using jQuery we can also refresh the captcha code by resending AJAX call to generate new captcha image.
[ Page 1 of 5 ]