| Logician |
08-29-2008 12:06 PM |
Quote:
Originally Posted by ArnyVee
(Post 1609821)
Logician (or anyone else that might know),
I just started playing with the web templates and decided to take a free template from the web, get the html and paste it into the admin description field for this mod. It doesn't show up correctly though at this point.
Here's what I entered....
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site Name: Page Title</title>
<meta http-equiv="content-language" content="en" />
<meta name="Keywords" content="your,keywords,here" />
<meta name="Description" content="Your short description here" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="index,follow" />
<meta name="rating" content="general" />
<meta name="author" content="you@you.com" />
<meta name="copyright" content="Copyright ? 2006" />
<link href="images/favicon.gif" rel="SHORTCUT ICON" />
<link rel="alternate" type="application/rss+xml" title="Feed Title" href="rss.xml" />
<style type="text/css">
body {margin:0; padding:0; text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#333; color:#fff;}
table {width:100%; height:100%;}
#lcol img, #ccol img, #rcol img {margin:2px; float:right;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:2px; font-family:Verdana,Arial,Helvetica,sans-serif}
h1 {font-size:1.75em; border-bottom:1px dotted #009900;}
h2 {font-size:1.5em; border-bottom:1px dotted #009900;}
h3 {font-size:1.25em; border-bottom:1px dotted #009900;}
ul {margin:0;padding-left:12px;list-style:square;color:#009900}
li {margin:2px 0 2px 10px}
a {background:inherit; color:#009900; text-decoration:none; font-weight:bold;}
a:hover {background:inherit; color:#00FF00; text-decoration:none; border-bottom:1px solid #00FF00; font-weight:bold;}
#wrapper {border:2px solid #009900;}
#lborder {width:14px; background-image:url(images/lborder.jpg); background-repeat:repeat-y;}
#navbar, #footer {background:inherit; color:#009900; padding:5px; background-image:url(images/hfbak.jpg); background-repeat:repeat-x; background-position:top center;}
#navlinks {text-align:left; float:left; width:75%;}
#search {text-align:right; width:25%; float:right;}
#logo, #hdeco {border-bottom:1px solid #777; border-top:1px solid #999; height:150px; background-image:url(images/headbak.jpg); background-repeat:repeat-x;}
#logo {text-align:left;}
#hdeco {text-align:right;}
#main {border-left:2px solid #009900; border-right:2px solid #009900; background:#000;}
#lcol, #ccol, #rcol {width:33%; background-image:url(images/cback.jpg); background-repeat:no-repeat; background-position:bottom right; padding:5px; background-color:#333;}
/* If you want to add a background hover effect to the left, center and right columns, uncomment the following line */
/* #lcol:hover, #ccol:hover, #rcol:hover {width:33%; background-image:url(images/cbackhover.jpg); background-repeat:no-repeat; background-position:bottom right; padding:5px; background-color:#5C5C5C;}*/
#footer {text-align:center; border-top:1px solid #999; background-color:inherit; color:#999999;}
#rborder {width:14px; background-image:url(images/rborder.jpg); background-repeat:repeat-y;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" id="wrapper" summary="Creates the background effects">
<tr>
<td id="lborder"></td>
<td id="main"><table cellpadding="0" cellspacing="0" summary="Main body effects">
<tr>
<td colspan="3" id="navbar"><div id="navlinks"><a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a> | <a href="#">Your Link</a></div>
<div id="search">
<form style="margin: 0px;" action="/search.php" method="get">
<input type="text" name="query" size="14" />
<input type="hidden" name="action" value="results" />
<input type="submit" value="Search" />
</form>
</div></td>
</tr>
<tr>
<td id="logo" colspan="2"><img src="images/logo.jpg" alt="" /></td>
<td id="hdeco"><img src="images/headr.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="3"><table width="100%" cellpadding="5" cellspacing="5" summary="Main content layout">
<tr>
<td id="lcol"><h1>The WDBoards</h1><img src="images/yourimage.jpg" alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper <a href="#">suscipit</a> lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio <a href="#">dignissim</a> qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<h2>Sub-Section Title</h2><ul><li>Bullet List Item 1</li><li><a href="#">Bullet List Item 2</a></li>
<li>Bullet List Item 3</li><li><a href="#">Bullet List Item 5</a></li>
<li>Bullet List Item 6</li><li><a href="#">Bullet List Item 7</a></li>
<li>Bullet List Item 8</li><li><a href="#">Bullet List Item 9</a></li>
<li>Bullet List Item 10</li></ul></td>
<td id="ccol"><h1>The WDBuddies</h1><img src="images/yourimage.jpg" alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper <a href="#">suscipit</a> lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio <a href="#">dignissim</a> qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<h2>Sub-Section Title</h2><ul><li>Bullet List Item 1</li><li><a href="#">Bullet List Item 2</a></li>
<li>Bullet List Item 3</li><li><a href="#">Bullet List Item 5</a></li>
<li>Bullet List Item 6</li><li><a href="#">Bullet List Item 7</a></li>
<li>Bullet List Item 8</li><li><a href="#">Bullet List Item 9</a></li>
<li>Bullet List Item 10</li></ul></td>
<td id="rcol"><h1>WDBroadcasts</h1><img src="images/yourimage.jpg" alt="" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper <a href="#">suscipit</a> lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio <a href="#">dignissim</a> qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<h2>Sub-Section Title</h2><ul><li>Bullet List Item 1</li><li><a href="#">Bullet List Item 2</a></li>
<li>Bullet List Item 3</li><li><a href="#">WDBRadio 5</a></li>
<li>Bullet List Item 6</li><li><a href="#">WDBPodcast 7</a></li>
<li>Bullet List Item 8</li><li><a href="#">Bullet List Item 9</a></li>
<li>Bullet List Item 10</li></ul></td>
</table></td>
</tr>
<tr>
<td id="footer" colspan="3">Copyright © 2008 W.D.B. Enterprises LLC | All Rights Reserved | Design by: <a href="http://www.waltdisneyboards.com/" target="_blank" title="AV">AV</a></td>
</tr>
</table></td>
<td id="rborder"></td>
</tr>
</table>
</body>
</html>
<!--
Design by AV: http://www.waltdisneyboards.com/
-->
Here's how it shows.... http://www.waltdisneyboards.com/view.php?pg=wdbhub and the attachment is how it should show.
Seems to have a huge space at the top (is this because a graphic is missing or am I doing something wrong?) and things shifted around just a bit.
Can anyone lend a hand to see if what I can do to fix it?
Thanks!
|
If you make it a "standalone" webtemplate which does NOT use a theme, it will show up fine but without your vb header/footer. (Also remember to make image URLs full urls or move images to your server otherwise images will be broken as source code can't find them in your server).
If you want to insert it inside a webtemplate theme which will display it between your header/footer you can't paste it as it is, you have to edit it to fit to your style. (which should require HTML knowledge). |
More Information