Jump to content
The Web Section is Now Read-Only
  • 0

help html code

Hatake Kakashi

Asked by Hatake Kakashi,

 Share

Question

Hatake Kakashi Poring

Hatake Kakashi

Posted
  • Group:  Members
  • Topic Count:  254
  • Topics Per Day:  0.05
  • Content Count:  825
  • Reputation:   3
  • Joined:  11/14/11
  • Last Seen:  
Posted

hello, how to put this on my html web template?

sample:

if you click download there's a box pop out and guides for downloading...

i hope you understand me.. hehe

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

Emistry Deviling

Emistry

Posted
  • Group:  Forum Moderator
  • Topic Count:  93
  • Topics Per Day:  0.02
  • Content Count:  10018
  • Reputation:   2369
  • Joined:  10/28/11
  • Last Seen:  
Posted
http://www.w3schools.com/js/tryit.asp?filename=tryjs_alert
Link to comment
Share on other sites
Hatake Kakashi Poring

Hatake Kakashi

Posted
  • Group:  Members
  • Topic Count:  254
  • Topics Per Day:  0.05
  • Content Count:  825
  • Reputation:   3
  • Joined:  11/14/11
  • Last Seen:  
  • Author
Posted (edited)

so how to put it on my code? bcoz when i put it there's an error..

please edit it for me..

i want is when i click download there's a box prompt or pop out and inside the box is the guides on how to download and their download links.. thank you..

<!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>Aurora Ragnarok Online | AURORA is my LIFE</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
</script>
</head>



<body>
<div id="wrapper">
<div id="container">
 <div id="header">
	 <div id="logo">
		<a href="#"><img src="images/logo.gif" alt="Aurora Ragnarok Online" /></a>
		<h1>AuroraRO</h1>
		</div><!-- logo end -->
		<div id="serverStatus">
		 <div class="statusWrap">
			 <span class="floatLeft">Login Server <span class="green">Online</span>  </span>
				<span class="floatLeft">Char Server <span class="green">Online</span>  </span>
				<span class="floatLeft">Map Server <span class="green ">Online</span></span>
				<span class="clear"><!-- --></span>
			</div>
		</div><!-- serverStatus end -->
	</div><!-- header end -->
  <div id="navigation">
	 <ul class="nav">
		 <li class="current">home</li>
			<li><a href="#">forum</a></li>
			<li><a href="http://auroraro.site90.net/cp/">control panel</a></li>
			<li><a href="http://www.mediafire.com/?3dk8bccojqa3z34">download</a></li>
			<li><a href="#">donation</a></li>
		</ul>
	<div class="clear"><!-- --></div>
	</div><!-- navigation end -->
	<div id="banner">
	<div class="welcome_title">
	<img src="images/welcome_title.gif" alt="Welcome" />
	 <p>We are here to give you a fun and balanced gameplay from Ragnarok World MMORPG<br><br>What Will Happen If I Donate To AuroraRO?
To Keep The Server Alive And Run 24/7 We Need Your Help By Donating To AuroraRO| We Give You Items And Points With Free AddsOn Depending The Amount Of Your Donation. We Use Your Money For The Maintenance Of The Server Such As Applying S-Shield and etc, Making The Server Stable, And To Hire Experienced Staff's or Developers.</p>
		</div><!-- welcomeTitle end -->
	<div class="kapraPic">
	 <img src="images/kapra_pic.png" alt="Kapra" />
	</div><!-- kapraPic end -->
	</div><!-- banner end -->
  <div id="getStarted">
	 <h2>How do I get Started</h2>
		<a class="register" href="http://auroraro.site90.net/cp/"><!-- --></a>
		<a class="download" href="http://www.mediafire.com/?3dk8bccojqa3z34"><!-- --></a>
		<a class="createChar" href="#"><!-- --></a>
	</div><!-- getStarted end -->
	<div id="content">
	 <div id="contentLeft">
		 <div id="tabBox">
			 <div>
				 <ul class="tabs">
					 <li><a href="#tab1">News & Updates</a></li>
						<li><a href="#tab2">RO Staff</a></li>
						<li><a href="#tab3">Events</a></li>
					</ul>
					<div class="tab_container">
				 <div id="tab1" class="tab_content">
					 <p>Server Grand Opening Sept. 14, 2012<span style="display:block" class="date">2012 at 09.19 am</span></p>
						<p>New & Improve Website Template<span style="display:block" class="date">2012 at 1.40 am</span></p>
					</div><!-- newsupdates end -->
					<div id="tab2" class="tab_content">
					 <p>Staff Content Here</p>
					</div><!-- staff end -->
					<div id="tab3" class="tab_content">
					 <p>Events Content Here</p>
					</div><!-- events end -->
					</div><!-- tab_container end -->
				</div>
			</div><!-- tabBox end -->
			<div id="topPk">
			 <h2>Top Player</h2>
				 <div class="floatLeftNo">
					 <ul class="pkList">
							 <li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
							</ul>
					</div>
					<div class="floatLeftNo">
					 <ul class="pkList">
							 <li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
								<li><a href="#">Player Name ( GuildName )</a></li>
							</ul>
					</div>
			</div><!-- topPk end -->
		</div><!-- contentLeft end -->
		<div id="contentRight">
		 <div id="whyUs">
			 <h2 class="arrowDown"><span>Server Features</span></h2>
				<ul>
				 <li><a href="#">Class: 3rd Job Renewal</a></li>
					<li class="listHighlight"><a href="#">Max Level: 150</a></li>
					<li><a href="#">Base & Job Lvl: 150/50</a></li>
					<li class="listHighlight"><a href="#">Rates: 250x / 250x / 10x</a></li>
					<li><a href="#">Automated Events: Cluckers, Dice, LuckyPick etc.</a></li>
					<li class="listHighlight"><a href="#">Commands: @go, @warp, @autotrade etc.</a></li>
					<li><a href="#">Main Town: Prontera</a></li>
					<li class="listHighlight"><a href="#">Map Enabled: Port Malaya, Eclage, Mora, Malangdo</a></li>
					<li><a href="#">Intense WoE and PvP</a></li>
					<li class="listHighlight"><a href="#">Active Staff's & GM's, No GM Abuser.</a></li>
				</ul>
			</div><!-- whyUS end-->
			<a href="#"><img src="images/support_img.jpg" align="Online Support" /></a>
		</div><!-- contentRight end -->
		<div class="clear"><!-- --></div>
	</div><!-- content end -->
</div><!-- container end -->
</div><!-- wrapper end -->
<div id="footer">
<div id="footerContent">
<div class="floatLeft footerLeft">
	 Aurora Ragnarok Online and all related content are trademark of Gravity CO. Ltd.  
	</div>
	<div class="floatLeft footerRight">
	 Layout by: <a href="#">Gavan</a>
	</div>
	<div class="clear"><!-- --></div>
</div><!-- footerContent end -->
</div>
</body>
</html>

Edited by Hatake Kakashi
Link to comment
Share on other sites
malufett Poring

malufett

Posted
  • Group:  Members
  • Topic Count:  9
  • Topics Per Day:  0.00
  • Content Count:  554
  • Reputation:   70
  • Joined:  04/04/12
  • Last Seen:  
Posted

I think this the one you need

http://www.w3schools.com/jsref/met_win_open.asp

:meow:

Link to comment
Share on other sites
jhonix Poring

jhonix

Posted
  • Group:  Members
  • Topic Count:  1
  • Topics Per Day:  0.00
  • Content Count:  57
  • Reputation:   0
  • Joined:  05/20/12
  • Last Seen:  
Posted

if i tried to put it in there's a error on page.

a pop-up page is a jquery + css function...you need to study those,its only a little of your code modification and more on the pop up thing...

Link to comment
Share on other sites
 Share
Go to question listing
×
×
  • Create New...