HTML - Social Media Snipets

First off I am a novice with limited knowledge of code and building sites. I have used different programs over the past couple years in school but web design was not my focus or major. It just so happens I am starting a new venture and it is going to require a website to be fully operational.

So here is my issue (one of many), I have a header I built for this website I am building. I build this header in photoshop 1000px x 200px. It contains my logo and some design. It is static. But in the bottom right hand of this header I want to add the social networking buttons. I have a spry widget set up for it (Jsocial Widget to be specific) but I can't get it to lay on top of the header. What is the other way I can accomplish this task... Facebook, Twitter, Youtube and I want an RSS link but I am not that far along yet so it would be something I would add later in the same location.

Thanks in advance!

I am new to web building and almost done with my first website. There are 2 problems I am having and if they were to be solved I could finish completely. Any help on these two issues would be greatly appreciated.

The url the everything is hosted at is hillsidemedicalbilling.com/ if you visit it you will notice what I am referring to.

I am trying to place share buttons for some of the social networking sites on the page using custom icons. After 4 days of reading everything I can find on them I have gotten pretty close. It seems the Twitter button is the only one that is actually working, and even then, the title does not post with the link. All of the other ones bring up a page for the right website but it says "this page no longer exists."

The second problem I am having is, the google + button will not align correctly (I want it to be centered with what is directly above it), I had the same problem with the facebook "like" button, but was eventually able to fix it by adding padding-left: 48px; to the CSS. After trying this with the google+ buttons, it does not respond. You will see what I have tried as I have left it on the CSS (but deleted padding-left: 58px; that I attempted unsuccessfully). All of the social networking buttons are within <div h2 name="logo"...name="social"


Here is the markup I have figured out thus far:
HTML Code:

<div id="logo">
	<h2 class="social">
				
<a target="_blank" rel="external" href="http://reddit.com/submit=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing">
<img src="images/reddit_wood.JPG" title="Reddit"/></a>
					
					<a target="_blank" rel="external" href="http://twitter.com/home?status=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing">
					<img src="images/twitter_wood.JPG" title="Twitter"/></a>
						
						<a target="_blank" rel="external" href="http://www.linkedin.com/shareArticle?mini=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing">
						<img src="images/linkedin_wood.JPG" title="LinkedIn"/><br /></a>
					
					<a target="_blank" rel="external" href="http://digg.com/submit?phase=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing">
					<img src="images/digg_wood.JPG" title="Digg"/></a>
				
				<img target="_blank" rel="external" src="images/rss_wood.JPG" title="RSS" alt=""/>
		
		<a target="_blank" rel="external" href="http://www.stumbleupon.com/submit?url=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing">
		<img src="images/stumbleupon_wood.JPG" title="StumbleUpon"/></a><br />
		
	<div class="fb-like" data-href="http://hillsidemedicalbilling.com/" data-send="true" data-layout="button_count" data-show-faces="true" data-font="arial"></div>		
<br />
		<div class="g-plusone" data-size="small" data-href="http://hillsidemedicalbilling.com/"></div>
</h2>
	<h2 class="member"><a target="_blank" rel="external" href="http://www.nebazone.com/exam.html/"><img src="images/NEBA.JPG" /></a></h2>
	<h1 class="logo">Welcome To<br /><a href="http://hillsidemedicalbilling.com/">
		<img src="images/HMBLogoMed.jpg" /></a></h1>
</div>

i have a drop down media player on my page. it is bigger than i want it to be until i click on a song, then it goes to the size i specified. how do i make it start out at that size? http://freewebs.com/kunaproxy/home.html. that is the page, and the media player is on the left. a little assistance would be great. thanx

Hi everyone,
Im having trouble with a video that i have put on my website. I have converted it from dvd to divx.
Does anyone know of a good converter or if i can put in on to media player and play it off my website.
If you can do that will some one be able to post me the html code.

I am trying to use the media="print" or @media print to modify a piece of my page when it goes to print. Below, what you see in {} is a referencing a variabled created using hsql. I want to add media="print" {display: none;} in this reference but it doesn't seem to take it. Can anyone think of another solution.


HTML Code:

<a onClick="popup('{&metric}');">
		<img src="http://broker-sas/SAS/irsrv/images/faq.gif" style="display:{&hide_img}; border: none;" width="15px" height="15px">         
		</img>
		</a>

Hi
I tried embedding windows media player normally, to play videos on my site. It works on this computer (after i downloaded the rite codecs), but it doesent work on my other pc, nor mac.

Is there anything you guys know that i can get (maybe some sort of php thing, or some other code) to use windows media player, or something so that when i embedd it to the site, it works with no problmes. I tried some flash things, but there all so confusing, and im not good at flash, so i get lost in it. Thanks..

Hello, I have embedded Windows Media Player on this one page I have that streams a live weather radio feed I have here in my Office. In FF it works fine but the player does not work in IE.

Here is the URL

http://www.mesquitechristmas.com/wea...stmas&state=tx

Here is the code for the player that I have embedded.


HTML Code:

<script language="JavaScript" type="text/javascript">  embedFeed("","http://audiostream.wunderground.com/MesquiteChristmas/DFW.mp3.m3u"); </script>

<div align="center"><object height="40" width="200"><param name="type" value="application/x-mplayer2"><param name="src" value="http://audiostream.wunderground.com/MesquiteChristmas/DFW.mp3.m3u"><param name="autostart" value="1"><param name="showcontrols" value="1"><param name="showstatusbar" value="1"><embed src="http://audiostream.wunderground.com/MesquiteChristmas/DFW.mp3.m3u" type="application/x-mplayer2" autoplay="true" autostart="1" controller="1" showstatusbar="true" bgcolor="#FFFFFF" height="69" width="280"></object></div><noscript><br>Your browser does not have javascript enabled and can not use the embedded player.<br>You will need to <a href="http://audiostream.wunderground.com/MesquiteChristmas/DFW.mp3.m3u">click here</a> to listen to this stream using your default audio player.<br></noscript>

Here is the Js script for it.

HTML Code:

// Batmosphere Embedded Media Player, version 2006-05-31 
// Written by David Battino, www.batmosphere.com
// OK to use if this notice is included
// This function reads an MP3 URL and title from the referring page and generates embedding code to play back the audio file.
// Windows browsers (except for Internet Explorer) will play back the file with the Windows Media Player *plugin.* Internet Explorer will use Windows Media Player.
// Non-Windows browsers will play back the file with their standard audio handler for the MIME type audio/mpeg. On Macs, that handler will usually be QuickTime.

var audioFolder = ""; // If you have a default audio directory, e.g., http://www.your-media-hosting-site.com/sounds/, you can put it here to make links on the referring page shorter.

function embedFeed(MP3title,MP3URL) { 
   // Get Operating System 
   var isWin = navigator.userAgent.toLowerCase().indexOf("windows") != -1;
   if (isWin) { // Use MIME type application/x-mplayer2
      visitorOS="Windows";
   } else { // Use MIME type audio/mpeg, audio/x-wav, etc.
      visitorOS="Other";
   }

   var audioURL = audioFolder + MP3URL;
   var objTypeTag = "application/x-mplayer2"; // The MIME type to load the WMP plugin in non-IE browsers on Windows
   if (visitorOS != "Windows") { objTypeTag = "audio/mpeg"}; // The MIME type for Macs and Linux 
  
   document.write('<div>');
   document.write('<strong style="font-size:18px; position:relative; top:-28px">' + MP3title + '&nbsp;</strong>');  // Adjust font style to taste
   document.write('<object width="280" height="69">'); // Width is the WMP minimum. Height = 45 (WMP controls) + 24 (WMP status bar)
   document.write('<param name="type" value="' + objTypeTag + '">');
   document.write('<param name="src" value="' + audioURL + '">');
   document.write('<param name="autostart" value="1">');
   document.write('<param name="showcontrols" value="1">');
   document.write('<param name="showstatusbar" value="1">');
   document.write('<embed src ="' + audioURL + '" type="' + objTypeTag + '" autoplay="true" autostart="1" width="280" height="69" controller="1" showstatusbar="true" bgcolor="#000000"></embed>'); 
   
   // Firefox and Opera Win require both autostart and autoplay
   document.write('</object>');
   document.write('</div>');
   document.close(); // Finalizes the document
}

Any idea what might be causing this?

-Thanks

I am looking for some script that allows me to insert a media player in to my page, preferably windows media player. I currently have one inserted but i want it to be able to use more than one media file and have previous and next to play other songs. The current one i have is

Code:

<script type="text/javascript">
AC_AX_RunContent( 'id','MediaPlayer','width','100%','height','190','classid','CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95','standby','Loading Windows Media Player components...','type','application/x-oleobject','src','03-Slinkee Minx - Summer Rain (Alex K Mix).mp3','showcontrols','true','showstatusbar','true','showdisplay','false','autostart','false','filename','03-Slinkee Minx - Summer Rain (Alex K Mix).mp3' ); //end AC code
</script><OBJECT ID="MediaPlayer" WIDTH="100%" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="05-johnny_cash-long_black_veil.mp3">
<PARAM name="autostart" VALUE="false">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="true">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="05-johnny_cash-long_black_veil.mp3"
WIDTH="100%" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>

Like i said this will only play one song that is specified and i want it to be able to play more than one file. Anyone got any good scripts to play multiple media files?

Thanks.

I would like to incorparate a media player into my website. I want it to be a separate popup window and show the list of mp3's available for people to listen to. I looked around but couldn't find anything that great and couldn't figure out how to put it in. Any suggestions?

Hi, i've been banging my head against the wall trying to find a solution, and have eventually given in..!

I'm creating an html email that has an image in it. Easy
When that email is received and the user prints, it replaces the image with another more print friendly version. Easy using media:print in a style.

However, when the user then replies to the email, all of the <style> in the <head> is wiped and the large un-printer friendly image remains. The only solution would be to put all styles inline within the <body>.

So the question..! Any ideas how to replicate this process only coding within the body?

thanks, J

I have embedded the media player on the website using this code:

Code:

<object type="application/x-shockwave-flash" 
data="test.swf" width="345" height="90"> 
<param name="movie" value="../flash/test.swf"> 
</object>

and it works fine except it doesn't seem to be able to load the sound. I have the sound in the same folder as the flash file and the sound runs fine when I test the .swf but not when I embed it into the website.

Is it possible to control the windows media player embed:
HTML Code:

<EMBED showcontrols="false" showstatusbar="false" src="song.mp3" autostart="true" loop="false"></EMBED>

using Href's? Honestly, my website looks great w/o having the "showcontrols" enabled and having that rather large and un-transparent background'ed media controller on it. I would really like to be able to add my own:
HTML Code:

<a href="function:play(or somethin liek that...)">Play</a><br><a href="function:stop">Stop</a>

I have a way to do this in flash, and it works great, but I just like the portability of windows media player.

Any ideas or suggestions?
Thanks in advance,
Yuri

I have embedded Windows media Player in an HTML Form. My question is does the .wmv has to reside on the server in order for it to run? If this is true does the server have to have IIS installed in order for windows media player thats embedded in an HTML form play wav or wmv files.

Can you suggest a video media player that supports rtmp protocol and has no branding? Maybe an open source general license? Simply to play flv files on a web page. Thanks.
(not JWPlayer or Flowplayer)