HTML - Custom Buttoms Freewebs

Introduction:

I am using an affiliate marketing program for Joomla!/Virtuemart called iDevaffiliate. It essentially tracks the sales of an affiliate, and you can set up commisions and pay them monthly. The techneque iDevAffiliate uses to get this done is much like a lot of other online affiliate programs I've seen. An affiliate get's his/her own special link to our store that they can direct their traffic through. They can put the link on their website, give it to a customer, or just hand it out. This is a good way, but I needed something a bit different.

What I need:
iDevAffiliate gives the affiliates their own special link. This link is the same for all affiliates, with the exception of the last 3 charachters which happen to be numbers. I want to create a page with 1 small form field in the center where a customer can come, type in those three digits, and the rest of the link would automatically be added upon submission. So, I need a form that has the capability to take what's typed into a the field, and add the remaining part of a link, then take them to it.

Any Suggestions?

Jeremy

Hey, so I've been getting no luck with this, I finally managed to get a tool tip to work, but I'm a perfectionist and wont quit til its perfect. Heres my code for the particular section I'm trying to get to work:

CSS
a.info span {
display: none;
}

a {
color: #4b98a8;
background-color: inherit;
text-decoration: none
}

a.info:hover span {
display: block;
position: relative;
margin: 2px 0;
padding: 10px;
background-color: #111;


}

a:hover {
color: #4b98a8;
background-color: #111;
position: relative;
}

HTML
<a href="http://google.ca" class="info"><h1>Acer</h1>
<span>
Website: http://google.ca<br />
Contact: (555)-555-5555<br />
Hours: Mon-Fri: 8AM-5PM
</span>
</a>

So I've tried all sorts of other commands in css and It's not changing, I've been working from a template I'm in no means 100% knowledgeable in html/css but I gather the basic concepts. Now generally what I'm trying to accomplish is to get the tooltip to pop up to the right of the word "Acer" (It always pops up underneath) And the tooltip pops up when your on any part of the line Acer is on, I want it to op up only when you highlight the word.

Here's my website link so you can see what it's doing. LK Electronics

I have a div that currently has standard scroll bars on it. However I
would like to replace them with custom scroll bars or a button at the
top and bottom which moves the text contained within it up and down.
It must be compatible with Firefox. Does anyone have any suggestions
or know an internet reference that I can look at to get some ideas?

Im not too sure where this should go or how feaable this is to do but ill try.

Ive used a custom font called "Bauer".

Obviously everyone doesnt have this font and ive heard it is possible to upload the font and have it auto download to the fonts folder.

Is this possible and if so how is the best way to do this?

Hi everyone,

I really don't know much about this topic, so I'd like some advice.

I need to add some scrollbars to an iframe. They can be anything except the OS's scrollbars. As long as I can change the color or the shape or something to customize them that is great.

Also, I read that this can only be done on IE. Is it possible to do it on other browsers. I also heard that it is possible through Flash?

Does anyone know how I can do this?

Thanks

Ok, I figured out how to embed an audio clip into the web page that works pretty well across multiple browsers. The code looks like this: Code:

<embed width="200px" height="30px" loop="false" autostart="false" src="/media/GOAL.wav"></embed>

And it looks like this on the web page:

My question is, is it possible to add to that code so only a custom PNG file is visible until you click it and then the player begins? I don't even necessarily need the player to be visible. Can the audio simply play once when the PNG is clicked? What would that code look like? Thx.

I have a form with a Text Field and a Button. Pretty straightforward. Is there a way to get to a custom web page if a user writes a "trigger"-word in the Text Field and click on Submit? For example if he wrote USJ 298 he would come to usj.html and if he wrote USX 047 he would come to usx.html.

Is it possible to do in HTML and/or without a database query?


Thanks,
JT

I'm new to this forum and html as well...

Might sound like as silly question...

I'm an Android application developer. Recently i developed an app to track down the location of the cell phone using inbuilt GPS Receiver. Now, the user gets the coordinates and needs to enter it into a web site text input to get the exact location of his cell phone.

I just want two input type="text" field and one input type="Button".
inside input types, user needs to fill in Latitude and Longitude value and on clicking the button, a new windows should pop up with a google maps url like the following : -
http://maps.google.com/maps?q=28.422523,77.102102
where 28.422523 and 77.102102 are two text field contents passed from input type="text".
Thats it.
I tried but on submission of the button, the url becomes
http://maps.google.com/maps?q=28.422523&r=77.102102
which doesn't work since google maps cant resolute the url. I cudn't remove "&" and "=" sign and replace it with a ",".

Help would be greatly appreciated.
Thanks...

Hi,

Click here to download my custom button: http://www.mediafire.com/download.php?zzdly4idyzu

Basically, the easiest way would be to just type
Code:

<input type="button" style="background-image: url('button.png');" />

But what if I want it to be resizable based on the value? It won't work after that.

Can someone help me to create a better button?

I'm looking to make a blog for free, but one that doesn't advertise what service it is allover my layout (or anywhere on my layout, to be precise).

So I'm thinking I may have to turn to hosting my own blog and using something like Drupal or Joomla? Is there a free service online that has no ads, and would it be difficult to make my own layout for that service? I remember I used to be able to plug in the tags for blogger's dynamic content and use a noembed tag to get rid of their god awful bar at the top, but those things no longer work for me it seems!

Thanks to anyone who answers my question.

I am having issues with a myspace layout, I usually do my own, but my friends band had another guy do it. In the process he made a custom mast header and the music player is not showing up. Here is the coding, can someone help fix this please.

HTML Code:

<div class="masthead"><img src="http://i33.tinypic.com/2087lep.jpg"><br>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"><img src="http://i34.tinypic.com/2yzesk3.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/qy8e14.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i37.tinypic.com/2j0l9o5.jpg" border=0></a><br>
</a>


<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xMTM5MjE4Mzc="><img src="http://i38.tinypic.com/2dqiplh.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMzkyMTgzNw=="><img src="http://i37.tinypic.com/awt752.jpg" border=0></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExMzkyMTgzNw=="><img src="http://i34.tinypic.com/2r7vvck.jpg" border=0></a><br>



<img src="http://i33.tinypic.com/11ry97c.jpg"><br>

<img src="http://i37.tinypic.com/oj14hu.jpg"><a href="http://myspace.com/jaygambit"><img src="http://i36.tinypic.com/i5otb9.jpg" border=0></a></div>

<style> 
NOTE {This is the custom masthead}

.masthead {width: 800px; height: 1000px; position: absolute; margin-left: -400px; left: 50%; top:0px; bottom: 0px; background-image: url("http://i38.tinypic.com/205rupd.jpg"); background-position:top center; background-repeat:no-repeat;}



.copyright-jaygambit {Created by Jay Gambit}
.copyright-jaygambit {Background Properties}
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
	background-image:url("http://i35.tinypic.com/2u9phjk.jpg");
	background-attachment: fixed;
	background-position:top center;
	background-repeat:repeat;
	scrollbar-face-color:000000;
	scrollbar-highlight-color:000000;
	scrollbar-3dlight-color:000000;
	scrollbar-shadow-color:000000;
	scrollbar-darkshadow-color:000000;
	scrollbar-arrow-color:ffffff;
	scrollbar-track-color:000000;
	margin-top: 1000px;}

.copyright-jaygambit {Table Properties}
table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
	border-width:0px;
	border-color:000000;
	background-color:000000;}





.copyright-jaygambit {Text Properties}
table, tr, td, li, p, div {font-family:Times; color:ffffff; font-size:12px;}

.btext {font-family:Times; color:ffffff; font-size:12px;}

.blacktext10 {font-family:Times; color:ffffff; font-size:12px;}

.blacktext12 {font-family:Times; color:ffffff; font-size:12px;}

.lightbluetext8 {display: none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}

.redtext {font-family:Times; color:ffffff; font-size:12px;}

.redbtext {font-family:Times; color:ffffff; font-size:12px;}

.text {font-family:Times; color:cd853f; font-size:12px;}

a:active, a:visited, a:link {font-family:Times; color:cd853f; font-size:12px;}

a:hover {font-family:Times; color:ffffff; font-size:12px;}

a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Times; 
color:ffffff; font-size:11px;}

a.navbar:hover {font-family:Times; color:ffffff; font-size:12px;}

a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Times; color:ffffff; font-size:11px;}

a.redlink:hover {font-family:Times; color:ffffff; font-size:12px;}

.nametext {font-family:Times; color:ffffff; font-size:20px;}

.orangetext15 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left;  font-family: Times; font-weight: bold;  line-height: 13px; text-transform: uppercase; border0px solid; border-color:00ff00; width:100%; display:block;}

.whitetext12 { background-color: 27382E; color: ffffff; font-size: 10pt; text-align: left;  font-family: Times; font-weight: bold;  line-height: 13px; text-transform: uppercase; border1px solid; border-color:00ff00; width:100%; display:block;}


object {position:absolute; left:50%; top:640px; margin-left:-225px; z-index: 3;}
table table table object
{position:static; margin-left:298px;}

</style>

<style type="text/css">
.contactTable {display:none;}
</style>

<style type="text/css">
div table table a img {display:none;}
</style>




<style>
td.text object {visibility:hidden;}
td.text td td object {visibility:visible;}
</style>

<center/> 


<br>

</style>





<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL21heWhlbXByaW50aW5n"_blank"><img src="http://i63.photobucket.com/albums/h144/comarosteve/IDWTDIT/l_b397090fc61fe8af71ec106eb13ac25b.jpg" border="0" alt="IDWTDIT Shirt"></a>
<br />
IDWTDIT Shirts available in black, red and blue.  Please specify color and size.
<br />


<br />
<br />

<img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif" /><br /><br />

<textarea><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2lkb250d2FudHRvZGllaW50ZXhhcw=="><img src="http://img151.imageshack.us/img151/6231/idwtditbanner1ss6.gif"/></a> </textarea> 

<br />
<br />



<br />






<br>
<br />
<br />
 



<style>

.r { fixes positioning of the new music player }

table table td.text div div {position:relative; left:-200px; }

*html table table td.text div div {position:absolute; top:640px; left:30.5%; margin-left:-200px;  }

</style>
<div style="text-align:center;width:425px;">
<div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="350" width="450" data="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="all" />
  <param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51437,artid=3171452,skinid=16,profid=113921837" />
</object>
<br />


<style type="text/css">
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img67.imageshack.us/img67/192/idwtditbgqz8.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

</style>

Hi

I have a website which is being hosted from my PC and I plan to also host a game server, specifically Call of Duty 4. My DNS is dynamic so I registered with DYNDNS to get a static DNS for my dynamic IP. What I want to do is put a link on my site, which will allow the gamers to launch the game and connect to my server right away. I've seen something similar at Apple's site for the iTunes apps(Like this) where you have a button, in this case the "View in iTunes" button on the left. I took a look at the source code and found few strips of code for that but was unable to make sense out of them.

I would appreciate it if I could details about how to write something similar

Thanks,
fresco

I'm developing a website that contains a lot of legal statutes. I'm trying to keep to html lists rather than using tables, but have come unstuck with how to display custom numbers in an ordered list.

The lists usually begin with (1), then (a) is the indent, then (i) is the next level. These are easy to handle with <ol type=1>, <ol type=a> and <ol type=i>.

The next level has (aa), which I've managed with <li value=27> and so on.

However, I'm not certain how to handle the following types:

(4A) - in between the number (4) and (5)

and random numbers, such as (aE), etc.

With regard to numbers like (4A), they need to be in the same bracket and can't be displayed as (4)(A) - which is a different reference in the legislation.

Any help in displaying custom numbers (even user defined - e.g. for this particular bullet point display "4A") would be great.

Thanks in advance.

Hi all

I am trying to set up a custom 404 page for when a user visits a broken/error page. I have read several other pages telling me how to do it, and they all pretty much the same thing, however it isnt working.

Keep getting this on the page when i enter a broken link:

Not Found
The requested URL /clients/index.htm was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

I have set up a ht.access text document with the following code:

ErrorDocument 404 error-page.html

An error-page.html page has also been created.

Now, am i even naming ht.access file right? Do i need any other code in the error-page.html to make it work?

im going round in circles, getting nowhere, i hope someone can help!!

Hi: We are having a problem with an eBay Custom Storefront template. HTML is not one of my strengths, so if we could get a little help it would be greatly appreciated.

At the top of our template it shows our feedback number as well as several icons such as "top rated seller", about me, store icon, etc. This feedback number should change when we get a new feedback, it does not. Everywhere else in eBay the number changes fine and the code looks the same to me. I think the section of code below is the relevant section. The store address is www.connectibles.net if you need to see more code. Or just post a note and I will copy more code. Much thanks, Bill


<TABLE id=frameheader cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/left_up.gif"></TD>
<TD id=logo><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/logo.gif">
<TD id=r_head width="100%"><B>connectibles is maintained by:</B> <a href="http://myworld.ebay.com/connectibles">connectibles</a><img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="4" border="0">( <a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback&amp;userid=connectibles">6712</a><img src="http://pics.ebaystatic.com/aw/pics/icon/iconGreenStar_25x25.gif" height="25" width="25" class="mbg-star" title="Feedback score is 5,000 to 9,999">) </span> <span class="mbg-l"><b><img src="http://pics.ebaystatic.com/aw/pics/icons/iconTrsMini.gif" height="19" width="56" title="Get fast shipping and excellent service from Top-rated sellers."></b> <a href="http://pages.ebay.com/services/buyandsell/powersellers.html"><img src="http://pics.ebaystatic.com/aw/pics/icon/psIcon_50x25.gif" height="25" width="50" alt="Member is a PowerSeller" title="Member is a PowerSeller" border="0"></a> <a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&amp;userid=connectibles"><img src="http://pics.ebaystatic.com/aw/pics/aboutme-small.gif" height="8" width="23" title="About connectibles" border="0"></a> <a href="http://stores.ebay.com/connectibles"><img src="http://pics.ebaystatic.com/aw/pics/icon/iconStoresNW_20x20.gif" height="20" width="20" border="0" title="eBay Store"></a> </span></div></div></div><P><!--*************description*********-->