Quantcast
Channel: Intel Developer Zone Articles
Viewing all articles
Browse latest Browse all 3384

Article "Styles" In Action

$
0
0

The intro paragraph is a wonderful way to highlight the start of your article. This extra large copy helps you focus the developer on your main purpose. Simply select your copy and open the "Styles" dropdown in the WYSIWYG editor. Choose "Intro" and your copy should transform automatically.

This is the default for any copy you enter into the editor. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Did You Want to Highlight Some Content?
Go to the "styles" dropdown and select the "outline" style.  You'll get a simple grey outline around your copy. A few things to note: bullets, header tags, and multiple paragraphs will create a strange multiple box experience and shouldn't be used with this style. Please use a soft return "Shift + Return" to create a break. Use "bold" styling to emulate a header.

Can you use images in this space? Yes, but... If an image is longer than the copy you have inside this box, the image will appear to "break out" of the box. Please ensure you have enough copy, or a short enough image.  You will only get the option to adjust the styling of your image when you import it, so, ensure you select your alignment, sizing and position wisely.

We have a number of versions of this highlight box style that are all found in the styles menu. This one is called "Note" and has a yellow highlight band that appears on the right. This one is great for alerts or information you want to draw your developer to. When you hit a hard enter, you'll notice that you've created another box. Simply type in something, select that copy and click the remove styles button above. remove text style

Another one is called "Grey Highlight". You can change the alignment of the text (left, center, right) for all three of these styles. You can't restrict the width of this style to a portion of the page and align right. It is required that this style be full content width. Don't use in a table. 

When adding your code snippet, make sure to select "Code Simple" from the styles dropdown to ensure for the best viewing experience.document.getElementById("demo").style.fontSize = "25px";document.getElementById('demo').style.fontSize = '25px';

Viewing all articles
Browse latest Browse all 3384

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>