help me out here - Forums

help me out here

JC4P View Profile View Subprofile	Jan 28 2005, 09:04 PM Post #1
Senior Member Group: Member Posts: 961 Joined: Dec 2004 Member No: 68,057	Ok so i'm tryni to make a layout. and I want tehre to be a Imgmap for the BG pic of it.... does anyone know how to do this? heres the code: <!-- begin code provided by createblog.com --><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='394,243,433,258' HREF='/CLAF/default.asp' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='278,272,324,287' HREF='/private/home.aspx' ALT='Home'><br /><AREA SHAPE='rect' COORDS='348,273,395,289' HREF='/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='433,275,497,290' HREF='/Private/SubscribeTo.aspx?user=USERNAME'><br /><AREA SHAPE='rect' COORDS='513,278,567,293' HREF='/logout.aspx' ALT='LogOut'><br /></MAP><br /><br /><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://www.freewebtown.com/jc4p/VRLayoutBG.png" border=0 width=800 height=600 USEMAP='#imgmap'><br /><br /><div style="<br />overflow: auto;<br />width: 300px;<br />height: 200px;<br />margin-top: 250px;<br />margin-left: 475px;"><br /><br /><style type="text/css"><br />/* Nirvana Skin -By JC4P/<br />body<br />{background-color: #000033;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #990000;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #990000;<br />scrollbar-highlight-color: #;<br />scrollbar-darkshadow-color: #;<br />scrollbar-3dlight-color: #;}<br /><br />/ edits the date /<br />div.blogheader, .caption<br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Century Gothic;<br />text-transform:none;<br />font-size:12px;<br />line-height:12px;<br />font-weight:normal;<br />color:#FF00FF;<br />letter-spacing:2px;<br />background-color:#330099;<br />text-align:center;<br />border:1px solid #3300FF;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/ edits bolded text in your entry /<br />font-weight: bold;<br />color: #FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/ this edits the buttons, dropdowns, etc. /<br />border: 1px solid #FFFFFF;<br />font:normal 12px Century Gothic;<br />background-color: #FFFFFF;<br />font-color:#FFFFFF;}<br /><br />table.footer TD {<br />/ this makes the footer at the bottom centered /<br />/ leave it alone unless you know what to do/<br />text-align: center;}<br /><br />table.left th {<br />/ on your menu module, this edits the title part of it /<br />/ like BLOGRINGS, POSTING CALENDAR, etc /<br />background-image: url();<br />background-color:none;<br />color: #FF0000;<br />font: bold 12pt Century Gothic;<br />text-transform: none;<br />text-align:center;<br />border: #003333 1px solid;}<br /><br />table.left {<br />/ this edits the menu module /<br />width:180px;<br />color:000000;<br />background-color:#990000;<br />BORDER: #FF3300 2px solid;}<br /><br />font,td,p,xmp<br />{color:#FFFFFF;<br />font-face: Century Gothic;<br />font-weight:normal;<br />font-size:12pt;<br />text-align:justify;}<br /><br />table.blogbody tr td {<br />/ this edits the left margin of blog /<br />width:40px;<br />padding-left: 0px;}<br /><br />table.blogbody {<br />/ this edits the other the place where the blog is /<br />background-color:transparent;<br />family-font: Century Gothic;<br />text-align:center;<br />BORDER: #990000 1px solid;<br />width:460px;} / <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */<br /><br />a:link<br />{line-height: 12pt;<br />font-family: Century Gothic;<br />font-weight:normal;<br />color:#0066FF;<br />text-transform:none;<br />font-size:12pt;<br />cursor:crosshair;}<br /><br />a:active<br />{font-family: Century Gothic;<br />color:#3366FF;<br />text-transform:none;<br />font-size:12pt;<br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Century Gothic;<br />color:#009900;<br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:12pt;<br />cursor: crosshair;}<br /><br />A:hover<br />{font-family: Century Gothic;<br />color:#0033FF;<br />text-transform: uppercase;<br />cursor: crosshair;<br />font-weight:bold;<br />font-size:12pt}<br /></style><br /><br /><!-- end code provided by createblog.com -->
[Up]	[Quote]