The code below will allow you to create a Member Spotlight module for your website. First, you will need to create a new content item within the navigation folder where you want the Member Spotlight to appear. Usually you would want to display this on your home page, so you will need to create a new content item within your "Home" folder. Name the content item Member Spotlight but leave the "Show" checkbox unchecked because we will actually be adding the title within the code below. After you have pasted in the code below, you should see a default image and text within the member spotlight. You will need to refer to the Member Spotlight page within the Beginners tutorial in order to see how to customize it. Paste the code below exactly as it appears here, beginning with the <div class="HLLandingControl"> and ending with the third </div> tag to get started: <div class="HLLandingControl"> <h2>Member Spotlight</h2> <div class="Content"> <div class="HLContainer"> <a href="http://community.iaap-hq.org/" class="ApplyClass"><img alt="" src="http://community.iaap-hq.org/IAAPHQ/Model/UploadedImages/gage.jpg" style="float: left; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " /></a><b>Member Name</b><br /> Kansas City, MO<br /> <br /> <b>Employer:</b> Helping Hands Montessori<br /> <br /> <b>IAAP Member Since:</b> 2008<br /> <br /> <b>Did you know?</b> View User Guide for complete instructions on how to update this module.<br /> <a href="http://community.iaap-hq.org/">View complete profile</a> </div> </div> </div> |