Fred's Used Websites, Loveland Colorado

Edit Your Sample Page

<h1>
<phpimg bgcolor="white" src="http://fredsusedwebsites.com/" text="Sample%20Edit%20Page" shcolor="black" fill="darkred" size="64" font="Coopbl" capstyle="shadow" function="caption"></phpimg></h1>
<p><img style="float: left; margin-right: 10px; margin-bottom: 5px;" src="http://fredsusedwebsites.com/images/truck.gif" onmouseover="this.src='/images/Logo.gif';" onmouseout="this.src='/images/truck.gif';" border="0" alt="Truck Image" width="230" height="120"/></p>
<h3>Edit Your Text<br/></h3>
<p>This page is provided to you so that you can experience our web page editor.  You can modify the content on your pages with nothing more than your cookie-enabled web browser!   Don't wait weeks for your webmaster to make trivial changes on your site!</p>
<p>Click on the link above to edit this page.  You can change the content of this page to anything you want!  The changes you make here  will only be visible to your browser so you don't need to worry about  others seeing your changes.  Of course on your site, changes made by this editor will immediately become visible to your viewers.  Before you go in the editor, roll your mouse over the truck and observe what happens...now just do it....<a href="http://fredsusedwebsites.com/Page/samplePage.php?op=edit" title="editor"><span style="font-size: large;"><em><span style="color: #c25d51;"><strong>go to the editor!</strong></span></em></span></a></p>
<table border="0" cellspacing="0" cellpadding="0" class="shadowbox_outer" style="float: right; margin-left: 10px; height: auto; background-image: url(http://fredsusedwebsites.com/images/dropimg.php?shadowbox=1&w=300&h=477&color=%23ffffcc&corner=20&border_color=%23770000&border_width=3&shcolor=black); background-repeat: no-repeat;"><tbody><tr><td class="shadowbox_cell" style="width: 300px; padding-right: 30px; padding-bottom: 30px;">
<div class="shadowbox_pad" style="padding: 10px;">
<script id="5D2839B714E11A" type="text/javascript"></script><div class="shadowbox_inner">
<php bgcolor="transparent" font="AnglicanText" function="dropCap"><p style="margin-bottom: 4px;"><span style="font-size: medium;"><strong>Extraordinary Features</strong></span></p>
</php><p style="margin-top: 0px;">This highlights some of the advanced editing features you have with our editor. The bottom row of the editor button panel buttons are for advanced users.   Try selecting this box by clicking near the edge - you will see all content inside highlighted.  Then modify the shape, position, background of the box with the "Modify element position" (<img style="vertical-align: middle;" src="http://fredsusedwebsites.com/images/tiny/posedit.png" border="0" alt="Edit position icon" width="16" height="17"/>) button.</p>
<p style="margin-top: 0px;">The title of this section shows the DropCap feature.  Put your cursor anywhere in the title line and click "Toggle Drop Caps" (<img style="vertical-align: middle;" src="http://fredsusedwebsites.com/images/tiny/dropcaptoggle.png" border="0" alt="Toggle DropCaps icon" width="17" height="17"/>) to turn this off or on. Click "Edit Drop Caps Settings" (<img style="vertical-align: middle;" src="http://fredsusedwebsites.com/images/tiny/dropcapedit.png" border="0" alt="Edit DropCap icon" width="17" height="17"/>)to modify the font characteristics for the drop cap character!</p>
<p style="margin-top: 0px;">The title of the page shows the Enhanced Text feature.  Click on the "Sample Edit Page" image then click "Set/Edit Enhanced Text" (<img style="vertical-align: middle;" src="http://fredsusedwebsites.com/images/tiny/b-enhtxt.png" border="0" alt="Enhanced Text Feature" width="20" height="20"/>) to see how you can generate, fancy shadowed fonts on your website!</p>
</div>
</div>
</td>
</tr></tbody></table><h3>Edit images on your page<br/></h3>
<p>Use edit/insert image(<img src="http://fredsusedwebsites.com/images/tiny/image.gif" border="0" alt="Image Manager Icon" width="20" height="20" align="absmiddle"/>) dialog to modify the truck image.  When that dialog is open:</p>
<ul><li>click on "Appearance" and try floating the truck to the left rather than the right using "Alignment". </li>
<li>Use "Border" to put a border around it or change its size with "Dimensions". </li>
<li>Look at the "Advanced" tab and see how we make the image change when you roll your mouse over it <em><span style="font-size: xx-small;">(be sure to save your changes and look at the rollover on the page -- the effect doesn't appear in the editor)</span></em>.  </li>
<li>Set the "Alignment" to something other than right or left.  Notice that it is now positioned inline with your text -- try dragging it to another location in the text! </li>
</ul><h3>Links to other pages and sites.<br/></h3>
<p>Links are an important part of every web page!  Making a link is easy! </p>
<ol><li>Just select some text or even an image and click <img src="http://fredsusedwebsites.com/images/tiny/link.gif" border="0" alt="Link Icon" width="20" height="20" align="absmiddle"/>to bring up the link dialog.  </li>
<li>Go to another browser window on your computer and browse to a favorite website.  </li>
<li>Copy the address from that window's address bar and come back to the editor and paste it into the "Link URL" field.  </li>
<li>Click "Insert" (you may need to close the link dialog in the upper right corner) and you have it!! </li>
<li>Save your edit by clicking "Submit" and try your new link out! </li>
</ol><h3>Tables help you format your content.</h3>
<p><strong> </strong></p>
<table border="1" style="width: 580px;"><caption><strong>This is the table caption</strong></caption> 
<tbody><tr><td rowspan="3" valign="top" style="width: 33%;">
<p>Tables provide a great way to control layout on a page.  We are using a table here to organize text into columns and areas.  This column is set to be 1/3 the width of the table.  Notice that if you continue to type text into this area, the table just gets longer to accomodate the new text.</p>
</td>
<td valign="top" style="width: 33%;">
<p>Click on <img src="http://fredsusedwebsites.com/images/tiny/table.gif" border="0" alt="table icon" width="20" height="20" align="absbottom"/>to create a new table or edit and existing one.  It is in the lower left corner of the editor controls</p>
</td>
<td rowspan="2" valign="top" style="width: 33%;">
<p>There are a slew of controls to manipulate tables ( 			<img src="http://fredsusedwebsites.com/images/tiny/table_row_props.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_cell_props.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_insert_row_before.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_insert_row_after.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_delete_row.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_insert_col_before.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_insert_col_after.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_delete_col.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_split_cells.gif" border="0" alt="" align="absmiddle"/><img src="http://fredsusedwebsites.com/images/tiny/table_merge_cells.gif" border="0" alt="" align="absmiddle"/>)</p>
</td>
</tr><tr><td align="center" valign="top" style="width: 33%;"><span style="border: 1px solid black; font-weight: bold; color: #800000;">Freds Used Websites</span></td>
</tr><tr><td colspan="2" valign="top" style="width: 33%;">Table manipulation can seem quite complicated at first but as you practice you will get better and better at doing it.  <br/></td>
</tr></tbody></table>

Home Testimonials Website Design PricesTry Our EditorAbout Us Contact Us News Login