Support Forums › Categories › Webmaster Support › Website Development
Make gradients with HTML

Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Threaded Mode
Make gradients with HTML
Gaijin Away
The One who Rules with Peace
*****
Posts: 1,351
Threads: 111
Joined: Oct 2009
Reputation: 40
#1
10-08-2009, 01:14 PM (This post was last modified: 10-08-2009, 01:17 PM by Gaijin.)
I was bored and was playing with HTML
I've came to consclusion that you don't need to load the gradient images for your page, you can do it with HTML

Code:
        <div class="title">
            <div style="background:#276fdb;height:1px;"></div>
            <div style="background:#266dd8;height:1px;"></div>
            <div style="background:#256bd4;height:1px;"></div>
            <div style="background:#2569d0;height:1px;"></div>
            <div style="background:#2467cb;height:1px;"></div>
            <div style="background:#2364c5;height:1px;"></div>
            <div style="background:#2261bf;height:1px;"></div>
            <div style="background:#215eb9;height:1px;"></div>
            <div style="background:#205ab3;height:1px;"></div>
            <div style="background:#1e57ac;height:1px;"></div>
            <div style="background:#1d54a5;height:1px;"></div>
            <div style="background:#1c509e;height:1px;"></div>
            <div style="background:#1b4c97;height:1px;"></div>
            <div style="background:#194990;height:1px;"></div>
            <div style="background:#184589;height:1px;"></div>
            <div style="background:#174282;height:1px;"></div>
            <div style="background:#163e7b;height:1px;"></div>
            <div style="background:#153b75;height:1px;"></div>
            <div style="background:#14386f;height:1px;"></div>
            <div style="background:#123569;height:1px;"></div>
            <div style="background:#123263;height:1px;"></div>
            <div style="background:#11305e;height:1px;"></div>
            <div style="background:#102e5a;height:1px;"></div>
            <div style="background:#0f2c56;height:1px;"></div>
        </div>

I like this and I'm thinking to use this instead of images Roflmao
[Image: sfmentors.gif]

Sell your Codes
Website Find
Reply
Jake Offline
Regular Member
***
Posts: 243
Threads: 14
Joined: Oct 2009
Reputation: 5
#2
10-08-2009, 01:15 PM
They're spelled gradients. But nice job, I just looked at it, and it looks really good. Thanks for the post.
Website Find
Reply
Gaijin Away
The One who Rules with Peace
*****
Posts: 1,351
Threads: 111
Joined: Oct 2009
Reputation: 40
#3
10-08-2009, 01:17 PM
(10-08-2009, 01:15 PM)Jake Wrote: They're spelled gradients. But nice job, I just looked at it, and it looks really good. Thanks for the post.

np, and thank you for correcting me....
[Image: sfmentors.gif]

Sell your Codes
Website Find
Reply
Headshot Offline
Administrator
****
Posts: 345
Threads: 30
Joined: Oct 2009
Reputation: 7
#4
10-08-2009, 01:22 PM
Haha, nice one but that would be a pain in the ass to do a lot of colors.. you know!
Website Find
Reply
Gaijin Away
The One who Rules with Peace
*****
Posts: 1,351
Threads: 111
Joined: Oct 2009
Reputation: 40
#5
10-08-2009, 01:25 PM
(10-08-2009, 01:22 PM)Headshot Wrote: Haha, nice one but that would be a pain in the ass to do a lot of colors.. you know!

Yeah it can be....
I just made gradient with PS and then copied HEX one by one. took me 5 min.
[Image: sfmentors.gif]

Sell your Codes
Website Find
Reply
Gaijin Away
The One who Rules with Peace
*****
Posts: 1,351
Threads: 111
Joined: Oct 2009
Reputation: 40
#6
10-08-2009, 01:39 PM (This post was last modified: 10-08-2009, 01:42 PM by Gaijin.)
(10-08-2009, 01:30 PM)Headshot Wrote: LOL!

There's a simple and tiny .exe that makes great text gradients, then you can manually get the colors.

http://rapidshare.com/files/290423986/Pradient.exe.html

I tried to Google it to give you a link, but I couldn't find.. it doesn't exist anymore o.O

Thank you but no thank you
Scan (Click to View)

Your post is reported
[Image: sfmentors.gif]

Sell your Codes
Website Find
Reply
Headshot Offline
Administrator
****
Posts: 345
Threads: 30
Joined: Oct 2009
Reputation: 7
#7
10-08-2009, 01:41 PM (This post was last modified: 10-08-2009, 01:42 PM by Headshot.)
What the heck, dude. I've run this over 9 thousand times, I just scanned it on my AVG..

NoVirusThanks sucks. Trust me, and run it.. if it did something to your computer, you can get a mod ban me.

Edit: Here's what it does anyways:

NinjaGeek
Website Find
Reply
Headshot Offline
Administrator
****
Posts: 345
Threads: 30
Joined: Oct 2009
Reputation: 7
#8
10-08-2009, 01:45 PM
And here's me running it.
Website Find
Reply
Gaijin Away
The One who Rules with Peace
*****
Posts: 1,351
Threads: 111
Joined: Oct 2009
Reputation: 40
#9
10-08-2009, 01:45 PM
(10-08-2009, 01:41 PM)Headshot Wrote: What the heck, dude. I've run this over 9 thousand times, I just scanned it on my AVG..

NoVirusThanks sucks. Trust me, and run it.. if it did something to your computer, you can get a mod ban me.

Edit: Here's what it does anyways:

NinjaGeek

Thank you anyway, the report wasn't to ban you but because of the infected download.

And even if doesn't do anything it's still not needed
I will still do it my way
Blackhat
[Image: sfmentors.gif]

Sell your Codes
Website Find
Reply
Headshot Offline
Administrator
****
Posts: 345
Threads: 30
Joined: Oct 2009
Reputation: 7
#10
10-08-2009, 01:52 PM
But still, I didn't upload this to infect you.. I was just trying to help, and this didn't or never infected my PC.
Website Find
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  Contact form for HTML Crystal 36 8,559 05-24-2013, 05:51 PM
Last Post: Akai
  Helping with HTML and CSS Ambitious 0 548 08-28-2011, 01:18 PM
Last Post: Ambitious
  How To Make A Password Field (HTML) Kaleb 42 9,967 07-04-2011, 09:47 AM
Last Post: Link
  [TUT]Learn to edit and make pics in HTML. SVG coding language. Easy to learn! [TUT] Qua 2 1,219 06-24-2011, 09:42 PM
Last Post: Qua
  Anyone have any free HTML resources? Scalise 7 1,261 06-01-2011, 04:00 AM
Last Post: !LoL

Forum Jump:


Users browsing this thread: 2 Guest(s)