|
HTML - Share Buttons And Link Url (wordpress.com)
Similar TutorialsHere's a link to the page I'm currently working on. http://www.vancouver4condos.com/test/ The big map picture is set up as an image map, with all the areas already specified. Each area gets highlighted when viewer hovers the cursor over it. Also, right above the map is a navigation menu, with all the buttons corresponding to each of the areas on the image map below. I was wondering if there is a way to connect each of the navigation buttons with their corresponding map image areas in such a way that when the user hovers the cursor over a button, its map area will automatically get highlighted. Ideally, the opposite would also be true - when hovering the cursor over one of the map areas, its corresponding navigation button would also highlight. Hi, Basically, I am giving away a flash game so under the actual game I have a box with html flash embed so they can add it their site etc. However I also want the html they add to have a share box, so when the game is on their site there is another share box with the html. So basically the share code, has to have the code for the game and the share code. The thing is I can't add the code to the box becuase either i'm an idiot, or its impossible. <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> <!--share box--> <div style="overflow:auto; height:100px; width:440px"> <table cellpadding="0" cellspacing="0" style="width:415px;"> <tr> <td> <!--flash game--> <script type="text/javascript"> /*<!--*/ var so = new SWFObject("http://www.magneticdigital.co.uk/flash/solar-uprising.swf", "flashCaptPicard", 550, 400, "7"); so.write("flashCaptPicard"); /*-->*/ </script> <!--flash game end--> PROBLEM: share box should go here as well, but I can't add it with out adding the share code, which in turn requires yet another version of the game code. And on and on and on. </td> </tr> </table> </div> Is this even posssible, been trying to figure it out for ages. Thanks When I share my index.html via facebook, I have some stuff into boxes like a descriptions of something, where I can change description? If any1 understand me? I want to edit and add my text by default... Sorry for maybe bad english ;/ The title sums it up pretty much! I have two DIVs, one on the left the other on the right as follows: css: Code: DIV { bottom: 0px;
overflow: auto
}
#main { position: fixed;
top: 160px;
right: 30px;
left: 270px;
opacity: 0.9
}
#lhs { position: fixed;
top: 160px;
left: 30px;
width: 210px;
opacity: 0.9
}
html: Code: Some titles and stuff.... <DIV id=lhs>menu stuff..</DIV> <DIV id=main>content...</DIV> This works fine but the two scrollbars are ugly and obstruct parts of the site. I would Ideally like one scroll bar to move the entire page or, if not, at least the two DIVs. Would that be possible? Any help would be much appreciated. Hi All, I am new to html programming. I am having problem in sharing a variable between 3 html pages. I tried googling for the solution but couldn't get the right one. A brief about my problem is... 1. I have 3 html pages, 1.htm, 2.htm & 3.htm 2. I have a variable var1 in 1.htm which is set to 0. 3. 1.htm will open 2.htm and 3.htm 4. 3.htm will update the var1 variable declared in 1.htm to 1 on onunload event. 5. 2.htm will check the status of var1 for value 1, if yes it will navigate to next page. I have pasted the code below for 1.htm, 2.htm & 3.htm respectively. Can anyone please help me in this regard. Thanks in advance. Regards, tux09. ---------------------------------------------------------------- 1.htm -------- <html> <head> <title>main</title> <script type="text/javascript"> var checkPopUpClosed = 0; function delayed_redirect(){ window.open('3.htm','SaveAs','height=250,width=640,resizable=0,directions=0,location=0,toolbar=0,men ubar=0,scrollbars=0'); } </script> </head> <body ><!-- masthead --> <table border="0" cellpadding="0" cellspacing="0" summary="."> <tr><td ><h1>Main</h1></td></tr> </table> <FORM method="post" name="mainForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td class="rightContentPane"> <br><br> <div class="pad10"> <div> <INPUT type="submit" name="Back" accesskey="b" alt="Back" VALUE="< Back"> <INPUT type="submit" name="Finish" accesskey="s" alt="Save As" onclick="javascript:delayed_redirect();" VALUE="Save As"> <INPUT type="submit" name="Cancel" accesskey="c" alt="Cancel" VALUE="Cancel"> </div> </td> </tr> </table> <div> <INPUT type="hidden" name="Hide" VALUE="18489"> <INPUT type="hidden" name="shVariable" VALUE="0"> </div> </FORM> </div> </body> </html> ---------------------------------------------------------------------------------------- 2.htm -------- <html> <head> <title>second</title> <meta http-equiv="refresh" content="5;" /> <script type="text/javascript"> //if (1 == document.mainForm.checkPopUpClosed.value) var temp = 0; if (1 == top.mainForm.checkPopUpClosed) alert("Close received = ");//+document.mainForm.checkPopUpClosed.value); function checkClick() { //temp = top.parent.item.forms("mainForm","checkPopUpClosed"); //temp = parseInt(parent.checkPopUpClosed);//.document.frames.item("shVariable"); //temp = document.getElementById("mainForm"); //temp.parentElement(shVariable); //temp = document.mainForm.checkPopUpClosed.value; alert("temp = "+temp); } </script> </head> <body onclick="checkClick();"><!-- masthead --> <tr><td ><h1>Second</h1></td></tr> <FORM method="post" name="secondForm" > <table cellspacing="0" cellpadding="0" border="0" summary="." > <tr> <td > <div > <table width="200" border="3" cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br/> <h3>Result</h3> <br/> In progress. <br/><br/><br/> </td> </tr> </table> </div> </td> </tr> </table> </FORM> </div> </body> </html> ------------------------------------------------------------------------------- 3.htm -------- <html> <head> <title>third</title> <script type="text/javascript"> function doClose(){ if (window.opener && !window.opener.closed) { window.opener.location.href="1.htm"; } } function delayed_close() { setTimeout("window.close();",7000); } function delayed_Openclose() { delayed_close(); setTimeout ("doClose();", 6900); } function doAbnormal_Close() { var temp2 = 0;// = document.getElementById("mainForm"); top.mainForm.checkPopUpClosed = 1; temp2 = top.mainForm.checkPopUpClosed; //temp2 = open.document.forms("mainForm", "0").checkPopUpClosed = 1; //temp2 = document.getElementById("mainForm").checkPopUpClosed.value; alert("temp2 = "+temp2); //alert("checkPopUpClosed 1 = "+top.mainForm.checkPopUpClosed); //document.mainForm.checkPopUpClosed.value = true; //alert("checkPopUpClosed 2 = "+document.mainForm.checkPopUpClosed); } function checkClick() { var temp3 = 0; //temp3 = if(window.opener.closed); alert("temp3 = "+temp3); } </script> </head> <body onunload="doAbnormal_Close();" onclick="checkClick();"> <FORM method="post" name="thirdForm" ACTION="2.htm"> <table cellspacing="0" cellpadding="0" summary="."> <tr> <td style="text-align:center;"> <br /><br /> <h3>Checking</h3> <br /><br /> To submit this request click "Save As" <br /><br /> <INPUT type="submit" name="Save" accesskey="s" alt="ok" onclick="javascript:delayed_close();" VALUE="Save As"> <br /><br /> </td> </tr> </table> </FORM> <script type="text/javascript"> </script> </body> </html> --------------------------------------------------------------------------------------------- Hi board members I've been hard at this for hours and can't get it working. Following the tutorial on facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad Please be advised the facebook links are not positioned where they will finally reside on the page. I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating. The image I want to use is within their parameters and is in my images folder on level above the root. Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste. the lines you are interested in are 11-16; 24-31 and 62 Good luck, Mal from Cessnock 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 several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a> How do I need to change it such that a new instance of the browser is used in which the linked site is displayed. I have a WP blog with Elements of Style template. I'm looking ot put information on the bottom of each content area I create. I am at a loss to figure out which of the files to edit. [IMG]editwordpress.jpg[/IMG] Hello, i'm setting up a website on Wordpress and I want the following: 1. A static (non blog) contact page just like this http://i25.tinypic.com/29lmyo3.jpg 2. I want my blog postings to be archived in pages just like this: http://i30.tinypic.com/3004epj.jpg as opposed to scrolling down the whole page to see my posts. Is this a default feature in Wordpress or do I have to do something to make this happen to my posts? 3. My template only has one column, I would like to split it into two columns (http://i30.tinypic.com/3004epj.jpg) like this site, so I can have a place to put adverts etc. Thank you I am using wordpress. This is my layout http://ruriko.newsit.es/. Why is there a "dir="ltr">" ontop of the header? my footer isn't looking right it has 2 background colours and I only want the light blue one hey everyone not sure where this best goes but ill put it here i have been messing around with wordpress to see if i like it and how it works and such. I've ran into a problem and i cant seem to find an answer. When i write a post or page, and i want to add my own code, it ends up messing it up pretty bad. I go to write page and select the code view, then i put in sum code such as Code: <div class="title">Links</div> <div id="linksbox"> <ul id="linklist"> <li> <a href="#"><img src="images/test.jpg" alt="html" /> <div class="text"><h3>header</h3><p>this is some text that is a paragraph</p></div> </a> </li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> and when i view the page and view the source the code was outputted as this: and doesn't even work right: Code: <div class="title">Links</div> <div id="linksbox"> <ul id="linklist"> <li> <a href="#"><img src="images/test.jpg" alt="html" /></p> <div class="text"> <h3>header</h3> <p>this is some text that is a paragraph</p> </div> <p> </a> </li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> then i go back to edit the post and it looks like this Code: <p class="title">Links</p> <p id="linksbox"> <ul id="linklist"> <li> <a href="#"><img src="images/test.jpg" alt="html" /></a> <p class="text"> <h3><a href="#">header</a></h3> <a href="#">this is some text that is a paragraph</a> <a href="#"> </a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> anyone know why this happens, or how to make it so it don't do that? I am using the lated release of WordPress and I am using WP-Forum to enable a forum on my site. I changed many of the images and some of the css that was on a default theme to make my own but I cannot figure out one thing. When you click new post and the text box shows up with subject and message the message box is cols="80" and I wan it to be cols="75" so it does not go over into the sidebar. My website is www.ipodtouchcafe.com. Below is the code I got from firebug: <textarea name="message" cols="80" rows="20"/> That is the text box for the message and the Bold, Italic, Underlined part is the cols section. Feel free to go to my website and register so you can see what I am talking about. THANKS! 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 I would like to know if anyone knows how to integrate a Wordpress blog into your html website? Would I have to make a template from scratch just for Wordpress or is their a simple way of doing this? I like my sites design and would love to keep it that way. Please let me know. Thank you very much. Jenna hi, what's the best cms, wordpress or Jomla ? I really like the backup plugins in Joomla, I dunno if it exists something similar in wordpress. The wordpress backend seems to be more professional... thanks Hey! I've recently transfered my blog over to wordpress.org (from wordpress.com) and now have the ability to alter my template, but i need some help with a few things! The current widgets i have up i believe came across with the back up copy of my original blog, but they aren't mentioned within 'widgets' in my dashboard. I added a mailing list and I'm wanting it to appear under the search bar, i presume to do this i will need to alter the code, but i can't find where to edit the code as i added the mailing list box as a widget, and it hasn't seemed to appear within the code where all the other current widgets i have are displayed. Does anyone know how i can move the mailing list up higher?? Also, I'm wanting to create a 'home' page which directs back to the home page of my blog. I had this set-up on my previous blog where i set the title to the url. But i removed it as with the new template it directed to a new page, called home. I'm wondering if someone knows how i can set up a page that directs to the home page of my blog? And also, if it's possible to place the page at the front of my other pages. Ie. "Home : About : Recommended Reading". And not "About : Recommended Reading : Home". ? And one last thing! I'm wanting to add a Google search tool to the current search bar that's on my blog. I would like it to look the same, if thats possible(?) but have the option of searching my blog, or the web along with a small Google banner at the bottom. I'm unsure where i should add this code, as within the theme editor i have a section titled "search results" which is a fairly long php code, and i also have a small section within the "sidebar" section which says: <!-- Search --> <div id="sidebar-search"> <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" /> <input type="submit" id="searchsubmit" value="" /> </form> </div> <!-- /Search --> Should i add the Google html code to that part? Or will i need to change the php code as well for it to work? Appreciate any help! www.nikkisblogspot.com I need help customizing my wordpress feed thats on my back garageglamorousgaga.freehostia.com also making it so that its only one of each post, and that it's all english ahaha! Hi, My website is really acting strange. I've altered my header.php page to display a custom banner I made for the front page instead of "Site Title" (div class = "head-title") which was what it was set to. I thought I was good to go until I click the other pages. For some reason the banner magically disappears on the rest of the pages. The main index.php and page.php templates both have <?php get_header(); ?> at the top of each. So the code looks identical when I view page source for the other pages. I'm stumped as to why the header isn't showing throughout the site. Please help if you can. URL: http://www.princesscutdiamond.org. Thanks, gord Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. |
|||||||