URGENT - HTML Icon Help! - Printable Version

URGENT - HTML Icon Help! - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: URGENT - HTML Icon Help! (/Thread-URGENT-HTML-Icon-Help)

Pages: 1 2 3

RE: URGENT - HTML Icon Help! - Equinox - 06-16-2014

(06-11-2014, 04:28 PM)Aurora Wrote: No, I haven't, but that shouldn't be the case should it? I mean, it's a paid template and it still does not work when I re-upload it. I'll check anyway, thanks.

Awesome works in firefx.

RE: URGENT - HTML Icon Help! - Eclipse - 06-16-2014

(06-16-2014, 12:28 AM)Duubz Wrote: Awesome works in firefx.

Not for me. Yet. It's a bug.

RE: URGENT - HTML Icon Help! - Equinox - 06-16-2014

(06-16-2014, 04:34 PM)Aurora Wrote: Not for me. Yet. It's a bug.

Works perfectly fine in Firefox for me.

RE: URGENT - HTML Icon Help! - Raths - 06-18-2014

Lol, holy hell. Google font awesome, download the package, impliment it into your websites styles, then use;

Code:
<i class="fa fa-icon"></i>

If you want to add your own styles do something like:

Code:
<i class="fa fa-icon iconstyle"></i>

CSS:

.iconstyle {
color: #fff;
text-shadow: 0 0 3px #000;
font-size: 15px;
}

.iconstyle:hover {
color: #000;
}

Font awesome's icons are not classed as images, they are classed as text.

RE: URGENT - HTML Icon Help! - Eclipse - 06-18-2014

(06-18-2014, 01:06 AM)Raths Wrote: Lol, holy hell. Google font awesome, download the package, impliment it into your websites styles, then use;

Code:
<i class="fa fa-icon"></i>

If you want to add your own styles do something like:

Code:
<i class="fa fa-icon iconstyle"></i> CSS: .iconstyle { color: #fff; text-shadow: 0 0 3px #000; font-size: 15px; } .iconstyle:hover { color: #000; }

Font awesome's icons are not classed as images, they are classed as text.

Thanks, but I know all this. It does not work in Firefox, but works in Chrome. I think it's something to do with the links.

RE: URGENT - HTML Icon Help! - Raths - 06-18-2014

Most likely the way you imported the icons, research how to install the icons through the style CSS file, I've never had to do it but this may resolve your problem.

RE: URGENT - HTML Icon Help! - Karma - 06-18-2014

Didn't download the package, but I guess you're using this, to implement the icons:

Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

If yes, this doesn't work on localhost.

Solution:
1. Download this.
2. Go to your html file and include this into <head>

Code:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

Make sure to use the correct path.

RE: URGENT - HTML Icon Help! - Eclipse - 06-18-2014

(06-18-2014, 03:53 PM)Karma Wrote: Didn't download the package, but I guess you're using this, to implement the icons:

Code:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
If yes, this doesn't work on localhost.

Solution:
1. Download this.
2. Go to your html file and include this into <head>

Code:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
Make sure to use the correct path.

Thanks for the reply! Any idea why it works locally in Chrome? It also only works in chrome if I reupload it.

RE: URGENT - HTML Icon Help! - Lain - 06-19-2014

Change href="//maxcdn to href="http://maxcdn

href="// doesn't work locally.

RE: URGENT - HTML Icon Help! - Equinox - 06-19-2014

(06-18-2014, 05:30 PM)Aurora Wrote: Thanks for the reply! Any idea why it works locally in Chrome? It also only works in chrome if I reupload it.

Because (no offense to the firefox users) it sucks cock a lot of the time.