Cool HTML Codes for your Site
When we look at HTML codes for websites, blogs, etc., there are chances that some of the code may not work, due to certain constraints. Hence, you will have to make the code compatible with the standards, before you can actually use it.
HTML Code for Scroll Box
When you have too large a content to fit into a box, you can make use of scroll box for the content. There are number of ways, which you can use to make the scroll box, but we will the simplest way to make things easier.
<div style="height:100px;width:150px;font:16px/26px Georgia, Tahoma, Serif;overflow:scroll;">
When the content in the scroll box is much more, than what can be accommodated in the box, the box will have scroll bars... hence the box is called a scroll box! An image can also be into the scroll box.</div>
Background Color for the Scroll Box
<div style="height:120px;width:160px;overflow:scroll;background-color:#c3def9;">If you want a background color to the scroll box, then you will have to add a property called 'background-color' (without the quotes) to the code and give the color code, after it. In this code we have given blue background color.</div>
Scroll Box with Borders
<div style="height:100px;width:100px;overflow:scroll;border:2px dashed #67F152;">If you want to define your scroll box, then you can also give the box borders. You will have to use the 'border' property of the scroll bar for the same. The thickness and any color of the border will depend on your choice. There are various options that you can use to make the border, like solid, dotted, dashed, etc.</div>
HTML Code for Marquee Code
If there is something on your web page you want to emphasize, then you can use the marquee code. However, it is recommended, you do not overuse it, as it can irritate the reader and also spoil the concentration of the reader. Marquee code is popularly used to give updates, advertisements or popular posts, etc.
Marquee Code for Bouncy Text
<marquee behavior=alternate width="300" scrollamount="7" scrolldelay="96" height="25" bgcolor="#c3def9"><font size="5">Put the text in here.</font></marquee>
Marquee Code Vertically Moving Text
<marquee direction=up scrollAmount=0scrollDelay=0 width=150 height=100>Put<br>Text<br>Here</marquee>
Marquee Code Horizontally Moving Text
<marquee direction="right">Isn't this a cool HTML Code?</marquee>
HTML Submit Button Code
If you want to use a submit button in the code and make the web page interactive, then you can use the submit button code.
<button type="submit" name="submit" value="submit">Submit</button>
If you want an image on the submit code, then you will have to use the following code.
<button type="submit" name="submit" value="submit" <img src="url of the image"/>
In this code, the only change you will have to make is to change the url of the image to the name of the image you actually want to have on the submit button.
This is one of the real interesting HTML codes, with which you can allow images to float directly in the middle of the text or onto one side. The code for which will look like
<img src="name of the image.jpg" align="right"/>
In the name of the image, you will have to give the exact location of the image.
Create Links Without Underlining the Link
All of us keep using links in our web pages. Sometimes the underline below the HTML code does not look good to the eyes. In such cases, you will have to use the follow code.
<a href="http://www.ibuzzle.com/" style="text-decoration: none">iBuzzle Homepage</a>
You can also use these HTML codes for Facebook. However, some of the HTML codes may not necessarily work, as they may not be compatible with the application. There are also a number of emoticons, which can be used on the web pages as well as social networking sites to decorate the web page.