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>
Related movie you might like to see :

WEB IMAGE DOWNLOADER

TEXT COMPARE OR DUPLI TEXT FINDER

BLOCK JAVA SCRIPT BY GOOGLE CHROME

MOUSE COORDINATES IN JAVA SCRIPT

RELATED POST WIDGET LIST WITHOUT TH...

WHACK A RAT CSS GAME

USE ARABIC URDU LANGUAGE IN HTML

POST DATE THUMBNAIL IN BLOG

POST DATE HEADER IN BLOG

SEARCH YOUR VIDEO IN GOOGLE

INPUT BUTTON VALUE SWAP

DYNAMIC VIEWS BLOGGER TEMPLATE

FLASH PLAYER SWF FILE DOWNLOAD ARCH...

GOOGLE FILTER BUTTON IN IMAGE SEARC...

PAIR MATCHING GAME

CSS SLIDER WITHOUT JS

FLICKITY SLIDER SCROLL WITH RADIO N...

FLICKITY JS CSS SLIDER

CONVERT FILE PATH TO A URL LINK
Make Own API English Dictionary
?
+
X
Recommended for you
Loading..
Related Post for BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
DRAG AND DROP MULTIPLE UPLOAD ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
SHOPPING CART BLOGGER TEMPLATE PART 1 READ MORE: ------------------------------------------------------------------------------------------------------------ http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-bl…
CANVAS GAMES TUTORIAL ON FACE BOOK Facebook enables game developers to add social features into their games, providing rich social interactions between players while improving virality and enabling organic growt…
POST DATE THUMBNAIL IN BLOG -------------------------------------------------------------------------------------------------------- READ MORE: 11:02 POST DATE THUMBNAIL IN BLOG HD Jan 2…
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES ------------------------------------------------------------------------------------------------------ CODE 1 ------------------------------------------------------------------…
SHOPPING CART IN SIDEBAR TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE: REMAINING PART http://fbgadgets.blogspo…
SSL WEBSITE CHECKER FOR FACEBOOK -------------------------------------------------------------------------------------------------------- READ MORE: I F YOUR WEBSITE SSL CERTIFICATE CHECK TWO THINGS &n…
POST DATE HEADER IN BLOG -------------------------------------------------------------------------------------------------------- DEFAULT LANGUAGE SETTING READ MORE: POST DATE TUMBNAIL IN BLOG http://f…
ONLINE UNCOMPRESS CSS CODE Read More: http://mrcoles.com/blog/css-unminify/ http://download.cnet.com/CSS-Compressor-and-Minifier/3000-10248_4-75867899.html http://www.digitalcoding.com/too…
Platinum Arts Sandbox Free 3D Game Maker ----------------------------------------------------------------------------------------------------- READ MORE: ------------------------------------------------------…
SHOPPING CART IN SIDEBAR TEMPLATE METHOD HOW TO ADD POST IN THIS TEMPLATE SHOPPING CART IN SIDEBAR TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-template-with-view-cart.html http://fbgadge…
BOOTSNIPP LOGIN SIGNUP FORM ----------------------------------------------------------------------------------------------------------- READ MORE: http://bootsnipp.com/tags/login http://bootsnipp.com/s…
IMAGE UPLOAD WITH JAVA WITH PHP CODE ------------------------------------------------------------------------------------------------------ CREATE FOLDER AND CREATE AND SAVE FILES ONE BY ONE IN THIS FOLDER &nb…
SELL YOUR APPS READ MORE: http://www.chupamobile.com/app-source-code …
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE ------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN NOTE PAD AND SAVE IN HTML FILE -----------…
BLOGGER INCLUDABLE SECTION ------------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------…
FREE SLL CERFICATE BY AZURE MICROSOFT FOR FACEBOOK READ MORE: http://azure.microsoft.com/en-us/documentation/articles/cloud-services-configure-ssl-certificate/#step1 http://azure.microsoft.com/en-us/pricing/free-trial/ …
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.