Login

forgetlatios · (This post was last modified: 04-20-2010, 02:39 AM by forgetlatios.)

although i'm not sure if this belongs here(most probably tho), i want to edit the html of my blog, so that when you click on something, then a certain something is shown. similar to the archive function. for example, if i were to put Little Fighter Combo somewhere, and you click on it, the posts were to be substituted for the LFC progress. p.s. if anyone knows a template that has this effect, kindly tell me where to download it(i couldn't find one, although my friend has one, he has no idea what i mean) thx if anyone can help.
edit: just realised awhile ago... html IS javascript...

MH-Razen · 04-20-2010, 05:37 AM

html IS javascript... -> wrong

the code for a link to another site is

Code:
<a href="http://blablabla.de/yoursite.html">Name of the Link</a>

but this is only very rough - i have to see your code to create the right thing...

forgetlatios · 04-20-2010, 06:05 AM

sorry, that's not what i meant, like you stay on the same site, but the text it different. similar to when you click on those + and - to minimise/maximise the sub catergories of each category(eg under lf2 zone, there are sub catergories. then you can minimise/maximise it.
and html isn't javascript? sorry. not familiar with coding types

MH-Razen · 04-20-2010, 06:33 AM

can you remember the old LFE in the popup - you mean something like that? if you want I can search and give you the code for this - it`s javascript and html mixed

forgetlatios · 04-20-2010, 06:57 AM

uhhh... never been on old forum before. and i found a blog which has what i was describing. i just realised... there's a link to the creator... dl link...nope there isnt a dl link... anyway here is the site.

MH-Razen · 04-20-2010, 07:52 AM

thats an iframe system: +

Code:
<iframe src="blablabla(deleted the original one :p)" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>

normally an iframe has a tag called name - like

Code:
name = "blabla"

now if you want a link to open a site in this iframe it has to look like this:

Code:
<a href="yoursite" target="blabla">your link name</a>

hope this help

forgetlatios · 04-20-2010, 08:02 AM

hmm... i haven't an idea what that means xD. how exactly do i change between each iframe?:confused:.

Alectric · 04-20-2010, 08:09 AM

^an i frame is like embedding another webpage in your webpage.

i think you need javascript for what i think you mean, you click on it, and then an object becomes unhidden, but im not sure it would work on a blog.
or are you referring to like a drop down little option menu, like on LFE mainsite?

forgetlatios · (This post was last modified: 04-20-2010, 08:45 AM by forgetlatios.)

(04-20-2010, 08:09 AM)Alectric Wrote: or are you referring to like a drop down little option menu, like on LFE mainsite?

nope. but i similar. when you click on something, the posts change to information of something. and when you click on something else, it shows that instead. for example a layering system(or whatever). when you click on something, a specific layer goes to the top. btw, im not sure how its done, right now the layers are what im thinking of. although what i need is how to show a certain iframe upon clicking on something(i haven't learnt to do this). pretty sure it has to do with mouseclick=true and layerX opacity=100
mouseclick=false layerX opacity=0
or something.
@above: didnt read properly. the java script part is correct. exactly what i want. code
v

Code:
<html>
<head>
<title>YZ's LF2 Blog</title>
<br>
<style type="text/css">
<!--
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
         cursor:default;

}
a:hover { 
	font-size : 10px; 
         	font-family: verdana; 
        	font-weight: none;
        	font-style : normal;
       	text-decoration: underline overline; 
        	filter: blur (strength:60);
       	color: #FFFFFF;

}
a:visited {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  color: #999999;
           filter:none; 
	  text-decoration: none;
           cursor:default;
}
.navbar {
	overflow: auto;
}
.nav {
	overflow: auto;
}
body {
	background-color: #000000;
scrollbar-face-color:#999999;
   scrollbar-arrow-color:#666666;
   scrollbar-shadow-color:#000000;
   scrollbar-highlight-color:#000000;
   scrollbar-3dlight-color:#000000;
   scrollbar-darkshadow-color:#000000;
   scrollbar-track-color:#333333;
   cursor:default;
}

-->
</style>
</head>

<body>
<div id="Layer1" style="position: absolute; left: 0; top: 0; height: 90%; width: 90%"><table width="90%" height="90%" border="0" bgcolor="#000000" cellpadding="0" cellspacing="0"><tr><td class="noad"> </td></tr></table></div>
<p><span style="position: absolute; left: 220; top: 40"><img src="http://i.imagehost.org/0324/Untitled_8.png" border="0" width="800" height="600"" /></span></p>
<DIV id=table style="border:0px solid #FFFFFF; padding: 5px; z-index: 1; left: 0; position: 
absolute; top: 30; height: 550; width: 200; overflow: auto; filter: 
Alpha(Opacity=100, FinishOpacity=100); background color: #000000">
<p><td><font face= "verdana" color="#FFFFFF" size="1">
   <Blogger>
   <BlogDateHeader>
        <div class="date"><b><font face="Verdana" size="3" color="#F0F0F0"><$BlogDateHeaderDate$></font></b></div>
   </BlogDateHeader><p>
<left><font size="2" color="#FFFFFF"><u><BlogItemTitle><$BlogItemTitle$></u></font></left>
  <p>
  <font size="1" face="verdana" color="#FFFFFF"><$BlogItemBody$></font>
  <p><font face="Verdana" color="#FFFFFF" size="1"><center>Left a note here on<font size="1"><font color="#FFFFFF"> <$BlogItemDateTime$>|</font></center>
</font></p>
  <p><p>
<BlogDateFooter><center><font color=FFFFFF>Everything That Has A Beginning Has An End.</center>
  </BlogDateFooter>
   <p>
</Blogger>
</div>

<DIV id=table 
style="border:0px solid #FFFFFF; padding: 5px; z-index: 1; left: 1000; position: 
absolute; top: 40; height: 500; width: 200; overflow: auto; filter: 
Alpha(Opacity=100, FinishOpacity=100); background color: #000000">
<p><td><font face= "verdana" color="#FFFFFF" size="1">
<p>
<a href="http://www.welove-105-forever.blogspot.com">The Girls' Blog of M10105</a><br>
<a href="http://www.m10105-b.blogspot.com">The Boys' Blog of M10105</a>
<p>
<br>
<p><b><u>The Past_____</u></b>
<br>
<BloggerArchives><br><a href='<$BlogArchiveLink$>'><$BlogArchiveName$></a></BloggerArchives>
<script type="text/javascript">if (location.href.indexOf("archive")!=-1) document.write("<li><strong><a href=\"<$BlogURL$>\">Current Posts</a></strong></li>");</script>
</a></strong></li></script>
<br>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m10105" src="http://www5.shoutmix.com/?m10105" width="160" height="300" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?m10105">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix --><br><br>

  </a> </p>

</font>
</div>

<script language=JavaScript>
<!--


//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// --> 
</script>
</body>
</html>

and it's not complete so it looks a bit wrong now. [url]lyz-
lf2.blogspot.com[/url]

Silverthorn · 04-20-2010, 08:52 AM

Haven't tested it but this might be what you want....

Code:
<html>
<head>
  <title>PopUp-Alternative</title>
  <style type="text/css">
#popup
{
position:absolute;
left:15%;
top:10%;
width:20%;
height:20%;
padding:10px;
z-index:2;
background-color:#daa520;
border:1px;
border-style:solid;
border-color:#705610;
}
#content
{
z-index:1;
}
  </style>
  <script language="JavaScript" type="text/javascript">
<!--
function hide() {
if(document.getElementById)
document.getElementById("popup").style.visibility = "hidden";
}
//-->
</script>
</head>
<body>
   <div id="popup" style="visibility:visible">
      Close =><a href="javascript:hide()">X</a><br>
      <br>
      THIS HERE IS THE POP UP THINGY. FILL IT WITH YOUR STUFF
   </div>
<div id="content">
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
Content Content Content Content Content <br>
</div>
</body>
</html>

Login
Username:
Password:	Lost Password?
	Remember me