jQuery Popup Box

back to the tutorial
http://www.stramaxon.com/2013/01/creating-jquery-dialog-box.html

x

-

Thanks for visiting my site

Check these links for more fun :

• Link One
• Link Two
• Link Three
• Link Four
• Link Five

New Year Fireworks - JavaScript

Back to the tutorial http://www.stramaxon.com/2012/12/new-year-fireworks-effect.html

Designs for Paypal donation button

Design #1
Donate

Design #2
Donate

Design #3
Donate

Design #4
Donate

JQuery image hover effects

A Demo post. 

Prism Syntax Highlight plugin

This is a demo page > Click the link below for original tutorial
http://www.stramaxon.com/2012/07/prims-syntax-highlighter-for-blogger.html

Some HTML codes - class used 'language-markup'

<div class='srch-cnt'>
<form action="http://www.stramaxon.blogspot.com/search" class="formupsearch" method="get">
<input class="searchinputarea" placeholder='Search for..' maxlength="255" name="q" size="25" type="text" value="" x-webkit-speech="true" />
<input class="boxsearch123" type="submit" value="search" />
<input class="checkbutton23" name="sitesearch" type="radio" value="" />
<input checked class="checkbutton23" name="sitesearch" type="radio" value="stramaxon.blogspot.com" />
</form>
<a class='attrbl' target=blank' href='http://stramaxon.blogspot.com' title='Get this Gadget'>Get this!</a>       
</div>

Some JavaScript codes - class='language-javascript'

new function() {
    do break;while(typeof delete this);
    for(var a;void 0;)
        continue
    if (null)
        with(0)
    try{
        switch(1 in 1 instanceof 1) {
            case false:
            default:throw true
        }
    }catch(a){}finally{}else return  
};

CSS codes - class='language-css'

.blog-pager-newer-link,.blog-pager-older-link
{
    position:absolute;
    top:1px;
    z-index:999;
    color:transparent !important;
    width:55px;
    height:66px;
    background-color:red;
}        
    
.blog-pager-newer-link {
    position:absolute;
    right:-27px; /* Change this value to change the position of newer post link */ 
    top:50px; /* Change the position from top */
    background:url('http://www.damnlol.com/img/buttons.png');
    background-position:55px 0px; 
    background-color:transparent !important;   
}
.blog-pager-newer-link:active {
    background:url('http://www.damnlol.com/img/buttons.png');
    background-position:55px 67px;     
}

Click to change theme

Heat meter popular post widget

See on the right sidebar for the demo of Popular post widget heat meter design.

Original tutorial here
http://www.stramaxon.com/2012/07/heat-meter-hover-effect-popular-post-widget-blogger.html 

Tab JQuery plugin to switch between HTML elements

• Video 1
• Video 2
• Video 3
• Video 3
• Video 3

Michael Jackson - They don't care about us

Michael Jackson - Beat it

Michael Jackson - Billie Jean

Some random text

This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text. This is some random text.

Some random text with Picture

Random Text..