Tag Archives: font

How to post HTML/java codes in blogger?

Blogger




How to post HTML/java codes in blogger? Hi, If you are blogspot.com platform blogger and want to post HTML/JAVA source codes you have to take two simple steps. Step 1 Go to your blogger Dashboard > Layout > Edit HTML, now you have to add this CSS code above “]]> </b:template-skin>” code. pre { background:#cccc; border:1px solid #dddddd; font-size:100%; line-height:100%; overflow:auto; padding:8px; color:#000000; } pre:hover { border:1px solid #cdcdcd; } code { font-size:100%; text-align:left; margin:0; padding:0; color: #000000; } .clear […]

Simple JQuery Drop Down Menu

jQuery-Drop-Down-Menu




Drop Down menu is the crucial role playing item in any web design. Never mistake by ignoring your website drop downs because none of design can attract that smartly but a stylish looking drop down menu can do the smart work. Are you one who looking for some simplest solution of how to make a jQuery drop down menu? If yes! Luckily you’re at the right place. Our this tutorial will help newbies to learn how drop down menus work […]

Top 5 WordPress Watermarking Plugins

Signature-Watermark-WordPress-Plugin




If you’re a graphic designer, photographer or just like to take and use your own photos on your blog, you know how valuable these images are. There’s nothing like having your image stolen and used on another website or blog without your permission. Even worse, some may even take the credit for your hard work. Some designer use an image editing program to add watermarks (which serve as a copyrights) to their photos and graphics, but if you’re a WordPress user, there are some […]

Find Smallest Div With Jquery

smallest-div




In this Article, jQuery code to find smallest/shortest div element with respect to height of div element. The jQuery code iterates through all the div elements and finds the smallest and then highlight it. Below show you the way to find smallest div The HTML code of Div: <div style="height:40px;width:200px">My height is 40px</div><br/> <div style="height:50px;width:200px">My height is 50px</div><br/> <div style="height:30px;width:200px">My height is 30px</div><br/> <div style="height:35px;width:200px">My height is 35px</div><br/> CSS Code : body { padding: 10px; } div { <strong>font</strong>-family:Calibri; <strong>font</strong>-size:12pt; […]

Sort Select list items using jQuery

dropdown-sort




In this Article, you find out jQuery code to sort dropdown list items. The items can be sorted by item’s text and also by item’s value in ascending or descending order. First create dropdown list items in html <select id="ddlList"> <option value="3">Three</option> <option value="1">One</option> <option value="0">Zero</option> <option value="2">Two</option> <option value="8">Eight</option> </select> <br/><br/> <input type="button" id="btnSort" Value="Sort Dropdown By Text" /> <input type="button" id="btnSortVal" Value="Sort Dropdown By Value" /> With above html code we create dropdown list. to give it style […]

Tooltip using jQuery UI library

tooltips




Tooltips can be attached to any element. To display tooltips, one need to add title attribute to input elements and title attribute value will be used as tooltip. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element. I had already posted that jQuery UI 1.90 is released and there are some widgets which are introduced with jQuery UI 1.90. One of the new widget is Tooltip. In this […]

Drop Down MegaMenu

large_preview




Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often. Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu […]

Generate Web-Safe Fonts When Using @font-face

font-face




One of the biggest mistakes I see with people just getting introduced to the CSS3 @font-face selector is the use of regular OTF or TTF fonts in their web pages, instead of the recommended WOFF (Web Open Font Format)and EOT (Embeddable OpenType) font formats. With traditional font formats (TTF, OTF), the primary use was for print and applications that created such documents. There were no worries about compatibility across different browsers like there are when creating websites. Now with the large adoption of @font-face, web designers […]

Best Web Developer practices in HTML

html_10_plus_best_practices




HTML markup language for World Wide Web have been used for move twenty years, from HTML4 to XHTML, now HTML5. However, there are some fumdamental practises that works on all version of HTML you should be aware all the time. Let me remind you 10+ best practices that lead to clean and correct markup.

Make animated gifs online

editor




HERE is a list of sites where you can make Animated Gifs online without downloading any software! If you want to add animated gifs in your blog, do NOT resize the gif using height and width attribute of image tags. Because doing so will “break” the image. Resize before uploading, not after. *** Gifmake This is a pretty simple animation tool. You can upload images either from your computer or from the web and then set the speed for individual […]