|
HTML - Flash Intro Overlay
Hi! I have a flash website that is a little heavy (loads a little slow) so basically my idea is to create a flash intro that is light and might load fast on top of my current flash site..so that the flash intro plays while the site itself loads behind it. and then the flash intro would be done playing and disappear and will expose the main flash site behind it. I don't want to do a separate page for intro and main site though as it basically will give the same loading time. i want it to load together the main site behind at first then will be exposed after the flash intro is done. I was thinking of using z-index to put the flash intro on top white the site loads and put make the flash transparent after it's done playing.. but my i think if i do that the main site behind would not be functional(clickable) because of the overlaying object (which is only transparent) is there a way that i can make the object totally disappear after it's done playing? not just making it transparent... or is there any other way to do this? actionscript? java? anything? curtain? container? how is it possible... please help... Thanks guys.
Similar TutorialsI'm having a problem finding out how to turn off flash intro at Classic Kelli Maroney. http://kellimaroney.com/#on_the_web I think I have to change something in the "head" part of the edit page. <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Kelli Maroney | Welcome to the Kelli Maroney Website, for all things Kelli Maroney</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/javascript"> Thanks Tom Hey guys, Ive seen this done a few times but, how would I go about having a random flash video intro page. i.e. Everytime the user refreshes the page a different flash movie appears (chosen randomly from a folder). Thanks! Hi all Have a really big prob with intro page. Its like this i want a background picture and then i need a picture in the middle of page as link . The code i got now is here. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BlackCode Security</title>
<BODY BGCOLOR="#000000">
<a href="http://designz.se/BlackCodez/news.php"<IMG SRC="1.jpg" WIDTH=100% HEIGHT=100% BORDER=0 ALIGN="fixed">
<meta name="description" content="BlackBox Secureity : Our Business Is Your Business">
<meta name="keywords" content="Security ,security news ,firewalls ,virus ,Tutorials ,networking ,forum support">
<meta name="copyright" content="Copyright BlackBox Security - 2008">
<meta name="author" content="BlackBox Security">
<meta name="email" content="info@designz.se">
<meta name="Charset" content="other">
<meta name="Distribution" content="Global">
<meta name="Rating" content="General">
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="Revisit-after" content="1 Day">
<meta name="ROBOTS" content="ALL">
</head>
<body>
I hope someone can help me and new here so be kind If you want to create your own website or if you are wandering how different tings and knowledge require to create website, here I am writing all necessary things which work together to create professional business website. Hosting and Domain name: it is first initial step which require buying domain and web space to store different things for your website. Shared and dedicated is common hosting in which you share hosting space with other website or can have private server only for your website. Web Design, Web template, CSS and HTML: All these terms are related with style factor of your website and development of each decides how your website would look. Templates are available which readymade web page designs which you can use are. CSS are files which stores attributes for designing different things and HTML is basic language and web standard used to give final touch. Web Development, CMS, PHP, ASP, Open source, Website Builder and Ecommerce: All these terms are related to different functionality of website. CMS gives facility to manage website on your own, PHP and ASP.net are platform which support different programming language to implement functionality of website, open source are technology which is free and can include lots of stuff necessary for programming and website builder are tool to create web pages on your own. I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. This may be a silly question to some of you but I have never done it so here goes. I want to have my navigation menu overlay my header information, banner. Now I can do this by making the banner background but then how do I give the header its size with no actual content? Can I have the header content which is a img file be overlayed by a menu, unordered list? Thanks so im trying to put a slide show in the div overly...im putting it in the right section but when i view my profile its right in the middle of the page overlapping writing etc.. how do i get it so its under that heading i put it up instead of it center? heres my code ABOUT ME: <style> body table {margin-top:-50000px;}body td table, body div table {margin-top: 0;}table, tr, td {background-color:transparent;}body div table form{display:none;}body table div form{display:block;}div table td font {visibility:hidden; }a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}a.navbar:hover { display:none; }.navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;} h1 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: right;} h2 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: left;} b { color: fff; font-weight: bold; text-transform: none;} i { color: fff; font-style: italic; font-weight: normal; text-transform: lowercase; } u {font-family: Arial; font-size: 11pt; color: fff; text-decoration: underline; border-bottom: 1px solid; border-color: ff3399;} strike { font-size: 10pt; color: fff; font-style: strikethrough; } big, small { color: fff;} textarea, select, input { font-family: Arial; color: fff; background-color: ff3399; border: 1px solid fff; letter-spacing: -1px; } blockquote { background-color: transparent; border: 1px solid; border-color: ff3399; padding: 5px;} body { background-color: 000000; background-image: url("http://cbimg6.com/layouts/08/08/30432aa.jpg"); background-repeat: repeat-y; background-position: center; scrollbar-face-color: ff3399; scrollbar-arrow-color: fff; scrollbar-track-color: 333; scrollbar-shadow-color: 000; scrollbar-highlight-color: 777; scrollbar-3dlight-color: fff; scrollbar-darkshadow-color: 000;} .navi:link, .navi:active, .navi:visited { font-family: Verdana; font-weight: normal; font-size: 8pt; color: ffffff; text-transform: uppercase; text-decoration: none; background-color: ff3399; display: block; text-align: center;} .navi:hover { font-family: Verdana; font-weight: normal; font-size: 7pt; color: ff3399; text-transform: uppercase; text-decoration: none; background-color: ffffff; display: block; text-align: center;} a:link, a:active, a:visited { font-family:Arial; font-weight: normal; font-size: 11pt; color: ff3399; text-transformation: none; text-decoration: none; background-color: none;} a:hover { font-family: Arial; font-weight: normal; font-size: 11pt; color: ffffff; text-transformation: none; text-decoration: none; background-color: ff3399;} .right {position: absolute; top: 380; left: 50%; margin-left: -143px; height:; width: 563; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .left {position: absolute; top: 375; left: 50%; margin-left: -365px; height:; width: 170px; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .base {position: absolute; top: 0px; left: 50%; margin-left: -497px;} </style> WHO ID LIKE TO MEET? <div class="base"><img src="http://cbimg6.com/layouts/08/08/30432ab.jpg" /></div> <div class="right"> <h1>Spotlight on me.</h1> <center><br /><img src="http://i31.tinypic.com/116nhwy.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br /></center> Best daughters in the world; <b>Allie & Stephie</b>, <u>my kids</u>; Steps Dance studio (Hip Hop Instructor) is the job; I am a dancer - i live it love it am it; dancing is a very big apart of my life that and i want to pass that same love to my girls ; Merced College is the school Nursing is the major; i <b><u>LOVE</b></u> anything PINK; I ♥ my girls; I ♥ my friends; I ♥ beer; I ♥ drinking at applebees; I ♥ Rap & R&b; I ♥ late nights; I ♥ romance movies ; I ♥ A Walk to Remember; I ♥ Tattoos; I ♥ coors light; I ♥ the RAIDERS; I ♥ my bff amanda always; I ♥ Mac Make-up; I ♥ getting my nails done; I ♥ drinking @ La Ha 2 haha<br /><br /><br /> I hate people who lie; I hate cheaters; I hate broken promise's; I hate caring so ****in much; I hate having a big heart; I hate fights; I hate onions and mushrooms; I hate clowns; I hate traffic; I hate dark beer; I hate tomatos; and that sums me up in a nut shell body <h1>Welcome To the Show.</h1> <img src="http://i38.tinypic.com/11kgl8m.jpg" align="left" /><b>Name:</b> Kelley Kellz<br /> <b>Age:</b> 24<br /> <b>Location:</b> merced; califoRnia.<br /> <b>Status:</b> call it what you want.<br /> <b>Occupation:</b> dance instructor; school.<br /> <br /><br /> <br /><br /><br /> <h1>Backstage Pass.</h1> <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" style="width:426px;height:320px" data="http://widget-af.slide.com/widgets/slideticker.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://widget-af.slide.com/widgets/slideticker.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="l" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="cy=ms&il=1&channel=2666130979412675759&site=widget-af.slide.com" /> </object> under "backstage pass" thats where i want the slideshow but it wont put it under there nor under the "welcome to the show" area what am i doing wrong? Alright, i'll give you the long and short of it. I want to be able to make a png image and using a div overlay post it as a comment on someone's myspace. For example... They have an image with them looking godlike... so I take a screenshot, do some drawing, get rid of the background and save my work as a png ---> and I post a comment on there myspace resulting in this outcome Now I know my div overlay code would look something along the lines of Code: <div style="width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center"> <img src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0"></a> </div> But the problem is, when you post something like that myspace converts it to Code: <div .."width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center"> .. src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0"> </div> Which is obviously a problem. So I was thinking how else I could do this. I noticed that for youtube videos you use an <object...etc...> and then an </embed> tag so I was wondering, is there a way to use the object/embed procedure to call to a file on a website that's holding my div overlay code? like if I made an html file that only had the div code in it. Or something along those lines? please adn thank youD Alright, I'll admit up front that while I know very bare basics of HTML, I mostly just deal with Photoshop and the like, so I'm not much of a webmaster. That being said, here's my question: I have a site split up into tables, and I would like to place a scrollable section in the middle (where I can put whatever amount of text I need), but also place a non-scrolling image behind it. Does that make sense? If not, then I could try to explain further. Any help would be great. Hi all, i'm trying to build a page using overlay frames without using JS scripts. I already managed to get it working but it has a few problems. Page: blackphoenixlegion.net Links: Corporation or Recruitment. Technique: I have additional frames below the page via overlow:hidden, using the CSS :target pseudo class to change the X position upon a target call. Problems: 1. Should the available screen space be smaller in height than the page, then no scroll bar is shown. The page is just getting cut off. 2. The page is totally not IE compatible ofc. I figured i will have to use JS for those fixes, but thats ok ... someone who is using IE will not have problems with using JS ^^. I already added a JS script working like the :target peusodclass, but i still have two problems: - The subframe (iframe) has no transparent background - The overlay frame is getting shown, but the browser scrolls to the "hidden" area wich is just black. http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? Hi, Firstly, I want to apologise, that this is MySpace related. I am creating quite an advanced profile however. TEST PAGE: www.myspace.com/greeksaladhandles If you look at the comments section in Firefox, it's fine. It is scrolling as it should do, with just a Y-scrollbar. However, if you move to IE, the comments section is not acting as though it's confined to a space at all, there are no scroll bars and the section just overlaps what is below it. I have asked a few people who are more experienced, but nobody can quite work out how to solve the problem. If you can, please reply or PM me on here, or alternatively, email me on ryan AT missionbooking.co.uk. Thanks (P.S. - Does anyone know how to remove the white borders around the pictures in the comments section?) this is the code I tryed ---------------------------------------------------------------------------------------------------- <img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"> ----------------------------------------------------------------------------------------------------- I put it within a series of other links and images and so on ------------------------------------------------------------------------------------------------------ href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9kaXYtb3ZlcmxheQ==">myspace div overlay code tutorial by Eileen</a></i><i class=i>!-Begin Block to set Table Level and Open custom Div-!</i><i class=i>Close ALL open tables so that our div is not effected by the stuff we have removed </i></td></tr></table></td></tr></table></td></tr></table><i class=i>!! top banner, or anything else outside of your core content space can go here!!</i><i class=i>!!Create and size our div.!! </i><div class="myCoreDiv" style="width:800px; height:auto !important; border:0px violet solid; position:relative; top:0px; overflow:hidden; z-index:0;"><i class=i>!!-----START Core Custom CONTENT------!! </i> <img src="http://img152.imageshack.us/img152/5053/lgallerynewcopyox2.jpg"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0z NDU1MTgzNDYmTXlUb2tlbj0="style="position:absolute; top:700px; left:170px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5 JmZyaWVuZElEPTM0NTUxODM0Ng=="style="position:absolute; top:660px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJp ZW5kSUQ9MzQ1NTE4MzQ2JmFsYnVtSWQ9MA=="style="position:absolute; top:760px; left:180px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWxnYWxsZXJ5Lm5ldC8="style="position:absolute; top:730px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNjb3R0ZHVwcmFzLmNvbS8="style="position:absolute; top:800px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a> <img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"> <i class="i">!!-------END Core CUSTOM CONTENT--------!!</i><i class="i">!!Open same number of tables we closed.!! </i><table class="myTclass0"><tr><td class="hideIfInInterests"><table class="i"><tr><td><table><tr><td><i class="off">!-END Custom Block to Set Table Level and Create Custom Div-!</i> ------------------------------------------------------------------------------------------------------- The code highlighted red comes in on my div as a box with a small x. So its detected to be there but some how doesnt pick up the content of the (swf.). And I have to be honest I really don't know much about html at all.... I use it for my website and band myspace layout. This is for a photographers myspace. But I would greatlly apprecieate it if someone could please explain to me what I should put there I would worship you... Well thanks everyone for looking through this mess. I hope theres someone out there with an awnser. I've just published my first flash site, which is a schoolproject. I have this little problem: my site won't center in the popup so i get this white border in top and left site while some of my site is missing in right and bottom.. you can see it he http://www.rtgkom.dk/~caspers06/ click on anotherDepth. Here's the code i used for my popup: Code: <SCRIPT LANGUAGE="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=959,height=500,left = 35.5,top = 128');");
}
</script>
Code: <a href="" onClick="MinPopUp('http://www.rtgkom.dk/~caspers06/main.html');return false;">
<A HREF="javascript:popUp('http://www.rtgkom.dk/~caspers06/main.html')"><img src="images/index_09.gif" alt="" width="254" height="58" border="0"></A>
Hope someone can help me.. Btw, if this is posted the wrong place im very sorry but i could'nt find anything about javascript. Hey, Im making a site for a client and we've hit a dead end one one thing i particular The whole site we've made is HTML and Images only. The only flash element is the Navigation bar at the top. With out making 2 dedicated flash/non flash sites, how do we make it so that if flash is not detected on the viewers computer then the flash navigation will not show, but instead show a java script rollover nav bar? I was thinking maybe have the flash nav in a div that floats over the image nav, and if flash is not detected it would disappear...? help would be super appreciated. -Mongoose Quick question, what kind of html5 coding would be needed to achieve this seemingly easy effect. Does someone know a tut i can start off with? Been googling but cant seem to land on the right one. Its a mouse :hover effect for a navigation menu! Thanks. Demo can be seen he http://bit.ly/wBJGst i heard somewhere this is a war.. can I ask (not to familiar with html5) what about html5 encroaches on flash? what new elements/features? If it does compensate i know Jobbs will be pushing the hell out of it (html5) Hey, this is my first post, so I will try to be as detailed as possible. I know what I want to design, I just don't know the program to use, the file type, whether I need frames... I am new with HTML Code, CSS and Java, I have a graphic design degree focusing on image, type and layout, and very little web design. I would like to design a facebook fan page with this: http://www.htmlforums.com/attachment...7&d=1317248556 I want the header and the image slider to remain loaded and locked at all times on the page, while the slide title/number, main image, and main text FADE in seperately, when the appropriate numbnail is selected. I do not want it as a slide show, it is more of a self-guided informational tutorial. I want the image slider to be able to scroll as well. If anyone knows tutorials or websites that could help me, or have suggestions reproducing this, please let me know. Do I do this as Flash? What type of file? I have searched the internet for days looking for a tutorial that is close to what I want, and I am having no luck. I really don't even know what to call this, inorder to properly google it. Thanks in advance! |
|||||||