-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
21 changed files
with
882 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Intro to JavaScript amCharts</title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| <link href="images/style.css" rel="stylesheet" type="text/css"> | ||
| </head> | ||
|
|
||
| <body bgcolor="#FFFFFF"> | ||
| <p><img src="images/logo.png" /></p> | ||
| <hr> | ||
| <h2>A very short tutorial for those who don't like reading</h2> | ||
| <ul> | ||
| <li>Copy <b>amcharts</b> folder to your working dir.</li> | ||
| <li>Go to <i>samples</i> folder and open one of HTML files in your browser - you should see a chart.</li> | ||
| <li>View source of the page or open this HTML file with text editor.</li> | ||
| <li>Try to make some changes.</li> | ||
| <li>Copy/Paste everything to your html/php/asp/etc file and fix paths to scripts</li> | ||
| <li>Open your file in browser - you should see the same chart.</li> | ||
| <li>Now it's time to read all the tutorials and check the examples :)</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Documentation</h2> | ||
| <ul> | ||
| <li><a href="http://docs.amcharts.com/3/javascriptcharts/">JavaScript reference</a></li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Live Editor</h2> | ||
| <ul> | ||
| <li>It's a lot esier to configure your charts using our <a href="http://live.amcharts.com/">Live Editor</a>. Even if you are not programmer, you can create stunning charts!</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Tutorials</h2> | ||
| <ul> | ||
| <li>For the latest list of tutorials, <a href="http://www.amcharts.com/tutorials/">visit tutorials page</a>.</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Examples</h2> | ||
| We think that the best way to start learning amCharts (and any other similar software) is to study examples. Check samples folder - there are plenty of them! In case you prefer working in jsFiddle, visit our web site - all samples have a link to jsFiddle where you can edit and view the result instantly. | ||
| <h2>Support</h2> | ||
| In case you have a question, go to our <a href="http://www.amcharts.com/support/">support section</a>. You'll find a lot of information there, and if you won't - you can always ask. | ||
| <hr> | ||
| <h2>Good luck!</h2> | ||
| <hr> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| .seolink a {display: inline-block;} | ||
|
|
||
| .seolink img { | ||
| margin-left: 25px; | ||
| } | ||
|
|
||
| span.textseolik { | ||
| font-size: 6em; | ||
| display: inline-block; | ||
| position: relative; | ||
| line-height: 0.8; | ||
| margin-left: 70%; | ||
| color: #5f8ecc; | ||
| font-family: Tahoma; | ||
| } | ||
|
|
||
| .sbup { | ||
| background-color: #f8f8f8; | ||
| } | ||
|
|
||
| .sbup img { | ||
| margin-left: 15%; | ||
| box-shadow: 0px 0px 5px #d27f5e; | ||
| } | ||
|
|
||
| .prcy img { | ||
| margin-top: 3px !important; | ||
| margin-left: -5px; | ||
| } | ||
|
|
||
| .prcy { | ||
| background-color: #435173; | ||
| color: #fff; | ||
| text-indent: 3%; | ||
| } | ||
|
|
||
| .vkcount, .gpluscount, .ytcount { | ||
| font-size: 5em; | ||
| line-height: 0.8; | ||
| } | ||
|
|
||
| .fbcount { | ||
| font-size: 2.2em; line-height: 0.8; | ||
| } | ||
|
|
||
| .vkinfo, .gplusinfo, .fbinfo, .ytinfo { | ||
| display: inline-block; | ||
| font-size: 0.7em; | ||
| position: absolute; | ||
| left: -135px; | ||
| margin-top: 25px !important; | ||
| } | ||
|
|
||
| .socialblocks { | ||
| display: block; | ||
| font-size: 1.3em; | ||
| font-family: Tahoma; | ||
| } | ||
|
|
||
| .twitdiv:not(:last-child) { | ||
| padding-right: 20px !important; | ||
| } | ||
|
|
||
| .themes, .photo, .video, .users, .links, .divtwitext {font-weight: bold;} | ||
|
|
||
| .socialblocks > div { | ||
| position: relative; | ||
| display: inline-block; | ||
| width: 30%; | ||
| margin: 3px 0px; | ||
| padding: 22px; | ||
| height: 100px; | ||
| overflow: auto; | ||
| box-shadow: 0px 2px 10px #ccc; | ||
| } | ||
| .socialblocks img { | ||
| margin-top: -5px; | ||
| height: 96px; | ||
| position: absolute; | ||
| } | ||
| .okcount div, .twitterblock .twitdiv { | ||
| display: table-cell; | ||
| line-height: 1.8; | ||
| padding: 0px 10px 0px 0px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .gplusinfo { | ||
| left: 3px !important; | ||
| top: 85px; | ||
| } | ||
|
|
||
| .gplusinfoplus { | ||
| position: absolute; | ||
| right: 120px; | ||
| font-size: 0.7em; | ||
| top: 100px; | ||
| } | ||
|
|
||
| .helpbtn { | ||
| position: absolute; | ||
| bottom: 10px; | ||
| right: 10px; | ||
| } | ||
| .socialblocks > div > div {display: inline-block; margin-left: 25%;} | ||
| .socialblocks > div > div + div {display: block; margin-top: 10px;} | ||
|
|
||
| .gpluscountplus { | ||
| position: absolute; | ||
| right: 100px; | ||
| font-size: 5em; | ||
| top: 36px; | ||
| } | ||
|
|
||
| @media (max-width: 1600px) { | ||
|
|
||
|
|
||
| .vkinfo, .gplusinfo, .fbinfo, .ytinfo { | ||
| left: -110px !important; | ||
| } | ||
|
|
||
| .socialblocks > div { | ||
| width: 29%; | ||
| } | ||
|
|
||
| .socialblocks > div > div { | ||
| margin-left: 30%; | ||
| } | ||
|
|
||
| .okcount div, .twitterblock .twitdiv { | ||
| display: flex !important; | ||
| line-height: 1.1 !important; | ||
| } | ||
|
|
||
| .themes, .photo, .video, .users, .links, .divtwitext { | ||
| margin-right: 10px !important; | ||
| } | ||
|
|
||
| .prcy img, .sbup img { | ||
| width: 70% !important; | ||
| } | ||
|
|
||
| span.textseolik { | ||
| font-size: 4.5em !important; | ||
| line-height: 1 !important; | ||
| margin-left: 70%; | ||
| } | ||
|
|
||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Intro to JavaScript amCharts</title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| <link href="images/style.css" rel="stylesheet" type="text/css"> | ||
| </head> | ||
|
|
||
| <body bgcolor="#FFFFFF"> | ||
| <p><img src="images/logo.png" /></p> | ||
| <hr> | ||
| <h2>A very short tutorial for those who don't like reading</h2> | ||
| <ul> | ||
| <li>Copy <b>amcharts</b> folder to your working dir.</li> | ||
| <li>Go to <i>samples</i> folder and open one of HTML files in your browser - you should see a chart.</li> | ||
| <li>View source of the page or open this HTML file with text editor.</li> | ||
| <li>Try to make some changes.</li> | ||
| <li>Copy/Paste everything to your html/php/asp/etc file and fix paths to scripts</li> | ||
| <li>Open your file in browser - you should see the same chart.</li> | ||
| <li>Now it's time to read all the tutorials and check the examples :)</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Documentation</h2> | ||
| <ul> | ||
| <li><a href="http://docs.amcharts.com/3/javascriptcharts/">JavaScript reference</a></li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Live Editor</h2> | ||
| <ul> | ||
| <li>It's a lot esier to configure your charts using our <a href="http://live.amcharts.com/">Live Editor</a>. Even if you are not programmer, you can create stunning charts!</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Tutorials</h2> | ||
| <ul> | ||
| <li>For the latest list of tutorials, <a href="http://www.amcharts.com/tutorials/">visit tutorials page</a>.</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Examples</h2> | ||
| We think that the best way to start learning amCharts (and any other similar software) is to study examples. Check samples folder - there are plenty of them! In case you prefer working in jsFiddle, visit our web site - all samples have a link to jsFiddle where you can edit and view the result instantly. | ||
| <h2>Support</h2> | ||
| In case you have a question, go to our <a href="http://www.amcharts.com/support/">support section</a>. You'll find a lot of information there, and if you won't - you can always ask. | ||
| <hr> | ||
| <h2>Good luck!</h2> | ||
| <hr> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Intro to JavaScript amCharts</title> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| <link href="images/style.css" rel="stylesheet" type="text/css"> | ||
| </head> | ||
|
|
||
| <body bgcolor="#FFFFFF"> | ||
| <p><img src="images/logo.png" /></p> | ||
| <hr> | ||
| <h2>A very short tutorial for those who don't like reading</h2> | ||
| <ul> | ||
| <li>Copy <b>amcharts</b> folder to your working dir.</li> | ||
| <li>Go to <i>samples</i> folder and open one of HTML files in your browser - you should see a chart.</li> | ||
| <li>View source of the page or open this HTML file with text editor.</li> | ||
| <li>Try to make some changes.</li> | ||
| <li>Copy/Paste everything to your html/php/asp/etc file and fix paths to scripts</li> | ||
| <li>Open your file in browser - you should see the same chart.</li> | ||
| <li>Now it's time to read all the tutorials and check the examples :)</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Documentation</h2> | ||
| <ul> | ||
| <li><a href="http://docs.amcharts.com/3/javascriptcharts/">JavaScript reference</a></li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Live Editor</h2> | ||
| <ul> | ||
| <li>It's a lot esier to configure your charts using our <a href="http://live.amcharts.com/">Live Editor</a>. Even if you are not programmer, you can create stunning charts!</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Tutorials</h2> | ||
| <ul> | ||
| <li>For the latest list of tutorials, <a href="http://www.amcharts.com/tutorials/">visit tutorials page</a>.</li> | ||
| </ul> | ||
| <hr> | ||
| <h2>Examples</h2> | ||
| We think that the best way to start learning amCharts (and any other similar software) is to study examples. Check samples folder - there are plenty of them! In case you prefer working in jsFiddle, visit our web site - all samples have a link to jsFiddle where you can edit and view the result instantly. | ||
| <h2>Support</h2> | ||
| In case you have a question, go to our <a href="http://www.amcharts.com/support/">support section</a>. You'll find a lot of information there, and if you won't - you can always ask. | ||
| <hr> | ||
| <h2>Good luck!</h2> | ||
| <hr> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.