|
HTML - What Style Of Template
Hi
what style of template should i download from boxedart.com to create a template for ebay as i dont really need a website? I just need to show a few images. I see brochure, web etc thanks Similar Tutorialshere is the template. it's coded badly since I used photoshop and dreamweaver since I dont really know how to code. the only thing I need to do is add a div tag in the body thats white and another div tag for the footer with that color. ive been messing with it but i cant get it. i end up messing the whole template up. could someone please help me with those 2 spots please? Hey there. I have a blog. its called reign of uncertainty, and the url is www.confusedforeternity.blogspot.com i am using a zigmag remedy template. i am trying to put links in the bar, where it says "home, about me, art....". but the template automatically prefixes the blog url before the link. if i put www.deviantart.com in the xml code, it automatically becomes http://www.confusedforeternity.blogs...deviantart.com. i am not the good at coding and i dont know why its happening. the xml template is available he http://www.mediafire.com/?tz3mzcgntmt A solution will be appreciated. Hi guys.I have very little html experience so I decided to work from a template. Problem is, I didn't even know how to add some of the simple stuff. I was able to figure out how to add: a) the background b) the main header(banner) and c) a few normal pictures I have no idea however how to add the: sidebar, menubar (where about us, etc is), or the footer. I don't know where the programming for them starts or how to add so that the show up. In the following post I'll add my website name and code: HI Guys, I am making a template using Web 2.0. Everything was alright but when I opened the html files in Dreamweaver again for work. One div in the middle it showed white space. When I viewed it in firefox, it viewed completely and there was no white space. The text was there , everything was there. I dont get it, where did the white space came from. Also, if I view the code view, that specific div is highlighted with yellow color. Also the yellow highlighted div is showing in the design view. I am attaching the screenshots. Kindly help with this Regards, a2usmani Well okay it's me again. I'm making another template. How do I get this: Image To look like this: Image And then let me add text? Codes: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Apateezer - Home</title>
<link rel=stylesheet href="style.css" type="text/css" media=screen>
</head>
<body>
<div id="page">
<div id="Header">
</div>
<div id="linkbar">
<div id="page">
<p>test</p>
</div>
<div id="footer">
<p>Copyright (c) 2008 Apateezer.com <br/>
All Rights Reserved.</p>
</div>
</div>
</body>
</html>
Code: body {
background-color:#000000;
margin:0;
padding:0;
text-align:center;
font-family:Trebuchet MS Bold;
font-size:16px;
color:#ffffff;
}
#page {
width:960px;
margin:auto;
padding:auto;
background-image:url(images/page.png);
text-align:center;
}
#header {
width:780px;
height:123px;
background-image:url(images/header.png);
clear:both;
}
#linkbar {
width:780px;
height:66px;
background-image:url(images/linkbar.png);
clear:both;
}
#footer {
width:780px;
height:51px;
background-image:url(images/footer.png);
clear:both;
}
PLease help. I have an older template that has a stylesheet and iframes.html I am wanting to put this into it and just havent had any luck. <!-- MLCALC BEGIN --> <script type="text/javascript"><!-- mlcalc_default_calculator = 'loan'; mlcalc_currency_code = 'usd'; mlcalc_amortization = 'year_nc'; //--></script> <script type="text/javascript" src="http://www.mlcalc.com/jquery.js"></script><div style="font-weight:normal;font-size:9px;font-family:Tahoma;padding:0;margin:0;border:0;background:transparent;color:#E5E5E5;width:300px;text-align:right;padding-right:10px;" id="mlcalcWidgetHolder"><script type="text/javascript" src="http://www.mlcalc.com/widget-wide.js"></script>Powered by <a href="http://www.mlcalc.com/" style="color:#E5E5E5;text-decoration:none">Mortgage Calculator</a></div> <!-- MLCALC END --> I have been able to muddle it into the page but get script error. I am sure I need to provide more information. The tables on the page are just to confusing for me to work this in. Just thought I would start off with the problem. Wasnt sure what forum to put this in either thanks in advance for any input. Hi, total newbie to website design and I need help in getting rid of a template. I think for now all i want is to go to cPanel, then right to a HTML editor, but every choice seems to leave me with some sort of forced template. I just switched from Sitebuilder to RVsitebuilder and was a little happier with the 'build your own' template... but still there is a template. I want to learn to design my own header, not have some preset thing.... Should I just keep messing with different builders? Try wordpress? (it's Not like i can ruin anything, there is no content up yet to worry about overwriting) Hoping someone feels like answering this tonight Hi, this may not be even a HTML question but... I was wondering if there was a way to create some kind of website template, so if I wanted to add a banner or something to a page I don't have to go into each individual html file and put it in. Something like a css that everything references to and making a change in that changes all. THX. How would you add a template to your site with HTML. This concept is getting very annoying and I have started arguing with someone on this subject. Please if you know how to do this please don't hesitate to tell me. Thanks in advance!! -Levi I'm trying to make a template for e-bay using Dreamweaver. When I use CSS, it applies everything to the whole auction, so even the e-bay things have the font as orange. I went in and changed everything to html and things look better, but I'm having a problem with the border around my images. I would like it to be the color in the background instead of black. Here is a screenshot of what I am talking about. http://s132.photobucket.com/albums/q...screenshot.jpg Here is the code I currently have: <img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssimagej.jpg" width="288" height="288" border="9"></p> <p align="center"> </p> <p align="center"><img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssdescriptionj.jpg" width="450" height="225" border="2"></p> What I would REALLY like is a border around the image that is another image, a pattern used in the background, but I will be happy with a color that matches!! Thanks! Hey everyone, First of all, I don't know any HTML, I'll be following a tutorial later this week to learn it, yet I decided to give website lay-outs, a go. Here's what I got so far. Now my questions are, do I have to add the text on there now? Or will I add it with HTML later on? And my other question is, how exactly does the slice tool work? Do I just have to slice it all in pieces? Or do I have to add the URL to it too? (If you double-click a slice you can enter a URL, how can I know the URL if I don't even have a site yet?) Thanks a lot! Hi I've found a nice template of a website online (free). But i couldn't find a way to fully make the template RTL. Could anyone assist be with some basics? I could even upload the template. Thanks, Hi, I am searching for some templates which could accomplish two goals for my website: Goal 1: To display two lists in drop-down format, each with seperate subject matter. When two selections are made, they take the user to a new page via a button action with information on the combination of the two. Example: Form 1: Classic cars Form 2: 1960's Result: a list of 1960's classic cars. Goal 2: To display a picture associated with each item as the user drags the cursor over them in the list. For example, classic cars would display a picture, and 1960's would have another. Any information would be helpful. I am a beginner at HTML, but looking forward to learning more as I go along. Thanks! Ok, so I just made my first website template in GIMP. I finally get it done and watch a few tutorials on "cutting and slicing) and I get the code and it wont work on the website! Im using www.weebly.com to host the site. Heres the code that GIMP gave me after cutting and slicing... <img src="ThreePeatTemp2.png" width="780" height="1000" border="0" usemap="#map" /> <map name="map"> <!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-lease do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:Jalen --> <area shape="rect" coords="183,182,282,228" href="http://threepeatgaming.weebly.com/index.html" /> <area shape="rect" coords="326,185,447,251" href="http://threepeatgaming.weebly.com/50s-for-sale.html" /> <area shape="rect" coords="491,185,595,252" href="http://threepeatgaming.weebly.com/about-us.html" /> <area shape="rect" coords="641,186,755,252" href="http://threepeatgaming.weebly.com/contact-us.html" /> <area shape="rect" coords="5,2,154,96" href="http://threepeatgaming.weebly.com/index.html" /> <area shape="rect" coords="8,297,85,317" href="http://threepeatgaming.weebly.com/why-us.html" /> <area shape="rect" coords="8,326,86,344" href="http://threepeatgaming.weebly.com/our-goal.html" /> <area shape="rect" coords="9,351,147,372" href="http://threepeatgaming.weebly.com/how-to-buy-a-50.html" /> </map> Please, any help is really appreciated! I honestly dont know what info you need to help me figure this out, but please if you can help ask. -Jalen im having trouble finding a free website template for a game site if anyone knows any websites that would be a big help I have gotten a free template of the internet. And i have know i dea how to edit the content like the bars text and everything in it. I dont have photoshop and was wondering how iam supposed to do this. I'm currently using this template for blogger that's not made by myself and i've been trying to get it to center horizontally but it's not working. I'm hardly experienced with html so any help would be appreciated. Thanks in advance! HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML><head>
<title>The City That Never Sleeps</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<style type="text/css">
body {
background-image: url(http://i1015.photobucket.com/albums/af277/sleepingtoys/city/citybg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #F0F0F0;
font: normal 8pt "Arial", sans-serif;
color: #808080;
line-height: 1.5;
text-align: justify;
}
#navbar-iframe{
display: none;height: 0px;
}
#bottom {
background: #222;
height: 20px;
width: 100%;
position: fixed;
bottom: 0;left: 0;z-index: 1;
}
#sun{
padding:5px;
background: #222222;}
#post{
filter: alpha (opacity=90);
-moz-opacity: 0.50; opacity: 0.90;
-webkit-transition-duration:1s;
padding:1px 3px 3px 0px;}
#post:hover{
filter: alpha (opacity=100);
-moz-opacity: 1.00; opacity: 1.00;
-webkit-transition-duration: 1s;
padding:1px 3px 3px 0px;}
#posts {
background: #ffffff;
vertical-align: top;
width: 520px;
-moz-border-radius: 10px 0 10px 10px;
-webkit-border-radius: 10px 0 10px 10px;
padding: 5px 10px 10px 10px;}
#postbody img {
padding: 6px;
background:#fafafa;
border: 1px solid #e1e1e1;}
#music img {
padding: 6px;
background:#111;
border: 0px solid #222;}
#moon {
background: transparent;
position: absolute;
top: 20px;
left: 315px;
width: 60%; }
#rain {
position: fixed;
width: 250px;
bottom: 10px;
left: 50px;}
#rain #content {
-webkit-border-radius: 10px 10px 0 0px;
-moz-border-radius: 10px 10px 0 0px;
background: #222222;
color: #999;
margin: 10px 0 0;
padding: 8px; }
::selection {
color: #888888;
background: #f5f5f5; }
::-moz-selection{
background: #f5f5f5;
color: #888888;}
.blogger-labels{
border-top: 1px solid #f8f8f8;
font-size: 10px;
padding-top: 5px;
margin: 10px auto 0 auto;
text-align: right;}
strong, b {color:#81A8B8;}em, i {color: #B94159 ; font-weight:bold;}u {color: #A79C8E ;border-bottom: 1px solid #A79C8E;}
a {
font: bold 8.5pt "helvetica", sans-serif;
color: #888;
text-decoration: none;
text-transform: lowercase;}
a:hover {
-moz-transition-duration: 1s;
-webkit-transition-duration:1s;
color: #ffffff; }
blockquote {
background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/hbq.gif");
background-repeat: no-repeat;
background-position:top right;
font: normal 8pt "arial", monospace;
color: #999;
margin: 1px 0px 1px 0px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eee;
-webkit-transition-duration:1s;
padding: 9px 0px 9px 0px; }
blockquote:hover {
-webkit-transition-duration:1s;
color: #555; }
.date {
font: normal 20pt "helvetica", sans-serif;
text-transform: lowercase;
color:#dddddd;
letter-spacing:-3pt;}
.title {
font: normal 18pt "helvetica", sans-serif;
border-bottom: 1px solid #f5f5f5;
margin-top:-10pt;
margin-bottom:2px;
font-style:italic;
letter-spacing: -2pt;
color:#f1f1f1;
text-transform: lowercase; }
.time{
font: bold 30pt "arial", sans-serif;
-moz-border-radius: 0 7px 7px 0px;
-webkit-border-radius: 0 15px 15px 0px;
height: 50px;
background: #f9f9f9 !important;
padding: 1px 3px 3px 0px;
float: left;
position: relative;
color:#f1f1f1;
font-weight:bold;
letter-spacing:-6.5pt;
filter: alpha (opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
-webkit-transition-duration:1s;
}
.time:hover{
filter: alpha (opacity=90); -moz-opacity: 0.90; opacity: 0.90;
-webkit-transition-duration:1s;
padding:1px 3px 3px 0px;}
.clouds{
font: normal 18pt "helvetica", sans-serif;
font-color:#333333;
letter-spacing:-2pt; }
.sky{
text-align: right;
padding: 0 9px 0px 0px;
font: bold 40pt "helvetica", sans-serif;
letter-spacing:-7pt;
text-transform: lowercase;
line-height:50%;
color:#222;}
.navi {
background: #222222;
color: #555555;
border-bottom: 1px solid #333;
font: normal 8pt "helvetica", sans-serif;
letter-spacing: 3pt;
margin: 0;
padding: 8px 5px;
text-align: right;
text-transform: uppercase;
-webkit-transition-duration:1s; }
.navi:hover {
-webkit-transition-duration:1s;
background: #222;
color: #999999;
cursor: default;
border-right:140px solid #333; margin-right: 0px;}
a.label:link, a.label:active, a.label:visited {
text-decoration: none; display: block; font: bold 30pt "arial", sans-serif; color: #e4e4e4; text-align: center; padding-bottom: 3px; margin:5px;
}
a.label:hover{
color: #A6ACA7; }
</style></head>
<body>
<div id="rain">
<div class="sky">
The City That Never Sleeps
</div>
<div id="content">
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/3.jpg">
Best viewed in <b>Google Chrome</b>, screen resolution 1280 x 1024.
Do not put too much content under each header or else some of the content could not be seen.
</div>
</div>
<div class="navi" style="border-top: none;" onClick="changeNavigation('about')">ABOUT</div>
<div class="navi" onClick="changeNavigation('affiliates')">AFFILIATES</div>
<div class="navi" onClick="changeNavigation('archive')">ARCHIVES</div>
<div class="navi" onClick="changeNavigation('tagboard')">TAGBOARD</div>
<div id="sun">
</div>
<div id="about" style="display: none;">
<div class="clouds">profile</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/1.jpg">
It's best to keep it short and sweet. (:
</div>
</div>
<div id="affiliates" style="display: none;">
<div class="clouds">affiliates</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/5.jpg">
<a href="http://struckbywanderlust.tumblr.com" target="_blank">tumblr</a>
<a href="http://heartsaloud.livejournal.com" target="_blank">livejournal</a>
<a href="http://heartsinink.livejournal.com" target="_blank">heartsinink</a>
<a href="http://twitter.com/heartsaloud" target="_blank">twitter</a>
<div class="clouds">credits</div>
This skin is made by <a href="http://blogskins.com/me/sleepingtoys" target="_blank">sleeping</a><a href="http://about.me/halfway" target="_blank">toys</a>.<br>
Resources: <a href="http://www.sxc.hu/" target="_blank">1</a>, <a href="http://weheartit.com/entry/2591643" target="_blank">2</a>,
<a href="http://weheartit.com/entry/442753" target="_blank">3</a>, <a href="http://weheartit.com/entry/2868529" target="_blank">4</a>,
<a href="http://weheartit.com/entry/2867826" target="_blank">5</a>
</div>
</div>
<div id="archive" style="display: none;">
<div class="clouds">archives</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/4.jpg">
<td width="235px" valign="top">
<form name="form1">
<select style="font-size:8pt;color:#999999;font-family: helvetica;background-color:#333333; border:1px solid #222222; padding: 0px; width: 235px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Archives</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
</form>
</td>
</div>
</div>
<div id="tagboard" style="display: none;">
<div class="clouds">talk</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/2.jpg">
Any usable chat widget goes in here.<br>
A pop-up <a href="http://cbox.ws">cbox</a> is recommended.
If you do not want a pop-up cbox, its width should not exceed 250px.
</div></div>
</div>
<div id="moon">
<br><br><br>
<Blogger>
<br>
<table id="post" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="posts">
<div class="date">posted : <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="title">title : <$BlogItemTitle$></div>
<div id="postbody"><$BlogItemBody$></div>
<td valign="top" width="112">
<div class="time" align="center"><a class="label" href="#top">
<$BlogItemDateTime$> </a>
</div></div>
</td></tr></table>
</Blogger>
<br><br>
<div id="bottom"></div>
</div>
</body></html>
Hi, I've been searching for a forum where I can request a web template and was directed to this one. There are so many categories that I'm not sure if i posted in the right one. So may someone please create or find me a template resembling this one http://ezdocfiler.com. it will be greatly appreciated. Theres not much to it, i have the flash object already i just need the outer template. The Flash i have absolutely no room on my comuter, not even enought to download a template and i just need the template code and then you can delete it, so can someone just download it and then give me the .html code? here is the template, thanks in advance! http://www.tunedstudios.com/comments/template/0/10/ |
|||||||