�� "BBRole"

CSS3 ��

mybb@mybb.ru (xMileyFeverx) — Thu, 27 Sep 2012 07:03:08 +0400

��-��:

��:

<link rel="stylesheet" href="http://nettuts.s3.amazonaws.com/819_megamenu/demo/menu.css" type="text/css" media="screen" />

�� :

��:

<ul id="menu">
    
    <li><a href="#" class="drop">Home</a><!-- Begin Home Item -->
    
        <div class="dropdown_2columns"><!-- Begin 2 columns container -->
    
            <div class="col_2">
                <h2>Welcome !</h2>
            </div>
    
            <div class="col_2">
                <p>Hi and welcome here ! This is a showcase of the possibilities of this awesome Mega Drop Down Menu.</p>             
                <p>This item comes with a large range of prepared typographic stylings such as headings, lists, etc.</p>             
            </div>
    
            <div class="col_2">
                <h2>Cross Browser Support</h2>
            </div>
            
            <div class="col_1">
                <img src="img/browsers.png" width="125" height="48" alt="" />
            </div>
            
            <div class="col_1">
                <p>This mega menu has been tested in all major browsers.</p>
            </div>
          
        </div><!-- End 2 columns container -->
    
    </li><!-- End Home Item -->

    <li><a href="#" class="drop">5 Columns</a><!-- Begin 5 columns Item -->
    
        <div class="dropdown_5columns"><!-- Begin 5 columns container -->
        
            <div class="col_5">
                <h2>This is an example of a large container with 5 columns</h2>
            </div>
            
            <div class="col_1">
                <p class="black_box">This is a dark grey box text. Fusce in metus at enim porta lacinia vitae a arcu. Sed sed lacus nulla mollis porta quis.</p>
            </div>
            
            <div class="col_1">
                <p>Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.</p>
            </div>
            
            <div class="col_1">
                <p class="italic">This is a sample of an italic text. Consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi porta quis sit amet.</p>
            </div>
            
            <div class="col_1">
                <p>Curabitur euismod gravida ante nec commodo. Nunc dolor nulla, semper in ultricies vitae, vulputate porttitor neque.</p>
            </div>
            
            <div class="col_1">
                <p class="strong">This is a sample of a bold text. Aliquam sodales nisi nec felis hendrerit ac eleifend lectus feugiat scelerisque.</p>
            </div>
        
            <div class="col_5">
                <h2>Here is some content with side images</h2>
            </div>
           
            <div class="col_3">
            
                <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Sed in sem mauris. Aenean a commodo mi. Praesent augue lacus.<a href="#">Read more...</a></p>
        
                <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Nunc in leo urna, eget varius metus. Aliquam sodales nisi.<a href="#">Read more...</a></p>
            
            </div>
            
            <div class="col_2">
            
                <p class="black_box">This is a black box, you can use it to highligh some content. Sed sed lacus nulla, et lacinia risus. Phasellus vitae sapien ac leo mollis porta quis sit amet nisi. Mauris hendrerit, metus cursus accumsan tincidunt.Quisque vestibulum nisi non nunc blandit placerat. Mauris facilisis, risus ut lobortis posuere, diam lacus congue lorem, ut condimentum ligula est vel orci. Donec interdum lacus at velit varius gravida. Nulla ipsum risus.</p>
            
            </div>
        
        </div><!-- End 5 columns container -->
    
    </li><!-- End 5 columns Item -->

    <li><a href="#" class="drop">4 Columns</a><!-- Begin 4 columns Item -->
    
        <div class="dropdown_4columns"><!-- Begin 4 columns container -->
        
            <div class="col_4">
                <h2>This is a heading title</h2>
            </div>
            
            <div class="col_1">
            
                <h3>Some Links</h3>
                <ul>
                    <li><a href="#">ThemeForest</a></li>
                    <li><a href="#">GraphicRiver</a></li>
                    <li><a href="#">ActiveDen</a></li>
                    <li><a href="#">VideoHive</a></li>
                    <li><a href="#">3DOcean</a></li>
                </ul>   
                 
            </div>
    
            <div class="col_1">
            
                <h3>Useful Links</h3>
                <ul>
                    <li><a href="#">NetTuts</a></li>
                    <li><a href="#">VectorTuts</a></li>
                    <li><a href="#">PsdTuts</a></li>
                    <li><a href="#">PhotoTuts</a></li>
                    <li><a href="#">ActiveTuts</a></li>
                </ul>   
                 
            </div>
    
            <div class="col_1">
            
                <h3>Other Stuff</h3>
                <ul>
                    <li><a href="#">FreelanceSwitch</a></li>
                    <li><a href="#">Creattica</a></li>
                    <li><a href="#">WorkAwesome</a></li>
                    <li><a href="#">Mac Apps</a></li>
                    <li><a href="#">Web Apps</a></li>
                </ul>   
                 
            </div>
    
            <div class="col_1">
            
                <h3>Misc</h3>
                <ul>
                    <li><a href="#">Design</a></li>
                    <li><a href="#">Logo</a></li>
                    <li><a href="#">Flash</a></li>
                    <li><a href="#">Illustration</a></li>
                    <li><a href="#">More...</a></li>
                </ul>   
                 
            </div>
            
        </div><!-- End 4 columns container -->
    
    </li><!-- End 4 columns Item -->

	<li class="menu_right"><a href="#" class="drop">1 Column</a>
    
    <div class="dropdown_1column align_right">
        
                <div class="col_1">
                
                    <ul class="simple">
                        <li><a href="#">FreelanceSwitch</a></li>
                        <li><a href="#">Creattica</a></li>
                        <li><a href="#">WorkAwesome</a></li>
                        <li><a href="#">Mac Apps</a></li>
                        <li><a href="#">Web Apps</a></li>
                        <li><a href="#">NetTuts</a></li>
                        <li><a href="#">VectorTuts</a></li>
                        <li><a href="#">PsdTuts</a></li>
                        <li><a href="#">PhotoTuts</a></li>
                        <li><a href="#">ActiveTuts</a></li>
                        <li><a href="#">Design</a></li>
                        <li><a href="#">Logo</a></li>
                        <li><a href="#">Flash</a></li>
                        <li><a href="#">Illustration</a></li>
                        <li><a href="#">More...</a></li>
                    </ul>   
                     
                </div>
                
    </div>
        
	</li>

    <li class="menu_right"><a href="#" class="drop">3 columns</a><!-- Begin 3 columns Item -->
    
        <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->
            
            <div class="col_3">
                <h2>Lists in Boxes</h2>
            </div>
            
            <div class="col_1">
    
                <ul class="greybox">
                    <li><a href="#">FreelanceSwitch</a></li>
                    <li><a href="#">Creattica</a></li>
                    <li><a href="#">WorkAwesome</a></li>
                    <li><a href="#">Mac Apps</a></li>
                    <li><a href="#">Web Apps</a></li>
                </ul>   
    
            </div>
            
            <div class="col_1">
    
                <ul class="greybox">
                    <li><a href="#">ThemeForest</a></li>
                    <li><a href="#">GraphicRiver</a></li>
                    <li><a href="#">ActiveDen</a></li>
                    <li><a href="#">VideoHive</a></li>
                    <li><a href="#">3DOcean</a></li>
                </ul>   
    
            </div>
            
            <div class="col_1">
    
                <ul class="greybox">
                    <li><a href="#">Design</a></li>
                    <li><a href="#">Logo</a></li>
                    <li><a href="#">Flash</a></li>
                    <li><a href="#">Illustration</a></li>
                    <li><a href="#">More...</a></li>
                </ul>   
    
            </div>
            
            <div class="col_3">
                <h2>Here are some image examples</h2>
            </div>
            
            <div class="col_3">
                <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Maecenas imperdiet, nibh vitae rutrum vulputate, lorem sem condimentum.<a href="#">Read more...</a></p>
    
                <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Vestibulum tempor facilisis malesuada. <a href="#">Read more...</a></p>
            </div>
        
        </div><!-- End 3 columns container -->
        
    </li><!-- End 3 columns Item -->

</ul>

��, �� -��, �� .

�� Juiz DropDown Menu�

mybb@mybb.ru (xMileyFeverx) — Thu, 27 Sep 2012 03:59:56 +0400

��-��:

��:

<link href="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/css/juizDropDownMenu.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/js/jquery-1.7.2.min.js"></script>	
    <script type="text/javascript" src="http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/js/juizDropDownMenu-2.0.0.min.js"></script>
    <script type="text/javascript">
    $(function(){
    	$("#dropdown").juizDropDownMenu({
        'showEffect' : 'fade',
        'hideEffect' : 'slide'
    	});
    });
    </script>

�� :

��:

<ul id="dropdown">
        <li><a href="#accueil">Home</a></li>
        <li><a href="#rea">Services</a>
        	<ul>
            <li><a href="#print">Print</a></li>
            <li>
            	<a href="#web">Web</a>
            	<ul>
                <li><a href="#analyzes">Analyzes</a></li>
                <li><a href="#ux">UX</a></li>
                <li><a href="#submenu">Submenu</a></li>
                <li><a href="#ssmenu">Sub-sub-menu</a></li>
            	</ul>
            </li>
            <li><a href="#marketing">Marketing</a></li>
            <li><a href="#ref">SEO</a></li>
            <li>
            	<a href="#access">Accessibility</a>
            	<ul>
                <li><a href="#analyzes">Analyzes</a></li>
                <li><a href="#ux">UX</a></li>
                <li><a href="#submenu">Submenu</a></li>
                <li><a href="#ssmenu">Sub-sub-menu</a></li>
            	</ul>
            </li>
        	</ul>
        </li>
        <li><a href="#comp">About</a>
        	<ul>
            <li><a href="#who">Who we are</a></li>
            <li><a href="#what">Our competences</a></li>
            <li><a href="#ref">Our references</a></li>
        	</ul>
        </li>
        <li><a href="#contact">Contact us</a></li>
    	</ul>

��, �� http://jq.creativejuiz.fr/plugins-jquery/dropdown-menu/demo/css/juizDropDownMenu.css
�� , �� CSS � �� .

�� CSS ��

mybb@mybb.ru (xMileyFeverx) — Thu, 27 Sep 2012 03:53:33 +0400

��-�� (�� , �� <style>):

��:

<style>
        
        nav  {
            display: block;
            width: 100%;
            overflow: hidden;
        }
        
        nav ul {
            margin: 80px 0 20px 0;
            padding: .7em;
            float: left;
            list-style: none;
            background: #444;
            background: rgba(0,0,0,.2);
            -moz-border-radius: .5em;
            -webkit-border-radius: .5em;
            border-radius: .5em;    
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
            -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
            box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; 
        }
        
        nav li {
            float:left;
        }
        
        nav a {
            float:left;
            padding: .8em 1.5em;
            text-decoration: none;
            color: #555;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
            letter-spacing: 1px;
            text-transform: uppercase;
            border-width: 1px;
            border-style: solid;
            border-color: #fff #ccc #999 #eee;
            background: #c1c1c1;
            background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
            background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
            background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
            background: -o-linear-gradient(#f5f5f5, #c1c1c1);
            background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
            background: linear-gradient(#f5f5f5, #c1c1c1);            
         }
         
        nav a:hover, nav a:focus {
            outline: 0;
            color: #fff;
            text-shadow: 0 1px 0 rgba(0,0,0,.2);
            background: #fac754;
            background: -moz-linear-gradient(#fac754, #f8ac00);
            background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
            background: -webkit-linear-gradient(#fac754, #f8ac00);
            background: -o-linear-gradient(#fac754, #f8ac00);
            background: -ms-linear-gradient(#fac754, #f8ac00);
            background: linear-gradient(#fac754, #f8ac00);
        }
        
        nav a:active {
            -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
            -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
            box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        }
         
        nav li:first-child a {
            border-left: 0;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;            
        }
        
        nav li:last-child a {
            border-right: 0;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;            
        }
        
        /*----------------------*/
        
        #about
        {
            color: #999;
            text-align: center;
        }
        
        #about a
        {
            color: #eee;
        } 
    </style>

�� :

��:

<nav>
    <ul>
        <li><a href="">Home</a></li>
        <li><a href="">Categories</a></li>
        <li><a href="">About</a></li>        
        <li><a href="">Portfolio</a></li>
        <li><a href="">Contact</a></li>
    </ul>
</nav>

��, � �� :)

HTML5 CSS3 ��

mybb@mybb.ru (xMileyFeverx) — Thu, 27 Sep 2012 03:30:56 +0400

��-��:

��:

<!-- Audio Player CSS & Scripts -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="http://designmodo.com/demo/audioplayer/js/mediaelement-and-player.min.js"></script>
	<link rel="stylesheet" href="http://designmodo.com/demo/audioplayer/css/style.css" media="screen">
	<!-- end Audio Player CSS & Scripts -->

�� :

��:

<!-- Audio Player HTML -->
	<div class="audio-player">
    <h1>Demo - Preview Song</h1>
    <img class="cover" src="http://designmodo.com/demo/audioplayer/img/cover.png" alt="">
    <audio id="audio-player" src="http://designmodo.com/demo/audioplayer/media/demo.mp3" type="audio/mp3" controls="controls"></audio>
	</div>

	<script>
    $(document).ready(function() {
    	$('#audio-player').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    	});
    });
	</script>
	<!-- end Audio Player HTML -->

�� http://designmodo.com/demo/audioplayer/css/style.css (��-��) �� . �� . �� :
audioWidth: 400,
audioHeight: 120

��

mybb@mybb.ru (xMileyFeverx) — Wed, 26 Sep 2012 03:55:47 +0400

��-��:

��:

<script src="js/cufon-yui.js" type="http://forumstatic.ru/files/0011/fb/fd/57044.js"></script>
    <script src="http://forumstatic.ru/files/0011/fb/fd/75403.js" type="text/javascript"></script>

 <!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://tympanus.net/Tutorials/CompactNewsPreviewer/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
                //caching
        //next and prev buttons
        var $cn_next	= $('#cn_next');
        var $cn_prev	= $('#cn_prev');
        //wrapper of the left items
        var $cn_list 	= $('#cn_list');
        var $pages    = $cn_list.find('.cn_page');
        //how many pages
        var cnt_pages	= $pages.length;
        //the default page is the first one
        var page    = 1;
        //list of news (left items)
        var $items     = $cn_list.find('.cn_item');
        //the current item being viewed (right side)
        var $cn_preview = $('#cn_preview');
        //index of the item being viewed. 
        //the default is the first one
        var current    = 1;
        
        /*
        for each item we store its index relative to all the document.
        we bind a click event that slides up or down the current item
        and slides up or down the clicked one. 
        Moving up or down will depend if the clicked item is after or
        before the current one
        */
        $items.each(function(i){
        	var $item = $(this);
        	$item.data('idx',i+1);
        	
        	$item.bind('click',function(){
            var $this     = $(this);
            $cn_list.find('.selected').removeClass('selected');
            $this.addClass('selected');
            var idx    	= $(this).data('idx');
            var $current 	= $cn_preview.find('.cn_content:nth-child('+current+')');
            var $next    = $cn_preview.find('.cn_content:nth-child('+idx+')');
            
            if(idx > current){
            	$current.stop().animate({'top':'-300px'},600,'easeOutBack',function(){
                $(this).css({'top':'310px'});
            	});
            	$next.css({'top':'310px'}).stop().animate({'top':'5px'},600,'easeOutBack');
            }
            else if(idx < current){
            	$current.stop().animate({'top':'310px'},600,'easeOutBack',function(){
                $(this).css({'top':'310px'});
            	});
            	$next.css({'top':'-300px'}).stop().animate({'top':'5px'},600,'easeOutBack');
            }
            current = idx;
        	});
        });
        
        /*
        shows next page if exists:
        the next page fades in
        also checks if the button should get disabled
        */
        $cn_next.bind('click',function(e){
        	var $this = $(this);
        	$cn_prev.removeClass('disabled');
        	++page;
        	if(page == cnt_pages)
            $this.addClass('disabled');
        	if(page > cnt_pages){ 
            page = cnt_pages;
            return;
        	}	
        	$pages.hide();
        	$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
        	e.preventDefault();
        });
        /*
        shows previous page if exists:
        the previous page fades in
        also checks if the button should get disabled
        */
        $cn_prev.bind('click',function(e){
        	var $this = $(this);
        	$cn_next.removeClass('disabled');
        	--page;
        	if(page == 1)
            $this.addClass('disabled');
        	if(page < 1){ 
            page = 1;
            return;
        	}
        	$pages.hide();
        	$cn_list.find('.cn_page:nth-child('+page+')').fadeIn();
        	e.preventDefault();
        });
        
            });
        </script>

�� :

��:

<div class="cn_wrapper">
    	<div id="cn_preview" class="cn_preview">
        <div class="cn_content" style="top:5px;">
        	<img src="http://forumstatic.ru/files/0011/fb/fd/96489.jpg" alt=""/>
        	<h1>Polaroid Photobar Gallery with jQuery</h1>
        	<span class="cn_date">28/09/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>In this tutorial we are going to create an image gallery with a Polaroid look.
            We will have albums that will expand to sets of slightly rotated thumbnails
            that pop out on hover.</p>
        	<a href="http://tympanus.net/codrops/2010/09/28/polaroid-photobar-gallery/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/fullpageimagegallery.jpg" alt=""/>
        	<h1>Full Page Image Gallery with jQuery</h1>
        	<span class="cn_date">08/09/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>In this tutorial we are going to create a stunning full page gallery with
            scrollable thumbnails and a scrollable full screen preview.
            </p>
        	<a href="http://tympanus.net/codrops/2010/09/08/full-page-image-gallery/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/collapsingsitenavigation.jpg" alt=""/>
        	<h1>Collapsing Site Navigation with jQuery</h1>
        	<span class="cn_date">06/09/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            Today we will create a collapsing menu that contains vertical
            navigation bars and a slide out content area. When hovering
            over a menu item, an image slides down from the top and a
            submenu slides up from the bottom.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/09/06/collapsing-site-navigation/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/thumbnailsnavigation.jpg" alt=""/>
        	<h1>Thumbnails Navigation Gallery with jQuery</h1>
        	<span class="cn_date">29/07/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            In this tutorial we are going to create an extraordinary
            gallery with scrollable thumbnails that slide out from a
            navigation. We are going to use jQuery and some CSS3
            properties for the style.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/musicportfoliotemplate.jpg" alt=""/>
        	<h1>Music Portfolio Template</h1>
        	<span class="cn_date">26/07/2010</span>
        	<span class="cn_category">Development</span>
        	<p>
            Today we want to share a music portfolio template with you.
            The idea is to create an artist portfolio with a discography
            line up and HTML5 audio player jPlayer.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/26/music-portfolio-template/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/relatedpostsslideouts.jpg" alt=""/>
        	<h1>Related Posts Slide Out Boxes</h1>
        	<span class="cn_date">21/07/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            The main idea is to show a fixed list at the right side
            of the screen with some thumbnails sticking out. When
            the user hovers over the items, they slide out.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/21/related-posts-slide-out-boxes/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/LatestTweetsTooltip.jpg" alt=""/>
        	<h1>Latest Tweets Tooltip with jQuery</h1>
        	<span class="cn_date">20/07/2010</span>
        	<span class="cn_category">Development</span>
        	<p>
            If you have a news website, it might be interesting
            for you to allow your users to see the latests tweets
            about a topic. Here is a jQuery plugin for showing the
            latest tweets about a certain word or phrase.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/20/latest-tweets-tooltip/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/slidedownbox.jpg" alt=""/>
        	<h1>Slide Down Box Menu with jQuery and CSS3</h1>
        	<span class="cn_date">16/07/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            In this tutorial we will create a unique sliding box
            navigation. The idea is to make a box with the menu
            item slide out, while a thumbnail pops up.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/MinimalisticSlideshowGallery.jpg" alt=""/>
        	<h1>Minimalistic Slideshow Gallery with jQuery</h1>
        	<span class="cn_date">05/07/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            In today�s tutorial we will create a simple and
            beautiful slideshow gallery that can be easily
            integrated in your web site.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/imagehighlight.jpg" alt=""/>
        	<h1>Image Highlighting and Preview with jQuery</h1>
        	<span class="cn_date">04/07/2010</span>
        	<span class="cn_category">Tutorials</span>
        	<p>
            In this tutorial we will show you how to highlight
            and preview images that are integrated in an
            article or spread over a page.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/04/image-highlighting-preview/" target="_blank" class="cn_more">Read more</a>
        </div>
        <div class="cn_content">
        	<img src="images/photodesk.jpg" alt=""/>
        	<h1>Interactive Photo Desk</h1>
        	<span class="cn_date">01/07/2010</span>
        	<span class="cn_category">Development</span>
        	<p>
            In this little experiment we created an interactive photo
            desk that provides some �realistic� interaction possibilities
            for the user.
        	</p>
        	<a href="http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/" target="_blank" class="cn_more">Read more</a>
        </div>
    	</div>
    	<div id="cn_list" class="cn_list">
        <div class="cn_page" style="display:block;">
        	<div class="cn_item selected">
            <h2>Polaroid Photobar Gallery with jQuery</h2>
            <p>Tutorial on how to create a gallery in polaroid style</p>
        	</div>
        	<div class="cn_item">
            <h2>Full Page Image Gallery with jQuery</h2>
            <p>Another tutorial on how to make a full page image gallery with some jQuery</p>
        	</div>
        	<div class="cn_item">
            <h2>Collapsing Site Navigation with jQuery</h2>
            <p>This tutorial shows how to create a stylish sliding site navigation</p>
        	</div>
        	<div class="cn_item">
            <h2>Thumbnails Navigation Gallery</h2>
            <p>This gallery will show images in a scrollable menu navigation</p>
        	</div>
        </div>
        <div class="cn_page">
        	<div class="cn_item">
            <h2>Music Portfolio Template</h2>
            <p>A template for a music portfolio website with an HTML5 audio player</p>
        	</div>
        	<div class="cn_item">
            <h2>Related Posts Slide Out Boxes</h2>
            <p>Show users more of your articles with these slide out boxes</p>
        	</div>
        	<div class="cn_item">
            <h2>Latest Tweets Tooltip with jQuery</h2>
            <p>A Plugin for showing the latest tweets with a certain word in your article</p>
        	</div>
        	<div class="cn_item">
            <h2>Slide Down Box Menu with jQuery and CSS3</h2>
            <p>A menu with a nice effect</p>
        	</div>
        </div>
        <div class="cn_page">
        	<div class="cn_item">
            <h2>Minimalistic Slideshow Gallery</h2>
            <p>A compact image gallery for your website</p>
        	</div>
        	<div class="cn_item">
            <h2>Image Highlighting and Preview</h2>
            <p>Highlight and preview images that are integrated in an article</p>
        	</div>
        	<div class="cn_item">
            <h2>Interactive Photo Desk</h2>
            <p>Creating a photo desk with some real world interaction</p>
        	</div>
        </div>
        <div class="cn_nav">
        	<a id="cn_prev" class="cn_prev disabled"></a>
        	<a id="cn_next" class="cn_next"></a>
        </div>
    	</div>
    </div>

��:

��:

*{
	margin:0;
	padding:0;
}
body{
	background:#ddd;
	font-family:"Myriad Pro","Trebuchet MS", sans-serif;
	font-size:12px;
}
.cn_wrapper{
	margin:90px auto 0px auto;
	width:500px;
	height:300px;
	position:relative;
	color:#fff;
	overflow:hidden;
	padding:5px;
	text-shadow:1px 1px 1px #000;
	border:1px solid #111;
	background-color:#333;
	-moz-box-shadow:1px 1px 4px #222;
	-webkit-box-shadow:1px 1px 4px #222;
	box-shadow:1px 1px 4px #222;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.cn_wrapper h1{
	font-size:20px;
	text-transform:uppercase;
}
.cn_wrapper h2{
	font-size:12px;
	border-bottom:1px solid #000;
	padding-bottom:4px;
	text-transform:uppercase;
}
.cn_preview, .cn_list{
	width:250px;
	height:300px;
	position:absolute;
	top:2px;
	left:6px;
}
.cn_preview{
	left:255px;
}
.cn_content{
	border:1px solid #444;
	top:310px;/*5*/
	left:5px;
	width:219px;
	padding:10px;
	position:absolute;
	background-color:#101010;
	height:275px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.cn_content img{
	width:215px;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
.cn_date{
	position:absolute;
	bottom:30px;
	right:8px;
	font-size:11px;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	background:#ccc;
	border:1px solid #ddd;
	color:#000;
	text-shadow:-1px 0px 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.cn_content p{
	height:57px;
	margin-top:2px;
	overflow:hidden;
}
a.cn_more{
	position:absolute;
	padding: 4px 0px;
	left:0px;
	bottom:0px;
	width:236px;
	color:#fff;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #011c44;
	text-transform:uppercase;
	text-decoration: none;
	border:1px solid #4c7ecb;
	outline:none;
	cursor:pointer;
	background-color: #1951A5;
	background-image:
    -moz-linear-gradient(
    	top,
    	rgba(255,255,255,0.25),
    	rgba(255,255,255,0.05)
    );
	background-image:
    -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, rgba(255,255,255,0.25)),
    	color-stop(1, rgba(255,255,255,0.05))
    );
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-border-bottom-left-radius: 5px;
	-border-bottom-right-radius: 5px;
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
}
a.cn_more:hover{
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_item{
	border:1px solid #090909;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:49px;
	color:#fff;
	padding:5px;
	margin:6px 5px 0px 0px;
	text-shadow:1px 1px 1px #000;
	background:#2b2b2b;
	background:
    -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	from(#171717),
    	to(#2b2b2b)
    );
	background:
    -moz-linear-gradient(
    	top,
    	#171717,
    	#2b2b2b
    );
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.cn_item:hover, .selected{
	border-color:#4c7ecb;
	background-color: #1951A5;
	background-image:
    -moz-linear-gradient(
    	top,
    	rgba(255,255,255,0.25),
    	rgba(255,255,255,0.05)
    );
	background-image:
    -webkit-gradient(
    	linear,
    	left top,
    	left bottom,
    	color-stop(0, rgba(255,255,255,0.25)),
    	color-stop(1, rgba(255,255,255,0.05))
    );
}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	border-color:#2C5FAC;
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
	border-color:#527CBB;
}
.cn_item:active {
	color: #011c44;
	text-shadow: 1px 1px 1px #ccdffc;
}
.cn_list p{
	height:29px;
	padding-top:2px;
	overflow:hidden;
	border-top:1px solid #333;
}
.cn_nav{
	width:55px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:94px;
}
a.cn_next, a.cn_prev{
	float:left;
	height:23px;
	width:23px;
	background-color:#212121;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	outline:none;
	border:1px solid #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
a.cn_next{
	background-image:url(http://forumstatic.ru/files/0011/fb/fd/22416.png);
}
a.cn_prev{
	margin-right:5px;
	background-image:url(http://forumstatic.ru/files/0011/fb/fd/92466.png);
}
.cn_nav a:hover{
	background-color:#101010;
}
.cn_nav a:active{
	margin-top:1px;
	background-color:#000;
}
.cn_nav a.disabled{
	opacity:0.5;
}
.cn_page{
	display:none;
}

BBRole �� -��

mybb@mybb.ru (xMileyFeverx) — Sat, 22 Sep 2012 04:42:23 +0400

�� BBRole �� -�� . �� , � �� . ��-�� -��, � �� , �� "��" ��. ��, �� - �� , �� . �� , �� bbrole.ru �� . �� , �� .

- � ��, �� BBRole

��

mybb@mybb.ru (xMileyFeverx) — Sat, 22 Sep 2012 04:33:18 +0400

�� "�� " �� , �� "BBRole". �� , � �� . �� , �� , �� :
1. �� : ...
2. �� : ...

��:

[b]1. �������� ������:[/b] ...
[b]2. ������ �� �����:[/b] ...

� �� (�� ) ��, �� .

10 ��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 10:54:24 +0400

��:

<script src="/export.php?type=js&max=10" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
	ts = new Date();
	ts.setTime(1000*content[i][0]);
	mo = ts.getMonth()+1;
	if (mo<10) mo='0'+mo;
	hh = ts.getHours();
	mm = ts.getMinutes()+'';
	if (mm<10) mm='0'+mm;
	ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2>��������� 10 ��������� ������</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">�����</th><th scope=\"col\">�����</th><th scope=\"col\">��������� ���������</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>����� ����������</h2>"+name+""
}
i++
}
</script>

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 10:50:48 +0400

�� "��" �� . �� .
��-��:

��:

<style>
.dialog {width: 290px; border: 7px solid #4C77B6; background: #fff; padding: 12px 15px; z-index: 1000; position: fixed; top: 0px; margin: 200px 0 0 -145px; left: 50%;}
.dialog h6 {margin: 0px; padding: 0px; font-size: 26px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif; padding: 0 0 12px;}
.dialog span {float: left; color: #7f7f7f; margin: 0 0 3px;}
.dialog a {float: right; font-size: 11px; margin: 0 0 3px; color: #4C77B6;}
.dialog input {font-size:16px; color: #4c4c4c; font-family: Arial, Tahoma, Helvetica, sans-serif;}
.dialog_form {display: block; width: 99%; margin: 0 0 12px; clear: both;}
.dialog_remember {clear: both; padding: 0 0 8px;}
.dialog_remember div {display: block; clear: both; color: #7f7f7f; width: 99%; text-align: left; margin: -2px 2px 0 0;}
.dialog_remember input {margin-left: 0px;}
.auth_bg {height: 100%; width: 100%; position: fixed; z-index: 999; top:0px; left:0px;}
</style>
 <!--[if lte IE 7]>
<style>
*html .dialog {position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
*html .auth_bg {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="auth_bg.png", sizingMethod="scale"); position:expression('absolute'); top:expression(parseInt(document.documentElement.scrollTop, 10) + 'px');}
</style>
 <![endif]-->
    <div id="auth" style="display:none;">
        <div class="auth_bg" id="bg" onclick="login_hide();"></div>
    </div>
    
 <div id="authdialog" class="dialog" style="position:absolute;left:-2000px;">
    <h6>����</h6>
<form id='login' method='post' action='/login.php?action=in' onsubmit='return my_form(this)'>
<input type='hidden' name='form_sent' value='1' />
<input type='hidden' name='redirect_url' value='index.php' />
<b>�����:</b><br>
<input type='text' id='fld1'  name='req_username'  size='25'  maxlength='25'  onfocus=this.value='' value='NickName'><br><br>
<b>������:</b> <a href=/login.php?action=forget>������ ������?</a><br>
<input type='password'  id='fld2'  name='req_password'  size='16'  maxlength='16' / onfocus=this.value='' value='Password'><br><br>
<input type='submit'  class='button'  name='login'  value='���� �� �����!'/>
</form>
 </div>

��-��:

��:

<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id=="navlogin"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<a href=\"#\" onclick=\"login_show()\">����</a>"
}
i++
}
</script>
<script>
    function $(id)
    {
    return document.getElementById(id);
    }
    function login_show() {
    $('auth').style.display = "block";
    $('authdialog').style.left = '50%';
    $('loginfocusneeded').focus();
    }
    function login_hide() {
    $('authdialog').style.position = 'absolute';
    $('authdialog').style.left = '-2000px';
    $('auth').style.display = "none";
    }
    document.onkeypress = function(ev){
    ev = ev || event;
    if(ev.keyCode==27)
        login_hide();
    }
    function ieheight() {
    var bg = $('body').offsetHeight;
    $('bg').style.height = bg + 'px';
    }
    window.onload = ieheight;
</script>

FAQ ��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 10:36:26 +0400

�� :
�� - ��;
�� - ��;
��, �� - �� ;
�� - �� , "��";
�� - �� , "�� ";
�� - �� ;
�� - ��;
�� - �� ;
�� - ��;
��  - �� ;
��  - �� "��";
�� - �� ;
�� - �� (�� .�.)
�� (FAQ) - ��, ��-��;
��, �� - �� , �� .�.
�� - �� , �� ; ��, �� ;
��  - �� , �� ;
�� - �� (��) �� (��);
�� - �� (�� );
�� - �� ;
�� - �� ;
�� - �� (�� );
�� - �� /�� (��, ��);
�� - �� (��) ��, �� ;
�� - �� (��/�� );
Co - ��;

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 10:02:51 +0400

� ��-��:

��:

<script language="JavaScript" type="text/javascript">
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i     = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY    = 40
var MESSAGE  = " �� ������� "
             + " ���� ������!!! "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
</script>
</head>
<body onLoad="scroller()">

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 10:01:34 +0400

<script type="text/javascript">
$(document).ready(function(){

myarray=new Array(
"� ��", "http://i011.radikal.ru/1202/c2/271441889b32.png",
"��", "http://i069.radikal.ru/1202/78/e6bdc3db80c0.png",
"� ��", "http://i051.radikal.ru/1202/d3/c08fd9d19025.png" //�� !
)

$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
"height":"100px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat"
}

if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

��
�� (��-�-�� )
��
�� :

��:

<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

�� , �� #pun-stats h2 span,

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:56:33 +0400

�� CSS (�� ):

��:

/* Main */
#tsm
{
        width: 100%;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
        background: #111;
        background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 50px;
        border-radius: 50px;
        -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;
}

#tsm li
{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#tsm a
{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: #999;
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#tsm li:hover > a
{
        color: #fafafa;
}

*html #tsm li a:hover /* IE6 */
{
        color: #fafafa;
}

#tsm li:hover > ul
{
        display: block;
}

/* Sub-menu */

#tsm ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
	width:150px;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#tsm ul ul {
	top: 0;
  left: 120px;
}

#tsm ul li
{
    float:none;
    margin: 0;
    padding-left:0px;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#tsm ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#tsm ul a
{
    padding: 10px;
        height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
        text-transform: none;
}

*html #tsm ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #tsm ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#tsm ul a:hover
{
    background: #0186ba;
        background: -moz-linear-gradient(#04acec,  #0186ba);
        background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background: -webkit-linear-gradient(#04acec,  #0186ba);
        background: -o-linear-gradient(#04acec,  #0186ba);
        background: -ms-linear-gradient(#04acec,  #0186ba);
        background: linear-gradient(#04acec,  #0186ba);
}

#tsm ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#tsm ul li:first-child a:after
{
    content: '';
	display:none
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#tsm ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#tsm ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
 }

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec;
     border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}


/* Clear floated elements */
#tsm:after
{
        visibility: hidden;
    display:none;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #tsm             { zoom: 1; } /* IE6 */
*:first-child+html #tsm { zoom: 1; } /* IE7 */

� �� (��, ��, ��):

��:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>tsm</title>
    <link rel='stylesheet' type='text/css' href='tsm.css'/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
        $(function() {
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
                $('li').has('ul').mouseover(function(){
                        $(this).children('ul').show();
                        }).mouseout(function(){
                        $(this).children('ul').hide();
                        })
          }
        });
</script>
	</head>
	<body>
    <ul id="tsm">
        <li><a href="#">Game Updates</a>
          <ul>
              <li><a href="#">Game News</a></li>
              <li><a href="#">Patch Updates</a></li>
              <li><a href="#">Version Updates</a></li>
              <li><a href="#">New Players</a></li>
          <li><a href="#">Upcoming Events</a></li>
              <li><a href="#">Calendar</a></li>
              <li><a href="#">Twitter</a></li>
              <li><a href="#">Tumblr</a></li>
    	  <li><a href="#">Deviantart</a></li>
              </ul>
    </li>
        <li><a href="#">Community</a>
          <ul id=tsm>
              <li><a href="#">Member Bulletins</a></li>
              <li><a href="#">Member/Character List</a></li>
              <li><a href="#">The Workshop</a></li>
              <li><a href="#">Awards Opt In</a></li>
              <li><a href="#">Player Collections</a></li>
          <li><a href="#">OOC Hub</a></li>
              <li><a href="#">Blogs</a></li>
              <li><a href="#">Competitions</a></li>
              <li><a href="#">Today's Top 10</a></li>
              </ul>
    </li>
    <li><a href="#">Roleplay</a>
          <ul id=tsm>
              <li><a href="#">Active Characters</a></li>
              <li><a href="#">Adoptables</a></li>
              <li><a href="#">Thread Pairing</a></li>
              <li><a href="#">Sizael Kingdom</a></li>
          <li><a href="#">Lemora</a></li>
              <li><a href="#">Deabition</a></li>
              <li><a href="#">Hirra's Sea</a></li>
              <li><a href="#">Specials</a></li>
    	  <li><a href="#">Inactive Characters</a></li>
              </ul>
    </li>
    <li><a href="#">Play Guides</a>
          <ul id=tsm>
          <li>
          	<a href="#">Starting Help</a>
    	      <ul><li>
              <li><a href="#">Getting Started</a></li>
    	      </li></ul>
    	  </li>
              <li><a href="#">Specials</a></li>
              <li><a href="#">Specials</a></li>
              <li><a href="#">Specials</a></li>

              <li><a href="#">Getting Started</a></li>
              <li><a href="#">Beginner's Roleplay</a></li>
              <li><a href="#">Creating A Character</a></li>
              <li><a href="#">Creating History</a></li>
          <li><a href="#">Character Relations</a></li>
              <li><a href="#">After Acceptance</a></li>
              <li><a href="#">Basic Punctuation</a></li>
              <li><a href="#">Anatomy of a 'Good' Post</a></li>
    	  <li><a href="#">Roleplaying Manners</a></li>
    	  <li><a href="#">Posting Styles</a></li>
              <li><a href="#">First IC Post</a></li>
    	  <li><a href="#">Unstick Yourself!</a></li>
              <li><a href="#">Writing RP Tips</a></li>
              <li><a href="#">Fight Scenes</a></li>
              <li><a href="#">Glossary of Terms</a></li>
              <li><a href="#">Common Sense Policy</a></li>

</ul>
    </li>
    <li><a href="#">Guidebook</a>
          <ul id=tsm>
              <li><a href="#">Game Rules</a></li>
              <li><a href="#">Recommended Reads</a></li>
              <li><a href="#">Game Mechanics</a></li>
              <li><a href="#">The Story</a></li>
          <li><a href="#">Characters</a></li>
              <li><a href="#">Companions & NPCs</a></li>
              <li><a href="#">World of Seno</a></li>
              <li><a href="#">Credits</a></li>
              </ul>
    </li>
    <li><a href="#">Staff</a>
          <ul id=tsm>
              <li><a href="#">Captain</a></li>
              <li><a href="#">HUD</a></li>
              <li><a href="#">Tempory</a></li>
              <li><a href="#">Apply</a></li>
	</body>
</html>

<li><a href="#">Captain</a></li>, �� # - �� , � Captain - �� ;

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:54:27 +0400

�� (��. - ��-��):

��:

    <div id=banners align=center><span onclick="BANNERS_TOGGLE()"><center><img src="http://savepic.org/2332115.png"></center></span></b></a>
    <div id=ba_0 style="display: none">
    <style id=BanersHide>/*
    <center>

    ���� �������

    ���� �������

    ���� �������

    </center>
    */</style>
    </div></div>
    <script>
    function BANNERS_TOGGLE(){if($("#ba_0").css("display")=="none"){var V=$("#ba_0 #BanersHide");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");$("#ba_0").html(V1);}$("#ba_0").fadeIn("slow");
    scrollTo(0, document.body.scrollHeight);
    }else $("#ba_0").hide();}</script>

<center><img src="http://savepic.org/2332115.png"></center></span></b></a>
�� - �� (�� )

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:43:31 +0400

��-��:

��:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<!--���������� ����-->
<script type="text/javascript">
     jQuery(function() {
             if (GroupID==3) { 
                jQuery('.markid').parent().hide();
                jQuery('.nog').parent().hide();
             } else {
             jQuery('.markid').map(function(){
               jQuery(this).attr('href', jQuery(this).attr('href')+UserID );
             });
    
             }
     });

var arrowimages={down:['downarrowclass', 'http://upforme.ru/uploads/000b/89/6b/16-1.gif', 23], right:['rightarrowclass', 'http://upforme.ru/uploads/000b/89/6b/16-2.gif']}

var jqueryslidemenu={

animateduration: {over: 500, out: 200}, 

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
var $mainmenu=$("#"+menuid+">ul")
var $headers=$mainmenu.find("ul").parent()
$headers.each(function(i){
	var $curobj=$(this)
	var $subul=$(this).find('ul:eq(0)')
	this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
	this.istopheader=$curobj.parents("ul").length==1? true : false
	$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
	$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
+ '" style="border:0;" />'
	)
	$curobj.hover(
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	this._offsets={left:$(this).offset().left, top:$(this).offset().top}
	var menuleft=this.istopheader? 0 : this._dimensions.w
	menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
	$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over)
},
function(e){
	var $targetul=$(this).children("ul:eq(0)")
	$targetul.slideUp(jqueryslidemenu.animateduration.out)
}
	) 
}) 
$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) 
}
}

jqueryslidemenu.buildmenu("pun-navlinks", arrowimages)

var msgStr = $("a[href='http://testing.1bb.ru/messages.php'] span").html();

var url = location.protocol+'//'+location.hostname;
if(typeof (UserID)!="undefined") {
document.getElementById('navprofile').innerHTML='<a href="'+url+'/profile.php?id='+UserID+'"><span>�������</span></a><ul><li><a class="markid" href="'+url+'/profile.php?section=personal&id=">������������</a></li><li><a class="markid" href="'+url+'/profile.php?section=messaging&id=">�������</a></li><li><a class="markid" href="'+url+'/profile.php?section=avatar&id=">������</a></li><li><a class="markid" href="'+url+'/profile.php?section=signature&id=">�������</a></li><li><a class="markid" href="'+url+'/profile.php?section=display&id=">�����������</a></li><li><a class="markid" href="'+url+'/profile.php?section=privacy&id=">�����������</a></li><li><a class="markid" href="'+url+'/profile.php?section=fields&id=">���������</a></li><li><a class="markid" href="'+url+'/profile.php?section=admin&id=">����������</a></li></ul>' 
}
if ( document.getElementById('navpm') ) {
document.getElementById('navpm').innerHTML='<a href="'+url+'/messages.php">'+msgStr+'</a><ul><li><a class="nog" href="'+url+'/messages.php?box=0">��������</a></li><li><a class="nog" href="'+url+'/messages.php?box=1">������������</a></li><li><a class="nog" href="'+url+'//messages.php?action=new">����� ���������</a></li></ul>'; 
}
if ( document.getElementById('navadmin') ) {
 document.getElementById('navadmin').innerHTML='<a href="'+url+'/admin_index.php">�����������������</a><ul><li><a class="nog" href="'+url+'/admin_categories.php" title="����������/��������/�������������� ���������">���������</a></li><li><a class="nog" href="'+url+'/admin_forums.php" title="����������/�������������� �������">������</a></li><li><a class="nog" href="'+url+'/admin_users.php" title="����� ������������">������������</a></li><li><a class="nog" href="'+url+'/admin_groups.php" title="����������/��������� �����">������</a></li><li><a class="nog" href="'+url+'/admin_options.php">���������</a></li><li><a class="nog" href="'+url+'/admin_permissions.php">�����</a></li><li><a class="nog" href="'+url+'/admin_censoring.php">�������</a></li><li><a class="nog" href="'+url+'/admin_ranks.php">�����</a></li><li><a class="nog" href="'+url+'/admin_bans.php">����������</a></li><li><a class="nog" href="'+url+'/admin_logs.php" title="������� ������� ����� ������">����</a></li><li><a class="nog" href="'+url+'/admin_prune.php">������</a></li><li><a class="nog" href="'+url+'/admin_massmail.php" title="�������� E-mail ��������">��������</a></li><li><a class="nog" href="'+url+'/admin_fields.php" title="�������������� ���� �������">����</a></li><li><a class="nog" href="'+url+'/admin_style.php" title="���� �����">�����</a></li><li><a class="nog" href="'+url+'/admin_pages.php" title="���������� ��������">��������</a></li><li><a class="nog" href="'+url+'/admin_promotion.php" title="��������/��������� �������">���������</a></li><li><a class="nog" href="'+url+'/admin_paid_services.php" title="������� ������">������� ������</a></li></ul>'
}
</script>

var msgStr = $("a[href='http://testing.1bb.ru/messages.php'] span").html();

�� .

��-��:

��:

<style type="text/css">
	#pun-navlinks.section{
display: block;
position: relative;
                z-index: 1000;
left: 8em;
                opacity: 0.9;  
                filter: alpha(opacity=90); 
                    	}
	#pun-navlinks.section ul.container {
margin: 0px;
border: 0px;
padding: 0px;
                      width: 980px; /*For KHTML*/
list-style: none;
height: 24px;
	}
	#pun-navlinks.section ul.container, #pun-navlinks.section ul.container * {z-index: 1000;}
	#pun-navlinks.section ul.container li {
margin: 0px 20px 0px 0px;
padding: 0px;
border: 0px;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
	}

	#pun-navlinks.section ul.container ul {
margin: 0px;
border: 0px;
padding: 0px 0px 12px 0px;
width: 175px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: -5px;
background-image: url(http://www.acrobatusers.com/sites/all/themes/auc_v3/images/menu_bottom.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
	}

	#pun-navlinks.section ul.container ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
	}

	#pun-navlinks.section ul.container ul li {
width: 175px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
	}

	/* Root Menu */
	#pun-navlinks.section ul.container a {
	-x-system-font:none;
	background-attachment:scroll;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	color: #000000;
	display:block;
	float:none !important;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:16px;
	padding:0 0 0 17px;
	text-decoration:none;
	text-transform:uppercase;
}

	/* Root Menu Hover Persistence */
	#pun-navlinks.section ul.container a:hover, #pun-navlinks.section ul.container li:hover a, #pun-navlinks.section ul.container li.iehover a {
color: #ffcc33;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0 0;
	}

	/* 2nd Menu */
	#pun-navlinks.section ul.container li:hover li a, #pun-navlinks.section ul.container li.iehover li a {
float: none;
bbackground: #bf2c2b;
color: #fff;
	}

	/* 2nd Menu Hover Persistence */
	#pun-navlinks.section ul.container li:hover li a:hover, #pun-navlinks.section ul.container li:hover li:hover a, #pun-navlinks.section ul.container li.iehover li a:hover, #pun-navlinks.section ul.container li.iehover li.iehover a {
background: #555555;
color: #ffcc33;
	}

	/* Do Not Move - Must Come Before display:block for Gecko */
	#pun-navlinks.section ul.container li:hover ul ul, #pun-navlinks.section ul.container li:hover ul ul ul, #pun-navlinks.section ul.container li.iehover ul ul, #pun-navlinks.section ul.container li.iehover ul ul ul {
	  display: none;
	}

	#pun-navlinks.section ul.container li:hover ul, #pun-navlinks.section ul.container ul li:hover ul, #pun-navlinks.section ul.container ul ul li:hover ul, #pun-navlinks.section ul.container li.iehover ul, #pun-navlinks.section ul.container ul li.iehover ul, #pun-navlinks.section ul.container ul ul li.iehover ul {
	  display: block;
	}
	#pun-break1, #pun-break2{display: none;}
	#pun-announcement,#pun-announcement *{z-index: 1;}
</style>

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:41:09 +0400

��-��:

��:

<style type="text/css">
#messanger { position:fixed; right:10%; top:65%; z-index:100; width:260px; border: 2px solid #696969;
-moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px;
box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);}
#closer{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3));
background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%);
background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F);
color: lime;
-moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;
}
#closer:hover {color: #FF4500; }
</style>

��-��:

��:

<!-- ������� ���������� � ������ ����������-->
<script type="text/javascript">
if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) {document.write('<div id="messanger" class="container" style="padding: 15px; text-align: right; background-color: #ebeaf0;"><span><img style="border: 2px solid #696969;" align="left" src="'+UserAvatar+'" width="60" height="60" alt="">������, <strong>'+UserLogin+'</strong><br>� ��� ����� ������ ���������</span><br /><br /> <ul class="pisma"></ul><audio autoplay="autoplay"><source src="http://irpi.jr1.ru/ku-ku.ogg" type="audio/ogg; codecs=vorbis"><source src="http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3" type="audio/mpeg"></audio><br /><span id="closer" ><strong>&nbsp;X&nbsp;</strong></span></div>');}
$.get('messages.php','',processMessage);
function processMessage(data){
$(data).find('tr.icon').each(function(){ 
var QMess=$(this).find('div.tclcon a').text();var QLink=$(this).find('div.tclcon a').attr('href');
var Qautor=$(this).find('td.tc2 a').text();var QProf=$(this).find('td.tc2 a').attr('href');
$('.pisma').append('<li><a onclick=\'window.open(href="'+QLink+'"); return false\'  class="mess" href="'+QLink+'">'+QMess+'</a> �� <a onclick=\'window.open(href="'+QProf+'"); return false\'  class="mess" href="'+QProf+'">'+Qautor+'</a></li>');
$('.mess').click(function(){
$('#messanger').toggle();}); });}
$('#closer').click(function(){
$('#messanger').toggle();});
</script>

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:39:12 +0400

� ��-��:

��:

<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="������ ����"
im.style.color="#0000FF"
im.style.backgroundColor="#FFFFFF"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="���� ������"
normal1.style.color="#0000FF"
normal1.style.backgroundColor="#FFFFFF"
normal1.colSpan="4"
}}}
</script>

im.style.backgroundColor="#FFFFFF"
normal1.style.backgroundColor="#FFFFFF" ��

normal1.style.color="#0000FF"
im.style.color="#0000FF" �� .

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:37:03 +0400

�� - �� (��, �� .�.) �� , � �� , � �� , �� .
�� -�� (�� , �� )

��:

    <script><!--���� �������� � ������ ��������� �� ������ �������� �� ��������� �������" -->
       navlinks=new Array(

      "navextra1",    // �������������� ����� ���� 1
    "������ �� ��������","������ �� �������� ��� ���������",
      "navextra2",    // �������������� ����� ���� 2
    "������ �� ��������","������ �� �������� ��� ���������",
      "navextra3",    // �������������� ����� ���� 3
    "������ �� ��������","������ �� �������� ��� ���������",

      "navindex",    // �����
    "������ �� ��������","������ �� �������� ��� ���������",
      "navuserlist", // ���������
    "������ �� ��������","������ �� �������� ��� ���������",
    "navrules",    // �������
    "������ �� ��������","������ �� �������� ��� ���������",
    "navsearch",    // �����
    "������ �� ��������","������ �� �������� ��� ���������",
      "navprofile",    // �������
    "������ �� ��������","������ �� �������� ��� ���������",
      "navpm",    // ���������
    "������ �� ��������","������ �� �������� ��� ���������",
      "navadmin",    // �����������������
    "������ �� ��������","������ �� �������� ��� ���������",
      "navregister", // �����������
    "������ �� ��������","������ �� �������� ��� ���������",
      "navlogin",    // �����
    "������ �� ��������","������ �� �������� ��� ���������",
      "navlogout",    // �����
    "������ �� ��������","������ �� �������� ��� ���������"  // !��������� ������� ��� �������
    )
    var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
    </script>

�� -��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:35:35 +0400

� ��-��:

��:

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='����� ������ ��������' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='����� ������� ��������' />"}
}
</script>

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:34:58 +0400

� ��-��:

��:

<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>����� �� ������������</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='index.php' /><p class='inputfield required'> <label for='fld1'>��� <em>(�����������)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>������ <em>(�����������)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='����� ��� �������������' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= '����� �� ������������ - '+document.title;
}
</script>

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:34:21 +0400

��-��:

��:

<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
; gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
}); 
</script>

$('.menuitem img').animate({width: 100}, 0); - �� ;
gridimage.stop().animate({width: 200}, 150); - �� (200) �� ;

�� -��:

��:

<style type="text/css">

img {
	border: none;
}

#menuwrapper{
	left: 20%;
	position: relative;
	height: 210px;
}

#menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.menuitem {
	position: fixed relative;
	bottom: 0px;
	display: inline-block;
}

</style>

height: 210px; � �� . �� (� �� ) �� 200 ��, �� .

�� :

��:

<div id="menuwrapper">
<div id="menu">
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
<a href="http://" class="menuitem"><img src="URL"></a>
</div>
	</div>

��: monsterart.ru

�� . ��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:31:02 +0400

��:

<script type="text/javascript">
var A=[1,2,3,4,5]
$(".post .post-author li").each(function (){
for(var i in A){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

var A=[1,2,3,4,5] - �� ;

�� :

�� ��-�� ��:
��:

<script>$(".post-author li").hover(function(){$(this).attr("title",$(this).attr("class"));});</script>
HTML-��
��,(*�� , �� 1 �� 5) �� pa-fldN � ��

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:30:01 +0400

var howMany = 10
var quote = new Array(howMany+1)
quote[0]="��1"
quote[1]="��2"
quote[2]="��3"
quote[3]="��4"
quote[4]="�� 4"
quote[5]="�� 5"
quote[6]="�� 6"
quote[7]="�� 7"
quote[8]="�� 8"
quote[9]="�� 9"
quote[10]="�� 10"

function rndnumber(){
var randscript = -1
while (randscript < 0 || randscript > howMany || isNaN(randscript)){
randscript = parseInt(Math.random()*(howMany+1))
}
return randscript
}
quo = rndnumber()
quox = quote[quo]
document.write(quox)

</SCRIPT>
var howMany = 10 - �� ;

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:29:22 +0400

��:

    <div style="position:absolute;margin-left:100px;margin-top:-12px"><!-- ������� ������� �������� ������� -->
    <a  id="Mbanners" href="������ �������� �� ����� �� 1-� �����" target="_blank" ><img height="200" border="1" src="������ �� 1-� �������� ������" ></a>
    <script language="javascript">
    var sek = 5000;  // ����� �����������
    imgArray = new Array (
       "������ �� �������� ������","������ �������� �� ����� �� �����",
       "������ �� �������� ������","������ �������� �� ����� �� �����",
       "������ �� �������� ������","������ �������� �� ����� �� �����",
       "������ �� �������� ������","������ �������� �� ����� �� �����",

    "End");var i=Math.round(Math.random()*((imgArray.length-3)/2))*2;banners(i);
    function banners(i) {
    if(  i >= imgArray.length-1){i=0};
    $("#Mbanners img").attr("src",imgArray[i]);
    $("#Mbanners").attr("href",imgArray[i+1]);
    i+=2;j = i;timerID = setTimeout("banners(j)",sek);}
    </script></div>

100 - �� c��
12 - �� c��
200 -��
5000 -5 ��

��

mybb@mybb.ru (xMileyFeverx) — Fri, 21 Sep 2012 09:28:13 +0400

� ��-��:

��:

<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">�������� ���</a>';
	}
}
</script>

�� "BBRole"

CSS3 ���������� ���� ����

�������������� ���������� ���� �Juiz DropDown Menu�

������ CSS ����

HTML5 CSS3 ����� ����� ��� �����

���������� ����� ������� ��������� ���������� ��� ��������

BBRole ������������� �����-���������� ��������

����� ������

10 ��������� ��������� � ����������

����������� ����� �����

FAQ �� �����������������

������� ������ � �������

������ ��������� �� ��������

���������� ���������

������ ��������

���������� ������� ����

���������� � ��

���������� ������ � ������� ��� �� �����

������ ������ ��������� � ���������� ��� ���������

������ �������� ������-�������

������������ �� ������

��������� ����������� ��� ���������

������ �������� ���. �����

��������� ���������� ������

������� ��������

��������� ����

CSS3 ��

�� Juiz DropDown Menu�

�� CSS ��

HTML5 CSS3 ��

��

BBRole �� -��

��

10 ��

��

FAQ ��

��

��

��

��

��

��

��

��

�� -��

��

��

�� . ��

��

��

��