Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[html]Blog html editing
#1
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...
[Image: UB2.gif]
FrozenFiren|Devid|Sprites

News of the day 19th Sep 10: Someone's back on track
Thanks given by:
#2
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...
[Image: random.php?pic=random]
www.lf-empire.de
Once I had a fortune, it said: "Leave now. Life is short. Time is luck"
Don't dream your life, live your dream!
Thanks given by:
#3
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
[Image: UB2.gif]
FrozenFiren|Devid|Sprites

News of the day 19th Sep 10: Someone's back on track
Thanks given by:
#4
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 :p
[Image: random.php?pic=random]
www.lf-empire.de
Once I had a fortune, it said: "Leave now. Life is short. Time is luck"
Don't dream your life, live your dream!
Thanks given by:
#5
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.
[Image: UB2.gif]
FrozenFiren|Devid|Sprites

News of the day 19th Sep 10: Someone's back on track
Thanks given by:
#6
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
[Image: random.php?pic=random]
www.lf-empire.de
Once I had a fortune, it said: "Leave now. Life is short. Time is luck"
Don't dream your life, live your dream!
Thanks given by:
#7
hmm... i haven't an idea what that means xD. how exactly do i change between each iframe?:confused:.
[Image: UB2.gif]
FrozenFiren|Devid|Sprites

News of the day 19th Sep 10: Someone's back on track
Thanks given by:
#8
^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?
Thanks given by:
#9
(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]
[Image: UB2.gif]
FrozenFiren|Devid|Sprites

News of the day 19th Sep 10: Someone's back on track
Thanks given by:
#10
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>
Silverthorn / Blue Phoenix
~ Breaking LFE since 2008 ~

"Freeze, you're under vrest!" - Mark, probably.

» Gallery | » Sprites | » DeviantArt
Thanks given by:




Users browsing this thread: 1 Guest(s)