|
HTML - Location Bar Icons
Let me preface this by saying I'm very much a novice at this. I've done very basic HTML for a while, but have not advanced beyond that at all except to copy and paste some nice Java scripts that I've enjoyed from time to time. I do have 2 phpBB forum boards that I've enjoyed setting up. But that's pretty step by step instructional. Beyond that, I don't have a clue.
But I love the little icons that many sites use in their location lines. Google has the G, Yahoo has the Y!, and Woot has the !. I'd like to put one on my websites, but I'm having a terrible time finding the code for it. If it's done in a CSS, I'm screwed. I have only peeked at this and never attempted it. But if someone has a way to put a small icon on my location line, I'd love to see it. I do most of my own graphics, and making the icon wouldn't be a problem at all. I just need to find out how to embed it. Thanks Similar TutorialsI am trying to put up an Adobe icon to go next to our downloadble pdf brochure. How do I create one of those small icons? I am developing C# web application in which it contains a htm page. This Htm page contains a menu file. under file there are two items save and exit. I added the menu and items in the menu. what i need is how can i add the icons beside the items of the menu. Any one please Help. Thanks in advance. Hi everyone! I would like to add some small icons in the branch of a tree in my layout. Can anyone suggest a way to do it? Should I use an image map? The icons will be links that open in an external page. Thanks! http://heartless-ink.com/inked/main.html Hello, This is my first time in HTML world and I'm a complete n00b. I'm trying to put a counter on my blog for facebook/twitter/google+/rss to keep track of them on the blog. This is working fine, at least facebook and twitter are automatically updated (through a script I picked up on the internet), google+ and RSS is still manual, I still need to figure those ones out. Now I would like to nicely align the counters with the icons I have, and that's my problem. I want the text centered under the icon it belongs to, but I don't know how. With my lack of knowledge I found a somewhat cumbersome way to do that. Not that bad, simply not nice coding, but when the page is zoomed in or something the like, the aligning obviously doesn't work anymore. Could someone help me do the aligning properly? The code of the widget I have pasted below and the relevant blog: http://gebarentaal-signlanguage.blogspot.com. HTML Code: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var f_page = "149198761796791"; // the page name for your fan page, e.g. the 'wvumountaineers' part of <a href=\"http://facebook.com/wvumountaineers\" target=\"_blank\" rel=\"nofollow\">http://facebook.com/wvumountaineers</a>
var t_page = "Gebarentaal_"; // the account name for your main twitter account
function add_commas(number) {
if (number.length > 3) {
var mod = number.length % 3;
var output = (mod > 0 ? (number.substring(0,mod)) : '');
for (i=0 ; i < Math.floor(number.length / 3); i++) {
if ((mod == 0) && (i == 0)) {
output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
} else {
output+= ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);
}
}
return (output);
} else {
return number;
}
}
// when document is ready load the counts
$(document).ready(function(){
// grab from facebook
$.getJSON('https://graph.facebook.com/'+f_page+'?callback=?', function(data) {
var fb_count = data['likes'].toString();
fb_count = add_commas(fb_count);
$('#fb_count').html(fb_count);
}); // grab from twitter
$.getJSON('http://api.twitter.com/1/users/show.json?screen_name='+t_page+'&callback=?', function(data) {
twit_count = data['followers_count'].toString();
twit_count = add_commas(twit_count);
$('#twitter_count').html(twit_count);
});
});
</script>
<a href="http://www.facebook.com/pages/Gebarentaal/149198761796791" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" src="http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30x43.png" />
</a>
<a href="http://twitter.com/Gebarentaal_" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/b/118073168609419238977/" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30x43.png" /></a>
<a href="http://gebarentaal-signlanguage.blogspot.com/feeds/posts/default" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30x43.png" /></a><br />
<p>
<font size="4" face="arial" color="#3c5f9d" style="margin-right:0.9em">
<span id="fb_count"></span>
</font>
<font size="4" face="arial" color="#63dfe5" style="margin-right:1.6em">
<span id="twitter_count"></span>
</font>
<font size="4" face="arial" color="#505050" style="margin-right:2em">
8
</font>
<font size="4" face="arial" color="#c35b02" >
3
</font>
<br />
<font size="2" face="arial" color="#3c5f9d" style="margin-right:0.8em">
likes
</font>
<font size="2" face="arial" color="#63dfe5" style="margin-right:0.5em">
followers
</font>
<font size="2" face="arial" color="#505050" style="margin-right:1em">
+1's
</font>
<font size="2" face="arial" color="#c35b02">
readers
</font>
</p>
Okay. I have a new question that needs answering. I have followed instructions found elsewhere in this forum, and have successfully gotten my url icon to work. If you go to web.mac.com/merchandise1 you can see a little "M" in the bar. Here's the problem, though. I don't use that address on my business cards, email flyers, etc. I use merchandiseonline.org The url icons DO NOT WORK when you go to the masked/forwarded url address of merchandiseonline.org I use DirectNIC for my forwarding purposes. So, my question, then, is: HOW do you get the favicons (url icons) to work when using a masked address? I've searched forums upon forums and have not found the answer. I pray someone here will have an idea. Thanks, James @ merchandise Hi guys, I'm working on a project which requires an HTML page to be updated regularly, say every 10 seconds. however its not the whole page i need to refresh but rather a section of it. that section in question is a table that has status icons within. those status Icons receive values from a server and update accordingly. the following code corresponds to those images you see in the attachment. HTML Code: <td width="100" style="TEXT-ALIGN:center" onclick="showNFailDialog('{IP_ID}','{ZONE_ID}','{GROUP_ID}');">
<IMG style="WIDTH:24px;HEIGHT:22px;CURSOR:hand" class="ZState NFail" name="disp" alt="Zone {ZONE_ID}"
src="../../Icons/circle_cancel.png"
eis="name:{IP_ID}.{ZONE_ID}.{GROUP_ID}.Alarm;type:1;virtual:1;img0:/Icons/circle_green.png;img1:/Icons/circle_red.png;">
</td>
this line basically says value 0 shows green, value 1 shows red.. img0:/Icons/circle_green.png;img1:/Icons/circle_red.png Is there a way I can insert some code into the image section that makes the image refresh every so often but without refreshing the whole page/table your help is greatly appreciated Here's what I'm up to: Made this scrolling desktop background on my Windows XP machine and found that the desktop icons, which appear transparent over a standard, static wallpaper, are no longer so when the desktop background is changed to an HTML one. That is, the text that displays as if typed with a drop-shadow over a static .jpg wallpaper image shows up over an HTML background inside a colored box. I'd like to get the "no box" effect, the standard XP text with a drop shadow, over the HTML background. Is this possible? I want to redirect my users to C:\ but window.location won't do it, how do I do this? Hi, I wanted to know if someone can help me use th right html code to display the proper city for someones IP. I have found this site : http://www.hostip.info/use.html but I dont understand how to integrate it into my html. So I want something like this "hello my name is bob and im from" and thne right after the site displays their city. I know its not always accurate but it doesnt matter, if its off then no big deal but the times its on could be a good selling point. I did a search and found someone else asking something similar long time ago but it didnt really help me as it dealt with php. is Php required to do this? If so how can i do it to integrate it into my html, maybe by putting this section in an iframe of php.... Point is I wouldnt want to redo the whole website in php, considering I dont know php. Thanks! Greetings HTML people. I am sort of frankenstining a webpage together. This is what I have so far hogepodged together. HTML Code: <!doCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>The works of D.M. Rosemark</title>
<style type="text/css" media="screen">
<!--
body
{
background-color: #ffffff;
margin: 0px
}
#horizon
{
color: white;
background-color: transparent;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: transparent;
margin-left: -250px; /*half the iframe width */
position: absolute;
top: -150px; /*half the iframe height */
left: 50%;
width: 500px; /* ifame width */
height: 300px; /* iframe height */
visibility: visible
}
iframe.one
{
width: 600px;
height: 375px;
border-style:ridge;
border-width:10px;
border-color:#999999;
padding:1px;
}
//-->
</style>
</head>
<body>
<div id="horizon">
<div id="content">
<iframe class="one" frameborder="0" src="http://www.webmasterworld.com/category10.htm" scrolling="yes">
</iframe>
What I want to accomplish next is to border the Inline frame with Images I create in photoshop e.g. 2 side frames, one top banner, one bottom banner. How do I accomplish this in HTML? What are the technical challanges with this request? I have tried to search this out, but haven't found the necessary information. Thanks guys. D.M. Rosemark Hi, I'm trying to build a program that automatically picks images from a given web page. As you know, there's a lot of relative paths used on those. Now, I got to my first big problem, this is the address I'm trying to use: http://www.nba.com/games/20090117/ORLDEN/preview.html this is the address where image is: http://www.nba.com/media/homepage/bullet_video.gif and this is the address source code refers to: img src="/media/homepage/bullet_video.gif" border=0 Now, note that there's no ".." in the front of that address. Question: How can I determine based on the address when the location of image is http://www.nba.com/media/homepage/bullet_video.gif and when it is http://www.nba.com/games/20090117/OR...llet_video.gif And yes, this is 100% about automatizing the process, so the answer I'm looking for has to be something I can tell to VBA (the language I'm using to write my program). Thank you for any answer. I have embeded a layer on my page but cannot set the exact location of the player, like move it 10% to the right or 20% to the botton the only attribute i can play with is align which either puts ir extreme left/right or so called centre, so how do i set the exact co-ordinate if you may so i can put it exaclt where i want to. On the website host i use i can put the location of the file (example, images/banner.png) but how do i get it from a diffferent file. like if the file i need is in the images file but my html file is in the "javascript" file Here is kinda what i mean. this shows where the files kind of a ( ">" points to the file in that folder ) javascript > index.html images > banner.png .. so how do i get the image from the image file without having to put the full url to it? because i cant put "images/banner.png" cause its going to think the image file is in the "javascript" (its going to go to "javascript/images/banner.png", instead of just "images/banner.png)file since the html file is in the "javascript" file and not the main page. if you dont understand this tell me and ill try to explain it better, i tryed to make it as clear as i could. hello people! so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there. and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor. i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page: PHP Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!--Added: Latest forum topics --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td> </tr> <td class="cell-h"> <? include('recent-topics.php'); ?> </td> <!-- Added: Remove for box 4 --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td> </tr> <tr> <td class="cell-h"> <?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?> <div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--end added: remove for box 4 --> <tr> <td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <script type="text/javascript"><!-- google_ad_client = "pub-6723104396625340"; /* 468x60, created 4/26/09 */ google_ad_slot = "7601118167"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <td valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>1</p> --> <!-- Added: Remove to get box 1--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--End Added: Remove to get box 1 --> </table> </td> <td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>2</p> --> <!-- Added: Remove to get box 2--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> Hello, I was wondering if it is possible to filter visitors to a website based on their location. For example: If a Visitor is from Ohio, route them to ohio.html If a visitor is from Montana, rote them to montana.html. I'm not sure how to make this happen, any help would be greatly appreciated. Thanks, Brian is there a way to link to a location on a page like in the example below but instead of the link existing on the same page as the target location, the link exist on one page and points to a bookmark on another page? So for example, I want index.html to have a link that takes the user to chapter 4 of content.html (which is half way down the page) Code: <p> <a href="#C4">See also Chapter 4.</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> can somebody tell me why this dont work. i have read this joomla document and it says that you can use style so i wanne padding im but it don't work i have read this document http://docs.joomla.org/Jdoc_statements <jdoc:include type="modules" name="taal" style="padding-left: 620px;" /> can someone help me with a simple code that will take a url "URL.com/something/ and then remove "URL.com/,/" and append ".swf" and then would show an object at "anotherURL.com/something.swf? I know there are scripts that take the current URL and can modify and use it. Code: <h1>Title of Video</h1> <p style="text-align: left;"> <object width="600" height="600" data="http://URL.net/nd/video.swf"> </object> </p> so if the HTML/java script was on url.com/2011/10/something then the object data/source would be at url.net/nd/something.swf and if the script was on url.com/2011/10/somethingelse then the object data/source would be at url.net/nd/somethingelse.swf i'm sure this is possible because I've seen similar scripting done for something else I had where entering text in a box in a webpage would put that text at the end of a URL upon hitting a go button. any help is greatly appreciated! thanks! XTC im going to use this webpage as an example http://danalverez.webs.com/index.htm im creating a webpage in dreamweaver and im having a problem i uploaded a background image and centered it and thats fine. But now im trying to creat links over the background image and i can, but when i view the webpage in IE the links or text move everytime i maxamize or minamize the webpage. when you maxamize or minamize the webpage above, the home button link is always in the same location on the page. When i max/min my website the home button jumps to the left or right. when its minamized its in the correct location, but when i maxamise the page the button is to much left. Hi there i was wondering if it was possible to click on an image that has been mapped and have it open another web page but at a specific location. for example i have a large image of the U.S. i would like to have a smaller image that is mapped to be able to jump to the larger image at that specific location like if i click the northeast porition of the U.S. on the small image i would like it to load the larger image at the northeast porition of the U.S. using just html if possible? thanks for any help. |
|||||||