|
HTML - Can I Make My Own Template?- Edit One, They All Change
I have a site with many pages and have and a navigation index on the left and bottom and want to be able to set this up so that when I change the navigation, all screens change. Any instructions out there? Thanks!
Similar TutorialsI 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. Hello, I know a little bit about creating websites and how to use the programs that create them. And knowing this, is why I don't understand what I'm doing wrong. A friend of mine, gave me a website template with all its files. If I open firefox or any browser and goto open file, then select the .html file, it will load it just fine and it looks great. In the folder of the template are the following files: xzy1.fla xzy1.fla.jsfl xzy1.swf xzy1.html xzy1-b.jpg xzy1-h.jpg And that's it, nothing else is in the folder. As for how I use to create or edit other website templates, I would goto the folder of the template, and in it would be the following files: abc2.fla abc2.swf abc2_about.html abc2_index.html abc2_about.psd abc2_index.psd And there is also a 'image' folder with a lot of images. Normally to edit this template I would use the .psd file and either Adobe Photoshop and/or ImageReady to make my adjustments. Can someone please take the time to explain what other files I could use to make the adjustments. Because as I explained, the only way I thought you could edit a template was to use the .psd file. Thanks again for your time, Jason S Hi, My client needs an html website. It has to be easy to edit the text later on his own when the site is done. How would you suggest I build it? (I am familiar with dreamweaver for html) It will also have some flash content. (flash content need not to be editable, only stable so it doesn't change position from page to page. menu will be in flash) Is joomla any good for my client? how should I do it? Thanks a lot for your advice, js. Hey everyone I am new, I just was wondering if anyone can help explain/link me to a tutorial that shows me how to make a template that grows when you enter content into the tables without it coming out of place? I have always used iframes for my content before and this is my first try at not using them. When I enter content more than 1 table starts growing and it distorts all my images. My site is http://computercelebs.110mb.com/home.html If you click on the references page it will show an example of what happens. I am making this website as part of my college coursework. I have ~6 weeks to finish this website so plenty of time. Thanks in advance. How do I make a button change images when a user rolls over his/her mouse? Thanks. Right now i'm trying to make it so that an image is on my webpage, and when someone rolls their mouse over it, it changes to another image. It's a simple image conversion, all I changed is the arrow's depth. Thanks! Help-my-HTML How do I make a button change images when a user rolls over his/her mouse? Thanks. Hi all, How would you go about setting up your header and footer so that if you need to make a change it would apply to all of your sites without having to manually go through and change the html on each individual one. I haven't made web sites in over a decade, and I am afraid using frames is quite out of date =). Thanks, Ryan Hello, I am not familiar with coding of any sort, so if someone could just paste the appropriate code for my needs, it would be a lifesaver! And then I could just edit to fit my context... I want a selection form using what you all refer to all "radio options". However, when someone clicks on an option, I want an image off to the side of the option to change. So each selection would have a different image to appear. Is there any type of general code anyone could paste that would do that and I could just edit the image location and options, etc? Thank you all for all your help and time! Hello, I'm trying to add a similar function like "www.vinesauce.com" but I don't know how... I've programmed for 1 week only and I need some help. My site is made with html and css and here's the link to my site, http://razestream.com I appreciate help. Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. hi; i want to create something like this http://www.microsoft.com/en/us/default.aspx need to do exactly as in this site how can i do that.... ; any script (when mouse is over needs to change the iframe....) Highlights Latest releases Using your computer Hello, sorry for any trouble I may cause but this game maplestory, I am trying to get my account back but I have forgotten the e-mail address to get the account. I have been linked to this page on the website but it gives me only the first letter of my email address followed by @gmail.com It is, l_______@gmail.com Is it possible to edit the source of the page to view the missing letters? Here is the source; HTML 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=utf-8" />
<title>Change Your Password!</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input').focus(function(){
$(this).addClass('focused');
$(this).removeClass('filled-out');
});
$('input').focusout(function(){
$(this).removeClass('focused');
if(this.value != 0){$(this).addClass('filled-out')}
});
});
</script>
<link href="http://nxcache.nexon.net/passport/password/css/styles.css" rel="stylesheet" type="text/css"/>
<!--[if IE 6]>
<script type="text/javascript" src="http://nxcache.nexon.net/passport/password/js/ie6-transparency.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png_bg');
</script>
<style type="text/css">
body.MapleStoryTheme #FormBackground{background-position:20px 0;}
body.MabinogiTheme #FormBackground{background-position:20px 0;}
body.DungeonFighterTheme #FormBackground{background-position:20px 0;}
body.PopTagTheme #FormBackground{background-position:20px 0;}
body.CombatArmsTheme #FormBackground{background-position:22px 0;}
body.iTCGTheme #FormBackground{background-position:20px 0;}
body.NexonTheme #FormBackground{background-position:58px 0;background-color:#f2efe7}
body.NexonTheme .remind-me-later{margin-left:80px}
.remind-me-later{width:180px}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.remind-me-later{width:180px}
</style>
<![endif]-->
</head>
<body class="MapleStoryTheme no-pw">
<form name="frmReactivationComplete" method="post" action="ReactivationComplete.aspx" id="frmReactivationComplete">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTYwMjg2NzYzM2Rk" />
</div>
<div id="FormBackgroundTop">
<h1 onclick="javascript:window.location.href='http://maplestory.nexon.net/';">Nexon</h1>
<h2>Change your password!</h2>
</div>
<div id="FormBackground">
<span class="game-character png_bg"></span>
<h4>Email Verification Incomplete</h4>
<div class="info-box">
<h3>You’re almost there. Account Activation Link Sent!</h3>
<p><strong>Activate Your Account and You're Ready to Play!</strong><br />
An Account Activation Link has been sent to the email address below:</p>
<p><span>l_______@gmail.com</span></p>
<p><a class="btn-goto-email" href="http://gmail.google.com/">Go to gmail.com now!</a></p>
</div>
<h3>Helpful Tips!</h3>
<div class="tips">
<p>Click the link in the email to automatically activate your account and you’ll be on your way!</p>
<p>If you have not yet received a confirmation email, please be patient. Click your email browser’s refresh button to refresh your inbox.</p>
<p>If you can’t find the email in your inbox, please check your “spam” folder as some email filters will mistakenly redirect this automatically generated message to that folder.</p>
</div>
<p class="please-read large-text">If you no longer have access to this email, please contact Customer Support by <a href="http://www.nexon.net/Support/SupportForm.aspx?view=email&nexonTheme=MapleStory">clicking here</a></p>
<div class="cl"></div>
</div>
<div id="FormBackgroundBot"></div>
</form>
</body>
</html>
Thank you I am trying to help a friend with his website after his admin left. The site was set up years ago and was never finished. He had a simple web form that would send an email using the code below. The previous guy had the output going to himself and then he would fwd to the sites owner. Strange but not sure why. I just went in to edit the email address, but now I get a "The requested URL /_derived/nortbots.htm was not found on this server." after hitting submit. I googled the error and the only thing I can find is that possibly the original page was created in Frontpage and after opening the file in Notepad++ the file lost some FP attribute. Any ideas what I should try? Thanks Here is the code: <html> <head> <title> Newsletter Registration</title> <meta name="description" content="domain.com" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <script src="/resource/js/main.js" type="text/javascript"></script> <link href="/resource/css/main.css" type="text/css" rel="stylesheet" media="all" /> </head> <body onload="initJS();"> <div id="wrapper"> <table id="mainTable" cellspacing="0" cellpadding="0"> <tr id="banner"> <td style="font-family:Arial,sans-serif; color:white; text-align:right; vertical-align:middle; padding:5px 30px 0 0;" colspan="3"> <p style="padding:0; margin:0;"> <!--webbot bot="Include" U-Include="resource/include/quicksearch.html" tag="body" startspan--> <form method=get action="/cgi-bin/listman/exec/search.cgi"> <input type="hidden" name="search" value="1"> <input type="hidden" name="perpage" value="10"> <input type="hidden" name="marknew" value="1"> <input type="hidden" name="euro_numbers" value="0"> <input type="hidden" name="sort_order" value="3,abc,forward" /> CITY <select name="lfield3_match" size="1"> <option value="" selected>Any</option> <option>Affton</option> <option>Woodson Terrace</option> </select> ZIP <input type="text" size="10" name="lfield5_match" /> <input type="submit" value="Quick Search" /> </form> <!--webbot bot="Include" i-checksum="56169" endspan --></p> </td> </tr> <tr id="menu"> <td style="vertical-align:top;" colspan="3"> <map id="menu" name="menu"> <area shape="rect"#Home coords="32,4,94,24" href="/index.html" title="Home" /> <area shape="rect"#List Properties coords="151,3,292,26" href="/cgi-bin/listman/exec/search.cgi" title="List Properties" /> <area shape="rect"#Rentals coords="360,4,429,25" href="/rentals.html" title="Rentals" /> <area shape="rect" coords="491,3,604,25" href="./contactus.html" title="Contact Us" /> <area shape="rect"#About Us coords="673,3,773,25" href="/aboutus.html" title="About Us" /> <area shape="rect"#Benjy's Ads coords="832,4,946,26" href="/domain.html" title="Benjy's Ads" /> <area shape="default" nohref="nohref" alt="" /> </map> <img usemap="#menu" style="width:974px; height:30px; padding-bottom:15px; border:0;" src="./resource/image/menu.jpg" title="Home" /> </td> </tr> <tr> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowleft.jpg') repeat-y top left; vertical-align:top; text-align:right"> <div style="height:100%; background:url('/resource/image/bgbottomleftcol.jpg') no-repeat bottom left;"> </div> </td> <td style="width:941px; vertical-align:top;"> <div id="content" style="height:100px; border:1px solid black; overflow:auto; padding:15px; background-color:white;"> <div style="border:1px solid black; background-color:lightgrey;"> <h2 style="padding:5px; margin:0;">Benjys Newsletter Registration</h2> </div> <ul> <li>New Properties "<font color="#0000FF">Last Seven Days</font>", </li> <li>New Properties "<font color="#0000FF">Last 30 Days</font>", and </li> <li>A Complete Listing of all Properties</li> </ul> <p align="center"><font color="#0000FF"><b>To join the Newsletter, just enter the following information below.</b></font></p> <form method="POST" name="registration" action="_derived/nortbots.htm" webbot-action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit=""> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="sander.liebert@gmail.com" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Info - Benjy's Newsletter Registration Page" S-Builtin-Fields startspan --><input NAME="VTI-GROUP" TYPE="hidden" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="37496" --> <div align="center"> <table border="0" width="86%" id="table1"> <tr> <td width="211" align="center">First Name<br> <input type="text" name="First" size="20" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td width="258" align="center">Last Name<br> <input type="text" name="Last" size="25" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td align="center">Email Address<br> <input type="text" name="Email" size="40" style="border: 1px solid #0000FF; background-color:#CCFFFF"></td> </tr> <tr> <td width="211"> </td> <td width="258"> </td> <td> </td> </tr> </table> </div> <p align="center"> <input type="submit" value="Submit" name="B1" style="border: 1px solid #0000FF"> <input type="reset" value="Reset" name="B2" style="border: 1px solid #0000FF"></p> </form> </div> </td> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowright.jpg') repeat-y top right; vertical-align:top"> <div style="height:100%; background:url('/resource/image/bgbottomrightcol.jpg') no-repeat bottom right;"> </div> </td> </tr> </table> </div> </body> </html> Hi I am Ron a new member. I am using 123 reg to edit our allotment web site. Access seems to have changed and cannot get in to edit can anyone advise. Ron I got a Website, i have almost completed my site. but but but the first page there is a mistake i cant get it to work some1 can help me editting it? www.sinann.dk - you can see the site is runnning to right too munch Hello all, I'm learning so much studying on a daily basis with html, that I have been making considerable progress, however, if you all could help me "lock" this div layer that I have off to the right of the page from moving that would be grand. You see all I really want on the site is to have content in the middle move as I update and add to it. However when I subtract content or add more content in the middle div box. the right side box will move up or down depending on whether I have added or subtracted content. If you visit http://www.trillionaireme.com that is how I want the site to show on all pages when a link is clicked, however when you click on the "How to Get Started" link http://www.trillionaireme.com/howtogetstarted.html, because I have less content in the middle the right div box moves up. I would like it locked and positioned just as it is displayed on the main page http://www.trillionaireme.com This is the main page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/"><span class="clickednav">Welcome</span></a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html">How To Get Started</a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">This site was last updated on: Tuesday, May 24, 2011 @ 12:47 PM</div> <div class="welcomemessage">"What are you doing right now? Besides reading this, are you doing something that's getting you closer to living the life? The real life. I'm not talking about a better job. A couple more days off. A nice raise. I'm talking about the life you see in your dreams. The one you wish for when no one is around. The one you cry yourself sometimes in hopes of a change. The one that makes you say please, and drops you to your knees to just change when you open your eyes. That's the life I'm asking you, are you living? Are you? Dishonesty will only rob you of your time. Time is so precious, and valuable. Always ticking. Always taking. We have no choice, but to make what we can of this racing clock we are living with. If you're not doing something, you're going back tomorrow to whatever it is you know deep down inside was not the way you wanted it to go. This is why this place exists. Finally a place that has the most important areas of our lives broken down, sectioned off, mapped out strictly and purposefully for our advantage. These are the most valuable and precious areas we mustn't forget to keep balanced, along with the people, places, and things in it. Life is not set it and forget it, life is ongoing, changing, and updating. We must lay down the foundation for all generations to come. Here is the foundation, the perfect life compilation. Now get to it, because the clock is ticking, or else, you're going back to the same place tomorrow."<p class="signature">Samuel Sweis (Creator & Founder)</p> <div class="rightbar"><br /></div> </div> </body> </html> This is the link that has less middle content so the box moves up: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/">Welcome</a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html"><span class="clickednav">How To Get Started</span></a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">How to Get Started Using this Site</div> <div class="welcomemessage">TrillionaireMe was designed with you in mind first and foremost. You will find 10 areas of life that play the most important role almost on a daily basis listed above just under the logo starting with "Nutrition" and ending with "Vision". <div class="rightbar"><br /></div> </div> </body> </html> Hello, I was wondering how to do to put a background that fits with the screen. I like code, I simply put background = "image.jpg" thank you |
|||||||