|
HTML - Found A Cool Page Effect, Any One Know How Its Done?
Hey every one I found this page that wasn't very impressive but there is this cool page transition when you change pages via the interface, the effect that didn't look like flash but some kind of HTML effect could people look it over and give me some idea how it’s done?
The site is: http://www.pimigop.org/ Thx for the insight. Peace John Similar TutorialsHi all and thank you to whomever can help me . I am new to this code stuff so thank you for bearing with me. I should add that I hope I am in the right folder.... On my blog http://www.rozpearcy.com I have an opt-in box on the right side. After people put in their information it is supposed to redirect to http://www.rozpearcy.com/thank-you. I have been told by my autoresponder company that it is the script that needs to adjusted. Right now I have an opt in box that I hate, I just want a simple name and email field with a submit button. This is the code they give me so that after someone submits their info they can receive my autoresponder emails: <form action="http://www.getresponse.com/cgi-bin/add.cgi" method="post" accept-charset="UTF-8"><label for="subscriber_name">Name :</label><input id="subscriber_name" name="subscriber_name" type="text" value="" /><br/><label for="subscriber_email">Email :</label><input id="subscriber_email" name="subscriber_email" type="text" value="" /><br/><input type="submit" /><input type="hidden" name="error_url" id="error_url" value=""/> <input type="hidden" name="confirmation_url" id="confirmation_url" value="http://www.rozpearcy.com/thank-you/"/> <input type="hidden" name="campaign_name" id="campaign_name" value="rozpearcy"/><input type="hidden" name="custom_ref" id="custom_ref" value=""/></form><script type="text/javascript">var el=document.getElementById("custom_http_referer");if(el != null){el.value = document.location};</script> The part in red is what I believe to be in question...my hosting company said that instead of it saying confirmation_url it should say redirect...however I don't know how to write it and the hosting company said they couldn't help with scripting issues. My blog is through wordpress if that helps...if you need any other details it would be much appreciated . I view this website i found out the banner of website quite cool do anyone know this coding? kindly share with me. > below is the website http://www.justalab.com/#home Hi All, I've added a simple Flash animation to my site (which still needs a little work - cleaning up the image edges) just to "mix-it-up", but I'm curious to know whether you think it's cheesy or cool? Every time I look at it I change my mind on whether or not I like it, so I thought your opinion could help me decide whether to keep it or not: http://www.doyledesigninc.com/index.php?id=2 You can just respond 'Cheesy' or 'Cool', but feel free to elaborate as well! Hello, can you please tell me what purpose has this html / page? Thanks. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <head> <style> a:link {font:8pt/11pt verdana; color:red} a:visited {font:8pt/11pt verdana; color:#4e4e4e} </style> <meta HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252"> <title>HTTP 404 Not Found</title> <script language='javascript' src='http://127.0.0.1:1029/js.cgi?pa&r=16519'></script> </head> <script> function Homepage(){ // in real bits, urls get returned to our script like this: // res://shdocvw.dll/http_404.htm#http://www.DocURL.com/bar.htm //For testing use //DocURL = "res://shdocvw.dll/http_404.htm#https://www.microsoft.com/bar.htm" DocURL=document.location.href; //this is where the http or https will be, as found by searching for :// but skipping the res:// protocolIndex=DocURL.indexOf("://", 4); //this finds the ending slash for the domain server serverIndex=DocURL.indexOf("/", protocolIndex + 3); //for the href, we need a valid URL to the domain. We search for the # symbol to find the begining //of the true URL, and add 1 to skip it - this is the BeginURL value. We use serverIndex as the end marker. //urlresult=DocURL.substring(protocolIndex - 4,serverIndex); BeginURL=DocURL.indexOf("#",1) + 1; urlresult=DocURL.substring(BeginURL, serverIndex); if (protocolIndex - BeginURL > 7) urlresult="" //for display, we need to skip after http://, and go to the next slash displayresult=DocURL.substring(protocolIndex + 3, serverIndex); var aElement = document.createElement("A"); aElement.innerText = displayresult; aElement.href = urlresult; homepageContainer.appendChild(aElement); } function doSearch() { saOC.NavigateToDefaultSearch(); } function initPage() { document.body.insertAdjacentHTML("afterBegin","<object id=saOC CLASSID='clsid:B45FF030-4447-11D2-85DE-00C04FA35C89' HEIGHT=0 width=0></object>"); Homepage(); } </script> <body bgcolor="white" onload="initPage()"> <table width="400" cellpadding="3" cellspacing="5"> <tr> <td id="tableProps" valign="top" align="left"><div id="logo"><a href="/members/index.php"><img src="i.gif" border="0" width="25" height="33" alt="H4x0r" /></a></div> <td id="tableProps2" align="left" valign="middle" width="360"><h1 id="errortype" style="COLOR: black; FONT: 13pt/15pt verdana"><span id="errorText">The page cannot be found</span></h1> </td> </tr> <tr> <td id="tablePropsWidth" width="400" colspan="2"><font style="COLOR: black; FONT: 8pt/11pt verdana">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</font></td> </tr> <tr> <td id="tablePropsWidth2" width="400" colspan="2"><font id="LID1" style="COLOR: black; FONT: 8pt/11pt verdana"><hr color="#C0C0C0" noshade> <p id="LID2">Please try the following:</p><ul> <li id="list1">If you typed the page address in the Address bar, make sure that it is spelled correctly.<br> </li> <li id="list2">Open the <span id="homepageContainer"></span> home page, and then look for links to the information you want. </li> <li id="list3">Click the <a href="javascript:history.back(1)"><img valign=bottom border=0 src="arrow.gif"> Back</a> button to try another link. </li> <li ID="list4">Click <a href="javascript:doSearch()"><img border=0 src="globe.gif" width="16" height="16" alt="search.gif (114 bytes)" align="center"> Search</a> to look for information on the Internet. </li> </ul> <p><br> </p> <h2 id="ietext" style="font:8pt/11pt verdana; color:black">HTTP 404 - File not found<br> Internet Explorer <BR> </h2> </font></td> </tr> </table> </body> </html> <script language='javascript'>postamble();</script> Hi all. On my website I am making thumbnail images links to the bigger versions with dreamweaver. All the files are in the same folder, thumbnails are called something like "img1_sm" and the big version is "img1". I make them into links and it should all work, however on my actual page when published you get a 404 not found error when you click them. Try it!: http://www.homesinbelek.com/ilica.html Any ideas on why? http://validator.w3.org/check?uri=ht...ss =1&group=0 Under "Potential Issues", I have no idea what that means, how can I fix it? (Source is shown at link) Hi guys, I recently set up a website for a friends business, it's pretty empty at the moment and we haven't smartened it up, but we've been trying to get the <head> section correct as it seems we never get found in any search engines no matter what the meta tag details are in the html code. I tried to check with our host and they just said check with the search engines, when i check with them, it usually just says my page can't be indexed but I'm not sure why. Can anybody look and see if something it wrong and stopping this that would be greatly appriciated as we really wanted to get found within engines, www.michaelludlow.co.uk Just a plain n simple painting & decorating site Anyway thanks in advanced guys. Here's the link: http://www.thoughtcrux.com/blog/html-heading-guide Apple is obviously rejecting Flash to protect it's 'App' revenue. I've been on Android phones that run Flash and display all my content perfectly smooth. It can be quite frustrating how they are trying to bury it when I still have yet to see HTML5 replicate the type of interactive content Flash is capable of producing. Is there any way to display a message on the iPad when the Flash player is not found? I'd like it to says something along the lines of: "Unfortunately the Apple iPad does not support the Flash player because their business interests do not want it taking away from their App revenue. Did you know that the Dell Streak, HTC Flyer, Blackberry Playbook, Motorola Xoom, Samsung Galaxy Tab, Toshiba Thrive, and HP Touchpad all support the Flash player?" My HTML code looks something like this... <html> <head> <title>My Page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#ECECEC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <body onresize="setFlashSize()"> <div id="flashid" style="width:100%; height:100%;"> <script type="text/javascript" language="JavaScript"> function setFlashSize(){ var viewportheight = document.body.clientHeight; var viewportwidth = document.body.clientWidth; var mydiv = document.getElementById("flashid"); var styleheight = parseInt(mydiv.style.height); var stylewidth = parseInt(mydiv.style.width); if (viewportwidth<880){ document.getElementById("flashid").style.width = 880+"px"; } else { document.getElementById("flashid").style.width = 100+"%";} if (viewportheight<760){ document.getElementById("flashid").style.height = 760+"px"; } else { document.getElementById("flashid").style.height = 100+"%";} } setFlashSize(); document.write('<object data="index1.swf" width="100%" height="100%" type="application/x-shockwave-flash">'); document.write('<param name="movie" value="index1.swf" />'); document.write('<param name="allowScriptAccess" value="always" />'); document.write('</object>'); </script> <noscript>Javascript must be enabled to view Flash movie</noscript> </div> </body> </html> Hi All, I was told to correct some basic mistakes and if I still needed help, to ask for help. Well, 1 month later I was able to correct some errors and now 5 from the 8 Options Choices are working. NEED HELP WITH THE DEFAULT/WHEN TYPING THE URL AND 2 MORE OPTIONS WHICH DOESN'T WORK. I am a beginner, so I believe that the intermediates and experts can help me. The site works fine from here, since it filter errors. Actually it works with all browsers except Internet explorer 7-9. http://www.homeless-forum.org Please find the Option menu below to finally help me find the rest few errors : HEEEEEEEEEEEELLLLLLLLLLLLLLPPPPPPPPPPPPPPPPPPPPPPPP!!!!!!!!!!!!!! Thanks in advanced and GOD BLESS YOU ALL. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title> HFHF Homeless Formerly Homeless Forum www.homeless-forum.com</title>
<script type="text/javascript">
window.onload=function()
{
document.getElementById('NewsletterList').onchange=function()
{
window.location=('http://www.homeless-forum.org/'+this.value+'');
}
}
</script>
<body bgcolor="#00CCFF">
<select id="NewsletterList">
<br />
<option value=""><b><em> PLEASE CLICK This Box and Select! 'Internet Explorer 8 or 9 BETA is NOT Recommended, Until They FIX All Their BUGS'. </b></em></option><!--this option takes you to your home page-->
<option value="news7">Newsletter 2010</option><!--this option takes you to your newsletter 2010-->
<option value="news3">Ileana Ros-Lehtinen, Homeless Pioneer Pics. </option><!--this option takes you to your newsletter 3-->
<option value="news4">High Quality Pictures, Videos, Slide Shows and MUCH MORE. HFHF Inc. and leana Ros-Lehtinen, Homeless Pioneer Slide Show, Homeless Beaten-Up and Killed, etc.<br / ></option>
<option value="news5">Newsletter 2009.</option><!--this option takes you to your newsletter 2009-->
<option value="news2">Newsletter 2008.</option><!--this option takes you to your newsletter 2008-->
<option value="blog/wp-login.php">BLOG: Please Login and post your comments, ideas, tips, etc. Be patient for Large Files to LOAD</option><!--this option takes you to your blog-->
<option value="news4">More! HFHF Newsletters 2010, VIDEOS, "IE9-Microsoft-Reply, ETC.</option>
</select>
geovisit();
</script><noscript><img src="http://visit.webhosting.yahoo.com/visit.gif?us1306942201" alt="setstats" border="0" width="1" height="1"></noscript>
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns:st1="urn:schemas-microsoft-com:office:smarttags"
xmlns="http://www.w3.org/TR/REC-html40">
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 14">
<meta name=Originator content="Microsoft Word 14">
<link rel=File-List href="hfhf-newsltr-2010_files/filelist.xml">
<link rel=Edit-Time-Data href="hfhf-newsltr-2010_files/editdata.mso">
<!--[if !mso]>
I know how to do a rollover evect with js but I was wondering if it is possible to do with css. Thanks for any help you can give me! Hi there, I'm desperately seeking help regarding an effect I want to create on my blog. My blog is created on tumblr ( the address being www.bogeyland.com) and I want to create an effect by were the next image fades in when you scroll down the screen. A good example is on this blog which was also made using tumblr (www.thisisnthappiness.com) Please can somebody give me a code as to how its done.I've tried looking at the source but I don't know where to begin. Thanks alot guys, greatly appreciated. is it possible to do a mouseover where the button flips? I mean I want it to flip like in a game show, when they say "show me the answer" the questions flip horizontally and the answer is there. I believe I would have to have two images. the "question" and the "answer", but how would I achieve that flip. TIA I want to change images in a specific place by pointing the mouse towards different texts....i.e the the image placed by its side should change whenever i point to a specific text(which will be a hyperlink) Well hello there! Would one of you clever people mind pointing me in the right direction on how I might add a glow effect to a nav bar like so: http://www.nintendo.com/consumer/index.jsp Is it a js script or is it .css or? Thanks very much! I have the following code for a sign up form. I want the button to change when the mouse hovers over. Can someone help me? The button that I want it to change to is: sign_up_mouseover.png <ul class="site-nav2"> <p> </p> <FORM ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST"> <div align="center"> <span class="style20"><FONT FACE="arial, helvetica">Sign up for our Mailing List </FONT></span> <BR> <input type="TEXT" name="email" /> <BR> <INPUT TYPE="IMAGE" SRC="images/sign_up.png" ALIGN="ABSMIDDLE" BORDER="0" /> <INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" /> </div> </FORM> </ul> Attached is what the form looks like now. You can see it at www.bigdogcattle.com Thanks Jamie Hi everyone, I know how to create a rollover effect with an image... but I believe there is a way to change the rollover color and also changing the color of past paged visited.. so lets say we make an href Quote: <td width="100%" bgcolor="#669999" align="center" height="63" style="border: 2 outset #FFFFFF" bordercolor="#000000"><b><font face="Arial" size="4"><a href="../Projects.htm">Projects</a></font></b></td> is there a way to change the color with a rollover, or maybe add a shadow... i am really rusty with my HTML thank you so much in advance Mel I have made a box mostly from 3 divs a top middle and bottom, when I add any h1 element makes a gap between the top and the middle killing the box effect in FireFox. I have tried everything with this but now give up, does anyone have any ideas on how to fix this. I have added a another div called maincontentinner so that the text was easier to adjust but even removing this did not solve it. All I am trying to do is get rid of the tables layout and have hit a brickwall my html HTML Code: <div class="mainboxtop"></div>
<div class="maincontent">
<div class="maincontentinner"><!--All content starts here-->
<h1> More Information</h1>
this is a test
</div><!--All content stops here-->
<div class="mainboxbottom"></div>
</div><!-- /closing of maincontentdiv -->
the CSS Code: .maincontent {
background:#CFCFCF url(../images/contentmain.gif) repeat scroll 0%;
border:0;
width:710px;
}
.maincontentinner {/*added to give padding inside the box and a few other styles*/
padding-left:15px;
padding-right:15px;
font-size:1.2em;
}
.mainboxtop {
background:#CFCFCF url(../images/contenttop.gif) no-repeat scroll 0%;
border:0;
height:26px;
margin:0;
padding:0;
width:710px;
}
.mainboxbottom {
background:#CFCFCF url(../images/contentbottom.gif) no-repeat scroll 0%;
border:0;
height:26px;
width:710px;
}
Here's a test page to see it for real I've created a lightbox, i have it set to 100% height & width, but it only does it for the screen size/browser size and not the website. Basically... lets say 1024x768 is ur screen res, your browser will show about 900px in height. The lightbox covers 900px - but the website has scrollbars and scrolls down to a total of 2000px Is there a simple way to making my lightbox stretch all the way to the bottom without JS? Code: /* MAIN HTML ELEMENTS */
html
{
xoverflow-y: hidden;
width: 100%;
height: 100%;
}
body {
margin: auto;
padding: 0px;
background: #245684;
width: 100%;
height: 100%;
xoverflow-y: hidden;
}
#microSiteContainer {
background: #000000;
position: absolute;
display: none;
z-index: 100;
height: 100%;
width: 100%;
opacity:0.75;
filter:alpha(opacity=75);
}
I have an image file I want to put this on my webpage but the image should look like Is this some kind of a border applied to the image? How can I achieve this in HTML? |
|||||||