You've just launched this alert like a champ!
This guide lists the components of FXStreet's main website.
The project is built with LESS and compiled into one single CSS file for the main site.
Aside from the custom LESS files, we also incorporate vendor components from Bootstrap v3.3.5, LESS mixins from Less Hat and icons from Fontawesome.
The components are divided with the Atomic design aproach.
In order to ensure mantainance and scalability, each group of components are divided into different LESS files to import all into the final "fxs_screen.min.css" or use it separately in order to build third partie widgets.
In order to get started, you have to know the structure of the project, the LESS files and the compiled CSS files
class: .fxs_entryPlain_txt_large
Example
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
class: .fxs_entryPlain_txt
Example
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
Class: .fxs_links_list_module
Example Code
<aside fxs_sf_widget="" class="fxs_entriesList fxs_links_list_module" fxs_name="analysisList">
<ol>
<li>
<article>
<h3 class="fxs_entryHeadline">
<a href="some url" title="some title">Forex Snapshot: U.K. Economy
</h3>
</article>
</li>
<li>
<article>
<h3 class="fxs_entryHeadline">
<a href="some url" title="some title">USDJPY: 115.55-115.70 on the upside, 111.95-112.10 on the downside
</h3>
</article>
</li>
<li>
<article>
<h3 class="fxs_entryHeadline">
<a href="some url" title="some title">Forex Snapshot: Canadian Economy
</h3>
</article>
</li>
</ol>
</aside>
Normal list elements
class: .fxs_list-unstyled
Class: .fxs_subnavInlined_list
Example
code
<ul class="fxs_subnavInlined_list">
<li><a href="#" class="fxs_mutedLink">inlined list element with link
<li>inlined list element 1
<li>inlined list element 2
<li>inlined list element 3
</ul>
Class: .fxs_list_table
Example
code
<ul class="fxs_list_table fxs_list_table_summary fxs_entryPlain_txt_small">
<li class="fxs_list_table_item">
<dl class="fxs_inlined_definition_list">
<dt>Platforms
<dd>
<ul class="fxs_plainInlined_list fxs_inlined_list_bordered">
<li>
<a class="fxs_mutedLink" href="path-to-broker-platform" target="_blank">cTrader
</li>
<li>
<a class="fxs_mutedLink" href="path-to-broker-platform" target="_blank">MetaTrader4
</li>
<li>
<a class="fxs_mutedLink" href="path-to-broker-platform" target="_blank">WebTrader
</li>
<li>
<a class="fxs_mutedLink" href="path-to-broker-platform" target="_blank">Mobile
</li>
<li>
<a class="fxs_mutedLink" href="path-to-broker-platform" target="_blank">SuperTrader
</li>
</ul>
</dd>
</dl>
</li>
</ul>
Example
Luke, you can destroy the Emperor. He has foreseen this. It is your destiny. Join me, and together we can rule the galaxy as father and son.
Code
<blockquote>
<p>
Luke, you can destroy the Emperor. He has foreseen this. It is your destiny. Join me, and together we can rule the galaxy as father and son.
</p>
</blockquote>
Example
I know you're out there. I can feel you now. I know that you're afraid... you're afraid of us. You're afraid of change. I don't know the future. I didn't come here to tell you how this is going to end. I came here to tell you how it's going to begin.
code
<blockquote>
<p>
I know you're out there. I can feel you now. I know that you're afraid... you're afraid of us. You're afraid of change. I don't know the future. I didn't come here to tell you how this is going to end. I came here to tell you how it's going to begin.
</p>
<footer>Neo in <cite title="Source Title"> <a href="http://www.imdb.com/title/tt0133093/?ref_=fn_al_tt_1" target="_blank">The Matrix </a> </cite> </footer>
</blockquote>
class: .fxs_txt_success
A success text (Yei!)
class: .fxs_txt_danger
Danger/Error text (I'm so scarry)
class: .fxs_txt_neutral
Neutral text (I'm so boring)
You can use contextual colors in any text & inline tag (p, span, em, ...) and combine with other classes
You can use contextual any in any text & inline tag (p, span, em, ...) and combine with other classes.
This labels are very usefull for R&C widgets.
Note: All information on this page is subject to change. The use of this website constitutes acceptance of our user agreement. Please read our privacy policy and legal disclaimer.
Trading foreign exchange on margin carries a high level of risk and may not be suitable for all investors. The high degree of leverage can work against you as well as for you. Before deciding to trade foreign exchange you should carefully consider your investment objectives, level of experience and risk appetite. The possibility exists that you could sustain a loss of some or all of your initial investment and therefore you should not invest money that you cannot afford to lose. You should be aware of all the risks associated with foreign exchange trading and seek advice from an independent financial advisor if you have any doubts.
Opinions expressed at FXStreet are those of the individual authors and do not necessarily represent the opinion of FXStreet or its management. FXStreet has not verified the accuracy or basis-in-fact of any claim or statement made by any independent author: errors and Omissions may occur.Any opinions, news, research, analyses, prices or other information contained on this website, by FXStreet, its employees, partners or contributors, is provided as general market commentary and does not constitute investment advice. FXStreet will not accept liability for any loss or damage, including without limitation to, any loss of profit, which may arise directly or indirectly from use of or reliance on such information.
Visually hidden text yet accessible for AT: <span class="fxs_skip">Descriptive text</span>. Used for hidden labels, icon buttons and the "Skip to main content" link (hit Tab and you'll see it). Never rely comprenhension on standalone icons.
Class: .fxs_subtitle
Example without link
<h3 class="fxs_subtitle">
<a href="/">Subtitle section link <i class="fa fa-angle-double-right"></i></a>
</h3>
Class: .fxs_content_panel
ExampleLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
<div class="fxs_content_panel">
<h2 class="fxs_headline_medium">Some title here
<div class="fxs_article_body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
Button icon must contain a <span class="fxs_skip">Descriptive text</span>. Marckup as follows:
<button type="button" class="fxs_btn_icon fxs_btn_default">
<i class="fa fa-hand-spock-o"></i>
<span class="fxs_skip">Must have text!</span>
</button>
<span class="fxs_skip">Descriptive text</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
Some super deal in services don't lose the oportunity!
Hello World, I'm an FXStreet Error Alert. you did something wrong! and I can kick your butt, click here, sorry but we have...
I'm a FXStreet Success Alert. you did something great! and I'm proud of you, click here, sorry but we have no presents...
Hello World, I'm a FXStreet Warning Alert. You have to pay attention on something!, click here, sorry but...
We will update our charts API, during the next hours this will be slow, so be nice and don't complain.
Your password must contain more than 1,000 characters
You did it awesome dude!
This action can have unespected consecuences
All this alerts can give feedback to our users.
Use it for global feedback: Global alert (sign up correctly, follow/unfollow an author) and for global notifications: Global notification (On air or Breaking news).
<div class="fxs_global_alert fxs_alert_success alert alert-dismissible fade" role="alert">
<button type="button" class="fxs_close close" data-dismiss="alert" aria-label="Close">
<i class="fa fa-close"></i>
<span class="fxs_skip">Close alert</span>
</button>
<span class="fxs_alertLabel">Great!</span>
<p class="fxs_alertText">You've just launched this alert like a champ!</p>
</div>
If the NFP is a strong figure today, then the dollar’s run to higher ground will resume and the Euro will head back to 1.2300 and today’s session low at 1.2287
| Contributor | Order | Entry | Stop Loss | Take Profit 1 | Take Profit 2 | Take Profit 3 | Date | More info |
|---|---|---|---|---|---|---|---|---|
|
|
Long Limit Order | 1.1113 | 1.1180 | 1.0920 | 1.0875 | 1.0780 | Read complete Report | |
|
|
Short Limit Order | ≈1.1012 | - | - | - | - | Read complete Report | |
|
|
Short Limit Order | >1.0955 | 1.0850 | 1.1216 | - | - | Read complete Report |
If the NFP is a strong figure today, then the dollar’s run to higher ground will resume and the Euro will head back to 1.2300 and today’s session low at 1.2287
If the NFP is a strong figure today, then the dollar’s run to higher ground will resume and the Euro will head back to 1.2300 and today’s session low at 1.2287
If the NFP is a strong figure today, then the dollar’s run to higher ground will resume and the Euro will head back to 1.2300 and today’s session low at 1.2287
This kind of list is very usefull for widgets that looks like table but they aren't (due to the responsive necessities). Each <li> can contain elements with display: table-cell;.
With great power there must also come ... great responsibility!
Let me tell you something you already know. The world ain't all sunshine and rainbows. It's a very mean and nasty place and I don't care how tough you are it will beat you to your knees and keep you there permanently if you let it. You, me, or nobody is gonna hit as hard as life. But it ain't about how hard ya hit. It's about how hard you can get hit and keep moving forward. How much you can take and keep moving forward. That's how winning is done!
Life's not about how hard of a hit you can give... it's about how many you can take, and still keep moving forward.
Load the modal marckup at the end of the site content, just before the </body> tag (and the scripts of course) to ensure correct visualization.
<div class="fxs_modal_wrap modal fade" id="fxs_modal">
<button type="button" class="fxs_modal_close fxs_btn_icon fxs_btn_functional close" data-dismiss="modal" aria-label="Close Modal">
<i class="fa fa-times"></i>
<span class="fxs_skip">Close Modal</span>
</button>
<div class="fxs_modal_content">
<div class="fxs_modal_add fxs_leaderboard">
<div class="fxs_ad">
Ad...
</div>
</div>
<!-- Modal header -->
<header class="fxs_sectionTitle">
<div class="fxs_search_title_holder">
<h1 class="fxs_sectionTitle_header">Modal title</h1>
</div>
<div class="fxs_shareContent_holder fxs_shareOptions_boxed">
Share options...
</div>
</header>
<!-- Modal body -->
<main id="fxs_it_detail" role="main">
<section class="fxs_detail">
<div class="fxs_article_body">
The content...
</div>
</section>
</main>
<!-- /Modal body -->
<!-- Modal footer -->
<footer class="fxs_footer">
<div class="fxs_copy_disclaimer">
<div class="fxs_terms_nav">
<small class="fxs_copyRight">©2015 "FXStreet" All Rights Reserved</small>
</div>
<button type="button" class="fxs_btn fxs_btn_disclaimer fxs_btn_dd" data-toggle="dropdown">Disclaimer <i class="fa fa-caret-up"></i></button>
<div class="fxs_disclaimer_block">
Disclaimer txt...
</div>
</div>
</footer>
<!-- /Modal footer -->
</div>
</div>
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament. Among remarks, Draghi said the economic recovery.
EN-Spiil pra fimadrox frufeema clledais oneinba chawhtrka cat. Bral ediv istuap nelsl wicag wwobloniz etesyw wisiefilo sisor ten eivirn fefia w brmfti setcever. Chepbome b wibess shilss wwop. On.
The Non-Farm Payroll report, because of its importance to the reserve currency, tends to move all markets. No trader in the world ignores the "NFP" acronym. Some want to avoid it at all costs, others try and trade the high volatility it produces to make some pips.
Option 1
Option 2
Option 1
Option 2
Modal broker transition Launch modal transition broker formThis is a variant of FEATURED ENTRY IMAGE SIDED NANO inside a floating div: <div class="fxs_article_related_mini"> that works to pull right related content within the post text body as shown in the example template.
Class: .fxs_responsive_media
Example Code
<div class="fxs_col fxs_col_33">
<div class="fxs_responsive_media">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/BS0AjFso9rk" width="560"> </iframe>
</div>
</div>
Watch Dr. Sivaraman identified trades for the August 19 session. Buy limits in EUR/USD, GBP/USD and USD/JPY.
Watch the full webinar: Asian session: Live market analysis and forecast
GOOGLE CHARTS
Is important to use the google charts in columns of 50%, because is not responsive. The column name in our platform is fxs_col_2_50
Class: .fxs_advanced_responsive_media
Example
<div class="fxs_col fxs_col_50">
<div class="fxs_advanced_responsive_media">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/BS0AjFso9rk" width="560"> </iframe>
</div>
</div>
The United States will publish its second revision of its Gross Domestic Product for the third quarter. The US Q3 GDP release will be a key event that will provide market with clues...
This is part III of the series related to setups and entries in Forex and Stocks using continuations. However the information can also be used independently.
This is part III of the series related to setups and entries in Forex and Stocks using continuations. However the information can also be used independently.
Premium
42:20
Will the Federal Reserve hike its interest rate? Will the FOMC provide hints about the monetary policy? Watch the Fed FOMC interest rate decision live coverage by FXStreet and trade with Dr. Sivaraman, Valeria Bednarik, Dale Pinkert, Yohay Elam and Mauricio Carrillo.
Premium
42:20
Following a short-lived recovery, EUR/USD came under renewed pressure and fell to fresh 14-month lows after Draghi’s speech before the Committee on Economic and Monetary Affairs of the European Parliament.
42:20
MNI's Senior FX Reporter Vicki Schmelzer @MNIEyeOnFX says the fair value in EUR/USD is currently 1.1050. In fact, the pair could rise as high as 1.1500.
| Date | Event title | Sponsor | More info |
|---|---|---|---|
| Premium | Asian Session: Live Market Analysis Valeria Bednarik |
Sponsored by
|
Event details |
| Vicki Schmelzer @MNIEyeOnFX: Fair EUR/USD price: 1.1050; 1.1500 possibler Giuseppe Basile, SIAT/CSTA | Event details | ||
| Premium | Asian Session: Live Market Analysis Valeria Bednarik | Event details | |
| Why "Sweet Spots" Appear On The Charts (And How To Trade Them) Walter Peters |
Sponsored by
|
Event details | |
| Asian Session: Live Market Analysis Valeria Bednarik | Event details | ||
| All upcoming events | |||
We adapt the Bootstrap grid system and added new flexible (not cols based) layouts to achieve the desired structures in the FXStreet homes.
EUR/USD remained little changed after the release of in line with expectations Eurozone consumer price index. Data showed consumer prices dropped 0.2% in November but rose 0.3% compared to the same month in 2013, while the core CPI, which excludes food and energy, climbed lorem 0.7%. Figures were broadly in line with expectations while the core CPI, which excludes food and energy.
The data released by the UK Office for National Statistics (ONS) showed the UK ILO Unemployment rate for August to October 2014 was at a six-year low of 6.00%, compared to the median estimate of 5.9%. Official figures show, UK unemployment in the three months to October fell by 63,000 to 1.96 million. The Jobless Claims declined in November by 26.9K, beating the median estimate of -20.K. On a quarterly basis, average earnings excluding bonuses grew by 1.6%.
Official figures show, UK unemployment in the three months to October fell by 63,000 to 1.96 million. The Jobless Claims declined in November by 26.9K, beating the median estimate of -20.K. On a quarterly basis, average earnings excluding bonuses grew by 1.6%.
EUR/CAD remains range bound.
AUD/CAD gains though 0.98 may prompt a retest of par
The common currency is pointing to close the week above the 1.1300, its highest level in 2 months, boosted by market's sentiment.
There were two major catalyst spurring risk aversion these days, the latest FOMC Minutes, and Chinese turmoil:
Official figures show, UK unemployment in the three months to October fell by 63,000 to 1.96 million. The Jobless Claims declined in November by 26.9K, beating the median estimate of -20.K. On a quarterly basis, average earnings excluding bonuses grew by 1.6%.
NZD has made an upside attack of the Daily negative Ichimoku cloud on Friday, but the cloud is very wide and powerful so the price was rejected but the Senkou Span A level and we are currently at the support area of 0.66-0.6590. A Daily close below this will be a signal for a new slide with possible target 0.6500 and 0.6450. AUD is clearly bearish below 0.7305. recovery is possible only above 0.7350, but this is pretty away from the current price. H4 and Daily indicators are bearish, while the H1 shows some correction is going on. However you may sell below 0.7270 and as long as we are below this every upside will be used to open sell positions at a better price.
JPY dropped to 120.70 as the price has broken the 124 support. Downside move was capped by the Daily SMA200 which is exactly 120.70 at the moment. It is good to know that if we have any Daily close below this support this will signal that we have made a double top formation which is very likely to lead to further price drop of this pair.
GBP still continues the consolidation and is away from the strong moves involving the dollar last week. The outlook here seems a bit bullish above 1.5640. So you may try small long positions, keeping an eye of the 1.5640. If there are signs of breaking it lower you'd better exit long.
Trendsetter does not warrant or guarantee the accuracy, timeliness or completeness to its service or information contained therein. Trendsetter does not give, whatsoever, warranties, expressed or implied, to the results to be obtained by using its services or information it provided. Users are trading on their own risk and Trendsetter shall not be responsnd its t limited to damages caused by negligence whether such damages were foreseen or unforeseen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum sapien at ex interdum, vel molestie sapien tincidunt. Morbi ornare elementum tincidunt. Cras leo sapien, scelerisque porttitor tempor vel, tincidunt at augue. Praesent porttitor neque id placerat dapibus. Aenean semper nulla risus, in fermentum eros tempor vel. Maecenas sollicitudin vel augue a egestas. Morbi lacinia elementum ex, a pharetra ante dapibus vitae. Phasellus lacinia volutpat leo, quis laoreet felis elementum lacinia. Donec pellentesque lacus arcu, sagittis mattis odio posuere sit amet. Maecenas vestibulum risus felis, ac blandit nisi sagittis eu. Sed auctor nulla arcu. Donec sapien sapien, feugiat eget tristique ut, sollicitudin a augue. Donec et nulla scelerisque, pharetra justo in, commodo velit. Fusce sit amet lorem ac erat convallis tempus in a sem. Sed id neque lorem. Sed venenatis velit ipsum, id fermentum velit vulputate a.
Praesent interdum bibendum sollicitudin. Pellentesque commodo rhoncus nisl sed fringilla. Nulla eget nunc nec lorem consequat congue nec ac ipsum. Mauris turpis lectus, viverra sit amet ultrices condimentum, viverra interdum neque. Sed vulputate in velit et porta. Morbi id finibus elit. Suspendisse sollicitudin porttitor justo, a varius est euismod eu. Praesent at mollis lorem, non commodo risus. Etiam lobortis semper auctor. Etiam volutpat metus eget magna commodo vehicula. Proin sagittis augue id sapien ultricies lobortis.
Nunc nulla justo, iaculis vel sagittis eu, blandit vel nisl. Sed magna nibh, suscipit nec erat eget, finibus dapibus quam. Sed vestibulum neque a purus iaculis, ut pretium risus tristique. Nullam consectetur laoreet porttitor. Nullam sed nulla id sapien finibus semper vel nec sem. Nam lacus massa, molestie eu lacus nec, vulputate aliquam nisl. Cras feugiat diam dui, vitae consectetur diam fringilla quis. Quisque pretium libero eu sollicitudin ultricies. Aenean cursus ultricies dictum. Ut sed sodales eros. Aenean porta dapibus sem, dignissim sagittis eros. Suspendisse nibh risus, semper sit amet tristique ac, ultricies id nisi. Etiam laoreet maximus est, ac auctor risus imperdiet vel. Duis eleifend, est congue ultricies imperdiet, ligula dolor accumsan lacus, sit amet malesuada turpis leo elementum tellus.
