BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/s1600/FBGadgets.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />

<img style="border:10px solid black;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCuR6q9-11iuF0bnE-bfiy-V3V0FpS6Z2wMf4Z8p_Hmv1AT83TJz8YY-TcFpyi2camx3QHoMa5-bzIF6Og_WtE6o_F8_gj6Dq90H9LSQYRk0dn3KJ4iWtG5UPJhn8mCJDwB_NaPeCgpll/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>