How to add code area css style to HTML


Tags: css

Problem :

I am trying to create a blog in wordpress. Since I might need to add some code blocks to my posts, I was wondering if there is any CSS style to represent code block.

A very simple example would be stackoverflow code tag (shown below)

   <script type="text/javascript">
   alert('this is example of what i need to do ') ; 
    </script> 

enter image description here



Solution :

Since you are using wordpress, there are plugins to do that. Just by looking at http://wordpress.org/extend/plugins/tags/syntax-highlighting there seems to be quite a few to choose from.


    CSS Howto..

    How to alter CSS properties using PHP based on a conditional

    How to make fading in background-color transition to bootstrap page using CSS?

    How to eliminate the overlap border using CSS only

    How to stack a div absolutely on top of table cells

    how to set transform for div without effect on background image?

    How do I execute a javascript after Ajax load?

    CSS - How to make a 100% height div not overlap it's contents when window is resized

    How can I include a CSS stylesheet in an XSL document for Internet Explorer?

    How do I center a background image to its parent element?

    how to position links at the bottom in a fixed height list

    How to add CSS to page to the bottom of the custom chrome extension

    How to make a split screen video with full height?

    How to get started with Compass/Sass on Mac – Invalid CSS error?

    CSS, how to align a button vertically next to large images

    How to color my sidebars after centering my website

    How can I force a list item to display on one line with CSS?

    How to select ids which contain special characters?

    How to split an HTML paragraph up into its lines of text with JavaScript

    More CSS woes: how to stack divs inside another div, and have them all behave?

    How to detect css properties in div

    How to manage clashing third party CSS

    How to prevent an absolutely positioned element to affect the scrollbar?

    How to change from one stylesheet to another with jQuery?

    how to position icon just after h2 tag using :after pseudo even though 100% width

    How to align css class using bootstrap

    How do you spin side to side using css3 animation?

    How to Write an Angular directive to update CSS class based on form validation

    How to set a css style to the last item of CListView?

    how to use static folder in django for css and javascript?

    How can i reposition a sub ul in a responsive web site