Saturday 26 July 2014
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
------------------------------------------------------------------------------------------------------
CODE 1
-------------------------------------------------------------------------------------------------------
<form action="http://fbgadgets.blogspot.co.uk/">
<textarea name="myTextBox" cols="50" rows="5">
Enter some text...
</textarea>
<br />
<input type="submit" />
</form>
------------------------------------------------------------------------------------------------------
CODE 2
-------------------------------------------------------------------------------------------------------
<form action="http://fbgadgets.blogspot.co.uk/">
<textarea name="myTextBox" cols="50" rows="5" style="background-color:#FCF5D8;color:#AD8C08;">
Enter some text...
</textarea>
<br />
<input type="submit" />
</form>
------------------------------------------------------------------------------------------------------
CODE 3
------------------------------------------------------------------------------------------------------
<form action="http://fbgadgets.blogspot.co.uk/">
<textarea name="myTextBox" cols="50" rows="5" style="background-color:#FCF5D8;color:#AD8C08;border:5px double #AD8C08;">
Enter some text...
</textarea>
<br />
<input type="submit" />
</form>
------------------------------------------------------------------------------------------------------
Basic Scrollbox
------------------------------------------------------------------------------------------------------
<div style="width:150px;height:150px;line-height:3em;overflow:scroll;padding:5px;">
This 'div' element uses 'overflow:scroll' to create scrollbars whenever the contents of the 'div' become too large.
</div>
<div style="width:150px;height:150px;line-height:3em;overflow:scroll;padding:5px;background-color:#FCFADD;color:#714D03;border:4px double #DEBB07;">
This 'div' element uses 'overflow:scroll' to create scrollbars whenever the contents of the 'div' become too large.
</div>
------------------------------------------------------------------------------------------------------
Basic HTML IMAGE SRC CODE
------------------------------------------------------------------------------------------------------
<img src="http://2.bp.blogspot.com/-gmSMWLqQnt0/UyXKJKEu3kI/AAAAAAABJnM/9qNkmPQREG0/s1600/FBGadgets.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
<img style="border:10px solid black;" src="http://2.bp.blogspot.com/-gmSMWLqQnt0/UyXKJKEu3kI/AAAAAAABJnM/9qNkmPQREG0/s1600/FBGadgets.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
---------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-----------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Textarea Tricks</title>
<style>
textarea { width: 400px; padding: 10px; }
#example-one {
background:url(http://css-tricks.com/examples/TextareaTricks/images/benice.png) 50% 50% no-repeat;
border:1px solid #888888;
}
#example-two {
background:url(http://2.bp.blogspot.com/-gmSMWLqQnt0/UyXKJKEu3kI/AAAAAAABJnM/9qNkmPQREG0/s1600/FBGadgets.jpg) 50% 50% no-repeat;
border: 20px solid;
border-top-color:Red;
border-right-color:Yellow;
border-bottom-color:Blue;
border-left-color:GREEN;
width:100px;
height: 100px;
color:Red
}
</style>
</head>
<body>
<div id="page-wrap">
<textarea id="example-one" cols="30" rows="5">
</textarea>
<textarea id="example-two" cols="30" rows="5">
TEXT AREA WRITTING
</textarea>
</div>
</body>
</html>
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment