Created: Nov 09, 2008
Updated: Sep 16, 2009
Viewed: 398 times
Page Status: active

Not Yet Rated

My Wikispace

Thank you so much for sharing my book with your readers. I continue to learn new ways to connect and engage online and one of the most important things to remember about community management is that it is hard work! Rewarding, but definitely not easy. We are all learning as we go.

Image map created using http://phphtmledit.com/EnableAll.php

Click on the head of the guy on the right.

Text box with scroll.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.

Just a paragraph with dotted bottom border using span style

Rounded corners with four images. Inlined CSS generated from www.roundedcornr.com with following parameters:

Basic Rounded Corner

Corner radius in pixels: 10
Background color: FFFFFF
Box color: CCCCCC

Copy paste the following to htmledit.squarefree.com

<div style="background: #cccccc;">
   <div style="background: url(http://www.roundedcornr.com/roundedcornr_446657_tr.png) no-repeat top right; width: 100%; height: 10px; font-size: 1px;"><div style="background: url(http://www.roundedcornr.com/roundedcornr_585248_tl.png) no-repeat top left; width: 100%; height: 10px; font-size: 1px;"></div></div>
      <div style="margin: 0 10px;">
         Lorem ipsum dolor sit amet, consectetur
         adipisicing elit, sed do eiusmod tempor incididunt
         ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris
         nisi ut aliquip ex ea commodo consequat. Duis aute
         irure dolor in reprehenderit in voluptate velit esse
         cillum dolore eu fugiat nulla pariatur. Excepteur
         sint occaecat cupidatat non proident, sunt in culpa
         qui officia deserunt mollit anim id est laborum.
      </div>
   <div style="background: url(http://www.roundedcornr.com/roundedcornr_446657_br.png) no-repeat top right; width: 100%; height: 10px; font-size: 1px;"><div style="background: url(http://www.roundedcornr.com/roundedcornr_585248_bl.png) no-repeat top left; width: 100%; height: 10px; font-size: 1px;"></div></div>
</div>

Rounded table

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Header 1

Header 2

Header 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

http://www.youtube.com/watch?v=jzrSqhX79i4