Bonus: How to add arraw in the list item which has children(dropdown) menu by Jquery. Here is the easiest way to make dropdown menus by css. Firstly add your html markups, [html] <nav class="nav"> <ul class="menu"> <li><a href="">Home</a></li> <li><a href="">about</a></li> <li><a href="">Dropdown</a> <ul> <li><a href="#">item</a> <ul> <li><a href="#">item</a></li> <li><a href="#">item</a></li> <li><a… Continue Reading »
Category: CSS3
How to make Parallelogram shaped background by CSS3.
CSS3 is awesome to make interesting style of web-pages. This is the tutorial about How to make Parallelogram shaped background by CSS3. You may do it by different ways but I'm showing the way which I prefer. [css] .the-class{ display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; float: none; z-index:… Continue Reading »
Add Font-awesome icon into input by CSS
Sometimes to make the gorgeous looking of form, we want to add font-awesome icons as placeholder. Most of us do not know how to add the font-awesome icons inside input. There is a very easy and awesome way to add font-awesome icons into input as place holder. I'm going to… Continue Reading »
How to Change Placeholder Text Color in Form
Sometimes we face in a problem with Contact form's field's Placeholder color when develop different colors and types of contact forms. If we use html5 or Bootstrap default contact forms we get a default color of placeholder text. Sometimes it does not match with the template color or mock-up color.… Continue Reading »