Stock HTML Codes
I have a tutorial for making layouts under Pages > Graphics > Graphics Help > How To Make Layouts. But on this page are some random codes you can copy for your use, as long as you credit me for them! If I find you using one without having done that, I will report you for having stolen your work. ;)
If you use one of these, I would appreciate your commenting in the comments at the bottom of this page- I'd love to know how popular these are. :D
If you use one of these, I would appreciate your commenting in the comments at the bottom of this page- I'd love to know how popular these are. :D
HTML HEX Color Codes
When you make layouts, you need the hex code for a color to specify the color, if you are not happy with just "red" or "orange" or "blue" or something like that. I have a link to HowrseInfo's list of HTML safe colors but there's also this handy dandy HTML color picker. You have to make sure you put the # in the HEX code or it won't work!
Basic HTML Scroll Box
If you want a basic scrolling box, which has no background, this is one! Just copy the code. It is a div code box so if the HTML you're doing is a table code it won't work. In the code you can change the width=400px; or whatever to whatever amount of pixels you want to adjust the size, the same goes for the height tag.
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<div style="height:400px;width:400px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.<br><br> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.<br><br> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
HTML Image With No Link and No Uploading To A Hosting Site
If you want the HTML of an image so you can put it on your page in HTML mode and you don't want the stupid link that photobucket or tinypic puts on it, you can do it like this:
- Type <img src="PASTEHERE"> where you want the image to appear (in HTML mode of course)
- Right click on the image you want (assuming the image is on the web somewhere)
- Click "Copy Image URL"
- Paste the URL in place of PASTEHERE and make sure to leave the quote marks and paste it in between!
- When you're done, it should look something like: <img src="http://thebookofhowrse.weebly.com/uploads/1/9/9/6/19962941/7297847_orig.jpg">
- And the end result of that code is:
Then you can take it a step further and center it by putting <center> and </center> HTML tags on it. That would look like this:
<center><img src="http://thebookofhowrse.weebly.com/uploads/1/9/9/6/19962941/7297847_orig.jpg"></center>
And the result of that would be:
<center><img src="http://thebookofhowrse.weebly.com/uploads/1/9/9/6/19962941/7297847_orig.jpg"></center>
And the result of that would be:
HTML Comment Box is loading comments...