AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


     In many places we need to write the notes for highlighting peoples or some definition needs some attention, in this situation we can use the following example.

Usages
1. Marking important notes.
2. If you run blogger you can write some introduction in the last part of the blogger post, so have many chance to read the details some one.
3. This will not have attractive multi color, so your content will not getting nonstandard look.

CSS Code

<style>

blockquote:before {
   color: #ccc;
   content: open-quote;
   font-size: 4em;
   line-height: 0.1em;
   margin-right: 0.25em;
   vertical-align: -0.4em;
}
blockquote {
   quotes: "\201C""\201D""\2018""\2019";
margin: 1.5em 10px;
   border-left: 10px solid #ccc;
   padding: 0.5em 10px;
   background: #f9f9f9;
}
</style>

HTML Code

<html>

<head>
    <style>
        blockquote:before {
            color: #ccc;
            content: open-quote;
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em;
        }
       
        blockquote {
            quotes: "\201C""\201D""\2018""\2019";
            margin: 1.5em 10px;
            border-left: 10px solid #ccc;
            padding: 0.5em 10px;
            background: #f9f9f9;
        }
    </style>
</head>

<body>
    <blockquote>
        Write your Discription or self introduction or any important notes here.
    </blockquote>
</body>

</html>

0 comments:

Post a Comment

Total Pageviews