18 Jan 2021

feedHTMLHelp Forums Full Feed

Customize List and background

Hello guys!

I have no idea of html code,
I can only change edit values but i cannot enrich html code.

1)So guys do you know how i can edit the below code adding an icon in front of EACH list titles.
2)Also i there any way i can add a background gif inside the below block.


<td class="thead">
<div class="float_left"><strong><a href="mydownloads.php?action=browse_cat&cid=26">*Skies Download List*</a></strong></div>
<td class="trow1" style="url(images/z4.jpg) top left;">
<p><li class="last"><a href="http://www.D.com/mydownloads.php?action=browse_cat&cid=20"><span> Classic Skies</span></a></li></p>
<p><li class="last"><a href="http://www.D.com/mydownloads.php?action=browse_cat&cid=21"><span> ZombieMod Skies</span></a></li></p>
<p><li class="last"><a href="http://www.D.com/mydownloads.php?action=browse_cat&cid=22"><span> GhostMod Skies</span></a></li></p>


18 Jan 2021 10:00pm GMT

Position | Countdown clock

Good day,

My countdown clock is "blocking" my h1 text.

very new at coding; will appreciate any help and advise.


18 Jan 2021 9:00am GMT

Using the function calculate script to compute the total for var

This script gives an average price for the total number of shares bought. What I would like to add is the actual total of all the shares. I'm not much of a coder and I have tried to do this for the past few days and gave up. Can't get it correct. What I would like to add is to have the Total Number of Shares shown under the # of Shares entry column and the Average Price under the Purchase Price entry column. Any help would be greatly appreciated.

Here is the script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<h2>Average Down Calculator</h2>
<p>Whether you are average down or average up, you can use the stock average down calculator to calculate the average price you paid for your shares.</p>
<th width="10"></th>
<th width="180"># of Shares</th>
<th width="180">Purchase Price</th>
<td>1. </td>
<td><input id="shares1" type="text" onkeyup="calculate()"></td>
<td><input id="price1" type="text" onkeyup="calculate()"></td>
<td>2. </td>
<td><input id="shares2" type="text" onkeyup="calculate()"></td>
<td><input id="price2" type="text" onkeyup="calculate()"></td>
<td>3. </td>
<td><input id="shares3" type="text" onkeyup="calculate()"></td>
<td><input id="price3" type="text" onkeyup="calculate()"></td>
<td>4. </td>
<td><input id="shares4" type="text" onkeyup="calculate()"></td>
<td><input id="price4" type="text" onkeyup="calculate()"></td>
<td>5. </td>
<td><input id="shares5" type="text" onkeyup="calculate()"></td>
<td><input id="price5" type="text" onkeyup="calculate()"></td>
<td>6. </td>
<td><input id="shares6" type="text" onkeyup="calculate()"></td>
<td><input id="price6" type="text" onkeyup="calculate()"></td>
<td>7. </td>
<td><input id="shares7" type="text" onkeyup="calculate()"></td>
<td><input id="price7" type="text" onkeyup="calculate()"></td>
<td>8. </td>
<td><input id="shares8" type="text" onkeyup="calculate()"></td>
<td><input id="price8" type="text" onkeyup="calculate()"></td>
<td>9. </td>
<td><input id="shares9" type="text" onkeyup="calculate()"></td>
<td><input id="price9" type="text" onkeyup="calculate()"></td>
<td>10. </td>
<td><input id="shares10" type="text" onkeyup="calculate()"></td>
<td><input id="price10" type="text" onkeyup="calculate()"></td>
<th colspan="2" align="left"><br />Average Price: <span id="result" style="font-size:30px;color:#328ad1;"><span></td>
function calculate()
var totalShares = 0;
var totalPrice = 0;
var average = 0;
var shares1 = parseFloat(document.getElementById('shares1').value);
var price1 = parseFloat(document.getElementById('price1').value);
var shares2 = parseFloat(document.getElementById('shares2').value);
var price2 = parseFloat(document.getElementById('price2').value);
var shares3 = parseFloat(document.getElementById('shares3').value);
var price3 = parseFloat(document.getElementById('price3').value);
var shares4 = parseFloat(document.getElementById('shares4').value);
var price4 = parseFloat(document.getElementById('price4').value);
var shares5 = parseFloat(document.getElementById('shares5').value);
var price5 = parseFloat(document.getElementById('price5').value);
var shares6 = parseFloat(document.getElementById('shares6').value);
var price6 = parseFloat(document.getElementById('price6').value);
var shares7 = parseFloat(document.getElementById('shares7').value);
var price7 = parseFloat(document.getElementById('price7').value);
var shares8 = parseFloat(document.getElementById('shares8').value);
var price8 = parseFloat(document.getElementById('price8').value);
var shares9 = parseFloat(document.getElementById('shares9').value);
var price9 = parseFloat(document.getElementById('price9').value);
var shares10 = parseFloat(document.getElementById('shares10').value);
var price10 = parseFloat(document.getElementById('price10').value);
totalShares += shares1;
totalPrice = shares1*price1;
totalShares += shares2;
totalPrice = totalPrice + shares2*price2;
totalShares += shares3;
totalPrice = totalPrice + shares3*price3;
totalShares += shares4;
totalPrice = totalPrice + shares4*price4;
totalShares += shares5;
totalPrice = totalPrice + shares5*price5;
totalShares += shares6;
totalPrice = totalPrice + shares6*price6;
totalShares += shares7;
totalPrice = totalPrice + shares7*price7;
totalShares += shares8;
totalPrice = totalPrice + shares8*price8;
totalShares += shares9;
totalPrice = totalPrice + shares9*price9;
totalShares += shares10;
totalPrice = totalPrice + shares10*price10;
if(totalShares != 0)
average = totalPrice / totalShares;
document.getElementById("result").innerHTML= "$"+average.toFixed(4);
} else {
document.getElementById("result").innerHTML= "";

18 Jan 2021 12:25am GMT

08 Nov 2020

feedSmiley Cat: Christian Watson's Web Design Blog

Easily Create iOS and Android App Store Badges

Need to add an iOS or Android app store badge to your web page? These handy online mobile app badge makers from Apple and Google will save you time.

The post Easily Create iOS and Android App Store Badges first appeared on Smiley Cat.

08 Nov 2020 1:44am GMT

13 Oct 2020

feedSmiley Cat: Christian Watson's Web Design Blog

Abandoned Cart Email Copywriting that Brings Shoppers Back

Although they follow a fairly standard template, abandoned cart emails can be made more human, and more effective, through creative copywriting that catches readers' attention and engages them to return to their shopping session and checkout. These examples from leading online retailers showcase a variety of writing styles that emphasize urgency and scarcity while adding […]

The post Abandoned Cart Email Copywriting that Brings Shoppers Back first appeared on Smiley Cat.

13 Oct 2020 9:48am GMT

30 Sep 2020

feedSmiley Cat: Christian Watson's Web Design Blog

How to Convert Popup Windows to Tabs in Google Chrome

Some websites (e.g., Gmail) create popup windows in Chrome without displaying the menubar, which means that you don't have access to any of the usual Chrome menubar functionality. Recently I wanted to use an extension on a Chrome popup window, but I struggled as I could not figure out how to make the menubar display. […]

The post How to Convert Popup Windows to Tabs in Google Chrome first appeared on Smiley Cat.

30 Sep 2020 1:09am GMT

20 Jan 2020

feedCSS Drive News

The Ultimate Guide to Office Color Psychology

Skillful use of colors in the office can boost your productivity, health, and even happiness. Learn all about color psychology in this article.

20 Jan 2020 10:08pm GMT

17 Mar 2019

feedCSS Drive News

3D Web Design- The New Frontier for Web Design

This post explores the emerging popularity of 3D for creating highly interactive web sites.

17 Mar 2019 9:35am GMT

08 Nov 2018

feedCSS Drive News

Best Developer Frontend Courses

See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond.

08 Nov 2018 1:49am GMT

22 Mar 2011

feedArticles – CSS Globe

Easy Percentage Grid System with HTML5

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS.

22 Mar 2011 10:04am GMT

09 Mar 2011

feedArticles – CSS Globe

Easy Paginate jQuery plugin for pagination

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

09 Mar 2011 11:16am GMT

21 Feb 2011

feedArticles – CSS Globe

jQuery plugin Easy Image Zoom

I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!

21 Feb 2011 11:29am GMT

19 Jan 2011

feedCSS Beauty News Feed

CSS background image hacks

CSS background image hacks. Emulating background image crop, background image opacity, background transforms, and improved background positioning.

19 Jan 2011 3:29pm GMT

18 Jan 2011

feedCSS Beauty News Feed

Internet Explorer User Agent Style Sheets

Internet Explorer User Agent Style Sheets. Downloadable UA Stylesheets for all the major versions of Internet Explorer.

18 Jan 2011 1:59pm GMT

22 Dec 2010

feedCSS Beauty News Feed

@font-face tip

@font-face tip Define font-weight and font-style to keep your CSS simple.

22 Dec 2010 3:12pm GMT

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT