نمایش نتایج: از 1 به 2 از 2
  1. Top | #1
    mch
    mch آنلاین نیست.
    StarStarStarStarStarStarStar
    تاریخ عضویت
    September 2012
    شماره عضویت
    450
    عنوان کاربر
    عضو تلاشگر
    میانگین پست در روز
    0.06
    نوشته ها
    164
    موضوع ها
    31
    Thanks
    51
    Thanked 32 Times in 23 Posts
    وب سایت کاربر
    افزودن وب سایت
    میزان امتیاز
    221

    مشکل با محل قرار گیری

    سلام من میخواهم این اسکریپ در محل دلخواه نمایش داده بشه ولی متاسفانه برای انجا موقعیتی تو قالبم تعریف نشده من کد template .css و index.php اپلود می کنم همچنین اسکریپ مورد نظر را ممنون می شوم راهنمایی کنید چه طور می شه اسکریپ در محل دلخواه به صورت ثابت نمایش داده بشه
    محل قرار گیری
    [فقط اعضا می توانند لینک ها را ببینند. ]
    index.php
    کد:
    <?php
    /**
     * @package Zo2Framework for Joomla! 2.5
     * @author http://www.ZooTemplate.com
     * @copyright(C) 2012- ZooTemplate.com
     * @license PHP files are GNU/GPL
    **/
    
    // no direct access
    defined( '_JEXEC' ) or die( 'Restricted access' );
    
    if(! is_file(JPATH_BASE . DS . 'components' . DS . 'com_zo2framework' . DS . 'zo2framework.php')) {
      die(JTEXT::_('ZO2_TPL_SOURCE_NOT_FOUND'));
    }
    
    // require library
    require_once(JPATH_BASE . DS . 'components' . DS . 'com_zo2framework' . DS . 'zo2framework.php');
    
    /* Declaration variable */  
    $prefix    = $this->template . "_default_";
    $menutype  = 'mega';
    
    /* Declaration object */
    $function  = new Zo2Functions($prefix, $this, $params);        
    
    /* Check direction block*/
    $vdirection   = JRequest::getVar('direction');
    $cdirection   = $function->getCookie('direction');
    $direction    = $params->get('direction');
    
    if($vdirection != NULL) {
      $direction  = $vdirection;
    }
    else if($cdirection != NULL && $cdirection != FALSE) {
      $direction  = $cdirection;
    }
    else {
      $direction  = $direction;
    }
    $function->setCookie('direction', $direction);
    /* End direction block */
    
    /* Check wide box layout*/
    $vlayouts   = JRequest::getVar('layouts');
    $clayouts   = $function->getCookie('layouts');
    $layouts    = $params->get('layouts', 'wide');
    
    if($vlayouts != NULL) {
      $layouts  = $vlayouts;
    }
    else if($clayouts != NULL && $clayouts != FALSE) {
      $layouts  = $clayouts;
    }
    else {
      $layouts  = $layouts;
    }
    $function->setCookie('layouts', $layouts);
    /* End wide box layout */
    ?>
    <!DOCTYPE html>
    <!--[if IE 8 ]><html class="ie8 <?php echo $direction; ?>" lang="<?php echo $this->language; ?>"> <![endif]-->
    <!--[if IE 9 ]><html class="ie9 <?php echo $direction; ?>" lang="<?php echo $this->language; ?>"><![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--><html class="<?php echo $direction; ?>" lang="<?php echo $this->language; ?>"><!--<![endif]-->
    <head>
    <jdoc:include type="head" />
    <?php
      $document = JFactory::getDocument();
      echo '<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">';
      echo '<meta name="viewport" content="width=device-width, user-scalable=yes" />';
      echo '<link href="'.$function->loadMediaFiles('favicon.ico','images').'" rel="shortcut icon" type="image/vnd.microsoft.icon" />';
      // Add global stylesheet
      $document->addStyleSheet($function->loadMediaFiles('bootstrap.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('bootstrap-responsive.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('template.responsive.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('general.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('template.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('patterns.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('typo.css', 'css'));
      $document->addStyleSheet($function->loadMediaFiles('menu.css', 'css'));    
      if(is_dir(JPATH_SITE . DS . 'components' . DS . 'com_k2')) {
        $document->addStyleSheet($function->loadMediaFiles('k2.css', 'css'));
      }
      
      if($params->get('fonts_feature')) { 
        $document->addStyleSheet($function->loadMediaFiles('fonts_feature.css', 'css')); 
      }
      if($layouts=="boxed") { 
        $document->addStyleSheet($function->loadMediaFiles('template-boxed.css', 'css')); 
      }
      
      $document->addStyleSheet($function->loadMediaFiles('css3.css', 'css'));
      
      if($params->get('google_fonts')) {
        if($function->getColorsValue('font', 'googlefont_body') != "Default" ){
          echo "<link href='http://fonts.googleapis.com/css?family=".$function->getColorsValue('font', 'googlefont_body')."&subset=latin,latin-ext' rel='stylesheet' type='text/css'>";
          echo'<style type="text/css">
            body,
            #menusys_mega .news-events,
            #menusys_mega .menu-desc,
            #menusys_mega .megacol ul li a .menu-title{ font-family:  '.$function->getColorsValue('font', 'googlefont_body').'; }
          </style>';
        }
        if($function->getColorsValue('font', 'googlefont_menu') != "Default" ){
          echo "<link href='http://fonts.googleapis.com/css?family=".$function->getColorsValue('font', 'googlefont_menu')."&subset=latin,latin-ext' rel='stylesheet' type='text/css'>";
          echo'<style type="text/css">
            .drillmenu li a span.menusys_name,
            #menusys_mega .menu-title { font-family:  '.$function->getColorsValue('font', 'googlefont_menu').'; }
          </style>';
        }
        if($function->getColorsValue('font', 'googlefont_heading') != "Default" ){
          echo "<link href='http://fonts.googleapis.com/css?family=".$function->getColorsValue('font', 'googlefont_heading')."&subset=latin,latin-ext' rel='stylesheet' type='text/css'>";
          echo'<style type="text/css">
            h1, h2, h3, h4, h5, h6 { font-family:  '.$function->getColorsValue('font', 'googlefont_heading').'; }
          </style>';
        }
      }  
      //load JS
      $document->addScript($function->loadMediaFiles('bootstrap.js', 'js'));
      
      switch($params->get('include_jquery'))
      {
        case "local":
          $document->addScript($function->loadMediaFiles('jquery.min.js', 'js'));
        break;
        case "google":
          $document->addScript("https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js");
        break;
      }
    
      $document->addScript($function->loadMediaFiles('jquery.cookies.2.2.0.js', 'js'));
      
      $document->addScript($function->loadMediaFiles('zo2-' . 'uncompressed' . '.js', 'js'));
    ?>
    <script language="javascript" type="text/javascript">
    $ZO2(document).ready(function() {
      /* Mega Menu script block */
      <?php if($menutype == 'mega') { ?>
      var megas = $ZO2('div[class="menusub_mega"]');
      var _tmp  = Array();
      
      $ZO2.each(megas, function(key, item) {
        var id = $ZO2(item).attr('id').split("_");
        if(id[2] != null) {
          var smart = "_" + id[1] + "_" + id[2];
          if($ZO2.inArray(smart, _tmp)) {
            $ZO2.merge(_tmp, Array(smart));
            ZTMenu(smart, "megamenu_close", '<?php echo $params->get('menu_mega_show_effect', 'show'); ?>', 
            '<?php echo $params->get('menu_mega_show_duration', 'slow'); ?>', 
            '<?php echo $params->get('menu_mega_hide_effect', 'hide'); ?>', 
            '<?php echo $params->get('menu_mega_hide_duration', 'slow'); ?>',
            '<?php echo $direction; ?>');
          }
        }
      });
      
      /* Add/remove class hover when mouse enter/mouse leave */
      $ZO2.each($ZO2('ul#menusys_mega li'), function(i, item) {
        $ZO2(item).mouseenter(function() {
          $ZO2(item).addClass('hover');
        }).mouseleave(function() {
          $ZO2(item).removeClass('hover');
        });
      });
      <?php } ?>
      
      /* Fancy Menu script block */
      <?php if($params->get('enable_fancy')) { ?>
      $ZO2(function() {
        $ZO2("#menusys_mega").ZO2Fancy({
          speed: <?php echo $params->get('menu_fancy_duration', 350); ?>,
          click: function(event, menuItem) {
            return false;
          }
        });
      });
      <?php } ?>
      /* Accordion menu */
      $ZO2(document).ready(function() {
        $ZO2("#zo2-drilldown-menu").mtAccordionMenu({
          accordion:true,
          speed: 500,
          closedSign: 'collapse',
          openedSign: 'expand',
          mouseType: 0,
          easing: 'easeInOutBack'
        });
      }); 
    });
    </script>
    <!-- Echo Header Script -->
    <?php echo (strlen($params->get('header_text')) > 2) ? base64_decode($params->get('header_text')) : ''; ?>
    <!--[if IE 8]>
      <?php $document->addStyleSheet($function->loadMediaFiles('ie8.css', 'css'));?>  
    <![endif]-->
    </head>
    <?php require_once("layouts".DS.$layouts.".php"); ?>
    </html>
    <script type="text/javascript">// <=!=[=C=D=A=T=A=[ window.___gcfg = {lang: 'fa'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); // ]=]=></script>
    
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <style type="text/css">
    .ggoogle{
    background-color:#99999;
    border:1px solid #00aeff;
    color:#000099;
    font-size:10px;
    line-height:15px;
    padding:4px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    text-align:center
    }
    </style>
    
    <div class="ggoogle" style="position:fixed;left:2px;bottom:2px;z-index:1000;">
    در گوگل محبوب کنید :
    <p>&nbsp;</p>
    <g:Plusone size="medium"></g:Plusone>
    کد template.css
    کد:
    /*------------------------------------------------------------------------
    * Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
    * @license - Copyrighted Commercial Software
    * Author: ZooTemplate
    * Websites:  http://www.zootemplate.com
    -------------------------------------------------------------------------*/
    
    /* COMMON STYLE
    --------------------------------------------------------- */
    html, body, form, fieldset { margin: 0; padding: 0;}
    html.ltr{ direction: ltr;}
    body {  line-height: 20px; font-family: BYekan,tahoma; font-weight: bold; color: #2c2c2c; background-color:#ffffff; background-image:url("../images/patterns/pattern1.png");  }
    body.fs10 {font-size: 10px;}
    body.fs11 {font-size: 11px;}
    body.fs12 {font-size: 12px;}
    body.fs13 {font-size: 13px;}
    body.fs14 {font-size: 14px;}
    body.fs15 {font-size: 15px;}
    @font-face {
        font-family: 'dastnevis';
        src: url('../fonts/dastnevis.eot'); /* IE9 Compat Modes */
        src: url('../fonts/dastnevis.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../fonts/dastnevis.woff') format('woff'), /* Modern Browsers */
             url('../fonts/dastnevis.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/dastnevis.svg#svgFontName') format('svg'); /* Legacy iOS */
        }
    h3 span{font-family: 'dastnevis';}
    @font-face {
        font-family: 'BYekan';
        src: url('../fonts/BYekan.eot'); /* IE9 Compat Modes */
        src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../fonts/BYekan.woff') format('woff'), /* Modern Browsers */
             url('../fonts/BYekan.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/BYekan.svg#svgFontName') format('svg'); /* Legacy iOS */
        }
    h1 span{font-family: byekan;}
    @font-face {
        font-family: 'ghalam';
        src: url('../fonts/ghalam.eot'); /* IE9 Compat Modes */
        src: url('../fonts/ghalam.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('../fonts/ghalam.woff') format('woff'), /* Modern Browsers */
             url('../fonts/ghalam.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/ghalam.svg#svgFontName') format('svg'); /* Legacy iOS */
        }
    h4 span{font-family: ghalam;}
    
    /* Clearfix */
    .clearfix { clear: both; }
    #zt-wrapper { margin: 0 auto; padding: 0; width: 100%;}
    #zt-wrapper-inner{ padding: 0;    margin:0 auto; }
    .zt-wrapper { width: 960px; margin: 0 auto; }
    .none-display{ display: none; }
    #zt-userwrap1, #zt-userwrap2, #zt-userwrap3, #zt-userwrap4, #zt-userwrap5, #zt-userwrap6{ width: 100%; clear: both; }
    div.moduletable, div.moduletable_menu, div.moduletable_text, div.module, div.module_menu, div.module_text { clear: both; display: block;margin: 0 0 20px 0; width: 100%; position: relative; }
    .zt-user{ float:left;}
    /*Video Responsive*/
    .embed-container {
        position: relative;
        padding-bottom: 56.25%; /* 16/9 ratio */
        padding-top: 30px; /* IE6 workaround*/
        height: 0;
        overflow: hidden;
        width: 100%;
    }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important;
    }
    /**/
    /*h3 title*/
    h3.moduletitle{ margin: 0 0 10px 0;font-size: 25;line-height: 150%;font-weight: normal;text-transform: uppercase;}
    h3.moduletitle span.title1 {color: #303030;}
    /*layout*/
    #zt-right-inner{}
    #zt-right .latestnewsitems {padding: 10px 0;margin: 0;}
    #zt-right a.latestnews-img {border: 4px solid #fff; box-shadow: none;margin-right: 10px;}
    #zt-right .latestnewsitems h4 {font-family: dastnevis,tahoma; font-size: 110%; font-weight: bold; margin: 0;}
    #zt-right p.laestnew_intro {color: #5a5a5a;font-family: tahoma;font-size: 110%; line-height: 140%; margin: 2px 0;}
    #zt-right span.latestnewsdate {color:#a6a6a6;font-size: 90%;}
    #zt-right div.k2ItemsBlock h4 {line-height: 120%; margin: 10px 0;}
    #zt-right div.k2ItemsBlock ul li div.moduleItemIntrotext p {color: #808080;}
    /*wrapper1*/
    #zt-userwrap1-outer{ background:#5caddb url('../images/bkg-top-pos.png') bottom left repeat-x; min-height:5px; width: 100%; }
    #zt-userwrap1{ display: none; overflow: hidden;}
    #zt-userwrap1 div.moduletable { margin:0; }
    #zt-userwrap1-inner{ position:relative; padding:20px 0px;}
    #zt-userwrap1-inner{ position:relative; padding:20px 0px;}
    /*header*/
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
    
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Untitled 1</title>
    
    <style type="text/css">
    
    .p2g, .arman, .plus2{
    -webkit-transition:all 1s ease-in;
    -moz-transition:all 1s ease-in;
    -o-transition:all 1s ease-in;
    transition:all 1s ease-in;    
    }
    .p2g{
    width:500px;
    height:80px;
    background-image: -ms-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -moz-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -o-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8F8F8F), color-stop(1, #292828));
    background-image: -webkit-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: linear-gradient(top, #8F8F8F 0%, #292828 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #414141;
    font-family: "B Yekan",Arial, Helvetica, Sans-Serif;
    padding:0;
    margin:5px;
    overflow:hidden;
    }
    .p2g #arman{
    padding:5px;
    font-size:15px;
    color:#000;
    text-shadow:2px 2px 1px #ffffff;
    background:#52D1EB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:150px;
    text-align:center;
    margin:5px -170px 0 0px;
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    animation:arman 10s infinite;
    -moz-animation:arman 10s infinite;
    -webkit-animation:arman 10s infinite;
    }
    @keyframes arman{
    0% {margin:0px -170px 0 0px;transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;transform: rotate(-2deg);}
    }
    @-webkit-keyframes arman{
    0% {margin:0px -170px 0 0px;-webkit-transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;-webkit-transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;-webkit-transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;-webkit-transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;-webkit-transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;-webkit-transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;-webkit-transform: rotate(-2deg);}
    }
    @-moz-keyframes arman{
    0% {margin:0px -170px 0 0px;-moz-transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;-moz-transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;-moz-transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;-moz-transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;-moz-transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;-moz-transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;-moz-transform: rotate(-2deg);}
    }
    .p2g #plus2{
    padding:5px;
    font-size:15px;
    color:#000;
    text-shadow:2px 2px 1px #ffffff;
    background:#F2D60B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:250px;
    text-align:center;
    margin:5px 500px 0px 0px;
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    animation:plus2 15s infinite;
    -moz-animation:plus2 15s infinite;
    -webkit-animation:plus2 15s infinite;
    }
    @keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    @-webkit-keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    @-moz-keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    </style>
    
    </head>
    <body>
    <div class="p2g"><div id="plus2">انجمن تخصصی شبکه</div><div id="arman">پرشین لرن</div></div>
    </body>
    
    </html>
    #zt-header{position: relative;z-index:99;background-color: #f7f7f7;border-bottom: 1px solid #ececec; height: 31px;}
    #zt-header .zt-contact span {display: inline-block; float: left; height: 30px;line-height: 30px;}
    #zt-header .zt-contact .phone {background: url(../images/icons.png) no-repeat 0 6px;padding-left: 15px;margin-right: 15px;}
    #zt-header .zt-contact .fax {background: url(../images/icons.png) no-repeat 0 -21px;padding-left: 20px;}
    #zt-header-inner{ position: relative;}
    .bkg-control-down{ width: 31px; height: 27px; position:absolute; cursor:pointer; top:-5px; right:10px; background:url('../images/bkg-control-toggle.png') no-repeat right -27px; }
    .bkg-control-down span{ display: none;}
    .bkg-control-up{ width: 31px; height: 27px; position:absolute; top:-5px;  cursor:pointer; background:url('../images/bkg-control-toggle.png') no-repeat right 0;  top:-5px; right:10px; }
    .bkg-control-up span{ display: none;}
    
    /*logo*/
    #zt-logo {margin:0;}
    #zt-logo-image {display: block; height: 37px; width: 308px; padding: 40px 0;}
    #zt-logo-image span{  display: none; }
    #zt-text-outer {text-align: center;}
    #zt-logo-text {color: #2f363b!important; font-size: 400%; text-align: center;line-height: 100%;}
    #zt-logo-text span{ text-align: center;text-transform: uppercase;font-family: 'dastnevis', tahoma; }
    #zt-logo-slogan { display: none; margin: 0; letter-spacing: 9px; float:left;}
    
    /*search*/
    #zt-search {position: absolute;right: 0;}
    #zt-search .search {float: right;}
     #zt-search .button{background: #1383C9 url('../images/search-icon.png') 4px 5px no-repeat; display: block;float: right; width: 31px; height: 31px;text-indent: -9999em; border:0;}
     #zt-search .button:hover {background-color: #2f363b!important;}
    .box-search{ width:auto; height:31px; float:right;margin:25px 0;}
    #zt-search .inputbox{ background:#eaeaea; border:0;border-radius: 0; color:#484848;height:31px;float: left; line-height:31px; padding: 0 5px; font-size: 100%; width:180px;margin:0;-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, width 0.7s ease 0s;-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, width 0.7s ease 0s;-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, width 0.7s ease 0s;-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, width 0.7s ease 0s;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, width 0.7s ease 0s;}
    #zt-search .inputbox:focus {width: 200px;}
    /*login*/
    #zt-login{position: absolute;left:0;top: 10px; }
    #zt-login ul{margin: 0;}
    #zt-login ul li{background: none; color:#6b6b6b;padding:0;}
    #zt-login ul li a{color:#67ac2a;font-weight: bold;padding: 0 0 0 5px;}
    #zt-login ul li a:hover{color: #FE9F16;}
    #zt-login .inputbox{margin: 5px 0;color:#fff;border:none;width: 140px;background: #77bf38;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 3px 5px;}
    #zt-login .button{background:#fead39;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:none;color:#fff;height: 26px;line-height: 26px;text-transform: none;}
    #zt-login .login-greeting{ color: #fff; float: left; font-weight: bold; margin-right: 10px;}
    /* Login form */
    #login-form input[type="text"],
    #login-form input[type="password"] {
        border-radius: 0;
        border-color: #CCCCCC #E7E7E7 #E7E7E7;
        border-right: 1px solid #E7E7E7;
        color: #555;
        width: 95%;
    }
    input[type="text"]:focus, 
    input[type="password"]:focus, 
    input[type="url"]:focus, 
    input[type="email"]:focus, textarea:focus {
        background: none repeat scroll 0 0 #FFFEF4;
    }
    /*mainmenu*/ 
    #zt-mainmenu-inner {border-bottom: 5px solid #1383c9;}
    /*Slideshow*/
    .nivo-caption h2 a:hover,
    .nivo-caption p span:hover {
        background-image:url("../images/zt_slideshow/transparent_bg_hover.png");
    }
    /*userwrap2*/
    #zt-userwrap2-inner2{ margin: 0; padding:20px}
    #zt-userwrap2-inner h3.moduletitle{     height: 32px; line-height: 32px; margin:0;font-size: 120%;}
    #zt-userwrap2-inner h3.moduletitle span {}
    /*userwrap3*/
    #zt-userwrap3 {}
    #zt-userwrap3-inner{}
    #zt-userwrap3-inner .zt-box-inside .moduletable{}
    #zt-userwrap3-inner .zt-box-inside .moduletable:hover{}
    #zt-userwrap3-inner p{}
    #zt-userwrap3-inner p.ireadon{}
    .modal { background-clip: padding-box; background-color: 0  !important; border: 0  !important; border-radius: 0px  !important; box-shadow: none  !important; left: auto  !important; margin: 0 !important; overflow: auto; position: static !important; top: auto !important; width: auto  !important; z-index: 1050; }
    
    /* Special grid styles
    -------------------------------------------------- */
    .show-grid {  display: table; margin-bottom: 20px;  margin-top: 10px;  width: 100%; }
    .show-grid [class*="span"] {  background-color: #eee;  text-align: center;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 30px;}
    .show-grid:hover [class*="span"] {  background: #ddd; }
    .show-grid .show-grid {  margin-top: 0;  margin-bottom: 0; }
    .show-grid .show-grid [class*="span"] {  background-color: #ccc; }
    /*Our Services*/
    .home .items-leading{
        padding: 0;
        margin-bottom: 0;
    }
    .home div.article div.header{
        margin: 0;
    }
    .home div.article div.header h1{
        margin: 0;
    }
    .home .items-leading div.header h1{
        border-bottom:1px solid #DEDEDE;
        font-size:210% !important;
        padding-bottom:15px;
        text-transform: uppercase;
    }
    .home .items-leading div.header h1 .title2{
        color: #1382C9;
    }
    #zt-position-5 {margin: 20px 0;}
    #zt-position-5 h3.moduletitle {
        border-bottom:  1px solid #dedede;
        font-size: 210%!important;
        padding-bottom: 15px;
    }
    .zt-service .zt-content,
    #zt-position-5 .zt-content {
        border: 5px solid transparent;
        margin-top: 20px;
        margin-bottom: 5px;
        padding: 20px;
        text-align: center;
        -webkit-transition: all 0.6s ease; 
        -moz-transition: all 0.6s ease; 
        -o-transition: all 0.6s ease;
    }
    .zt-service .zt-content img,
    #zt-position-5 .zt-content img {
        padding: 30px 0 40px 0;
    }
    .zt-service .zt-content a.readon,
    #zt-position-5 .zt-content a.readon{
        font-family: dastnevis,tahoma;
        float: none;
        font-size: 16;
        margin-top: 15px;
     
    }
    a.readon:hover,a.readon:active,a.readon:focus{color: #fff!important;}
    .zt-service .zt-content h2.title,
    #zt-position-5 .zt-content h2.title{
        color: #1382C9;
        font-size: 150%;
        text-transform: uppercase;
    }
    .zt-service .zt-content:hover,
    #zt-position-5 .zt-content:hover,
    #zt-position-5 .active{
        border: 5px solid #1382c9;
        box-shadow: 0 0 20px #AAAAAA;
    }
    .zt_news_wrap a.readmore {
        background: url(../images/readmore-bg.png) no-repeat left 0;
        display: inline-block;
        height: 37px;   
     }
     .zt_news_wrap a.readmore span {
        background: url(../images/readmore-bg.png) no-repeat right 0;
        display: inline-block;
        height: 37px;   
        line-height: 27px;
        padding: 0 15px;
    }
    /*Lastest News*/
    .zt-article-item-header {width: 100%;}
    #zt-position-8 h3.item-title a:hover{color: #1383C9!important;}
    #zt-position-8 span.created{
        background: url("../images/k2-icons.png") no-repeat scroll left 50% transparent;float: left;padding: 0 0 0 20px;
        float: left;
    }
    #zt-position-8 span.user{
        background: url("../images/k2-icons.png") no-repeat scroll -175px 3px transparent; padding: 0 0 0 25px;
        float: right;
    }
    /*userwrap4*/
    #zt-userwrap4{margin: 20px 0;}
    #zt-userwrap4 .zt-box-inside {padding: 0;}
    #zt-userwrap4 h3.moduletitle  {
        border-bottom:  1px solid #dedede;
        font-size: 210%!important;
        margin: 0;
        padding-bottom: 15px;
    }
    #zt-position10-inner {border-top: 1px solid #dedede;}
    /*userwrap5*/
    #zt-userwrap5 .zt-box-inside {padding: 15px;}
    /*main frame*/
    #zt-mainframe{ }
    #zt-mainframe-inner3{padding: 15px;}
    .home #zt-mainframe-inner3{
        padding: 0;
    }
    #zt-mainframe-outer{}
    .not-show-content{ display: none; }
    #zt-component{ padding: 0 0 20px 0;}
    .k2AccountPage {;}
    #recaptcha {margin: 15px 0;}
    .zt-drillmenu-inner{position:relative; }
    .hdrillmenu{ width: 100%; float:left;     }
    .zt-drillmenu-inner h3{ float:left; width: 50%; margin:0;  color:#000000;}
    .zt-drillmenu-inner h3 span{ padding: 10px 10px;margin:0; float:left;}
    .collapse { clear: both;}
    .navbar{ margin:0;}
    .zt-drillmenu-inner .btn-navbar{ background:url('../images/green/menu/drill-bg.png') no-repeat 0 0; border: none; height: 36px; width: 52px; margin: 5px 10px; display: block;text-align: right; padding: 0;}
    .zt-drillmenu-inner .btn-navbar span{ display: none;}
    /*breadcrum*/
    #zt-breadcrumb{ margin: 0;}
    #zt-breadcrumb .breadcrumbs {
        border-bottom: 1px dashed #ccc;
        color: #777777;
        display: inline-block;
        width: 100%;
        padding:10px 0;
    }
    #zt-breadcrumb .breadcrumbs >ul{
        margin: 0;
    }
    #zt-breadcrumb .breadcrumbs >ul>li{
        background: 0;
        color: #686868;
        float: left;
        padding-left: 15px;
    }
    #zt-slideshow-inner{
        padding-top: 20px;
    }
    
    /*Random Image*/
    #zt-left .random-image img {
        padding: 4px;
        border: 1px solid #ddd;
    }
    #zt_hme {position: absolute; top: 0px; left: -5111px;}
    /*go to top*/
    #gototop {  background: url('../images/back-to-top.png') no-repeat 100% 0; bottom: 60px;width:50px;  height:33px;  padding: 0;  position: fixed;  right: 0px;
       transition: width 0.4s;
        -moz-transition: width 0.4s; 
        -webkit-transition: width 0.4s;
        -o-transition: width 0.4s; 
    }
    #gototop span{ display: none; } 
    #gototop:hover{width: 128px;}
    
    //*userwrap6*/
    #zt-userwrap6{margin: 20px 0;}
    /*userwrap7*/
    #zt-userwrap7{
        -webkit-box-shadow: 0 -5px rgba(219,219,219,.68); 
        -moz-box-shadow: 0 -5px rgba(219,219,219,.68); 
        box-shadow: 0 -5px rgba(219,219,219,.68);
        background-color:#212326;
        color:#A1A1A1;
    }
    #zt-userwrap7 .zt-box-inside {padding: 20px;min-height: 350px;}
    #zt-userwrap7-inner{margin: 0;width: 100%;}
    #zt-userwrap7 h3.moduletitle .title1 {color: #FC930A;}
    #zt-userwrap7-outer {position: relative;background: url(../images/bottom-shadow.png) no-repeat 0 100%; bottom: -13px;}
    #zt-position-17 {position: absolute;right: 0;top: -10px;}
    #zt-position-17 .zt-box-inside{
        background: #242528; 
        float: left;
        min-height: 400px;
        -webkit-box-shadow: 0 0 10px -5px #1D1D1D;
        box-shadow: 0 0 10px -5px #1D1D1D; 
        padding-top: 0;
    }
    #zt-position-17 .zt-box-inside .active {min-height: 400px; margin: 0;position: relative;background: url(../images/footer-shadow.png) no-repeat center 100%;bottom: -30px;}
    #zt-position-17 .signup,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore {
        background: url(../images/readmore-bg.png) no-repeat left -37px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        height: 37px;
        line-height: 30px;
        text-shadow: 0px 0px 4px #FFFFFF;
    }
    #zt-position-17 .signup:hover,
    #zt-position-17 .signup:active,
    #zt-position-17 .signup:focus,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore:hover,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore:active,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore:focus {
        background-position: left 0;
        color: #fff!important;
    }
    #zt-position-17 .signup span,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore span {
        background: url(../images/readmore-bg.png) no-repeat right -37px;
        display: inline-block;
        height: 37px;
        padding: 0 15px;
    }
    #zt-position-17 .signup:hover span,
    #zt-userwrap7 #zt-position-15 .moduleItemReadMore:hover span {
        background-position: right 0;
    }
    #zt-position-17 input {background: #fff; border: none;border-radius: 0;color: #e4e4e4;font-size: 100%; margin: 20px 0; padding: 7px; width: 95%; }
    #zt-position-17 h5 {text-align: center;}
    #zt-position-17 .signup {text-transform: uppercase;}
    #zt-position-17 .signup span {padding: 0 30px;}
    /*twitter*/
    #zt-userwrap7 .jv_twitter_item {
        background: url(../images/twitter-separator.png) repeat-x 0 100%;
        border: none;
    }
    #zt-userwrap7 .jv_twitter_item:last-child{
        background: none;
    }
    #zt-userwrap7 .jv_twitter_item p.date{
        color: #ffffff;
        font-size: 95%;
        font-style: italic;
        margin: 0;
    }
    /*footer*/
    #zt-footer {margin-top: 10px;}
    #zt-footer-inner{margin: 0 10px; padding: 10px 0; display:none;}
    #zt-footer-left{float:left;}
    #zt-footer-copy{ width: 100%; float:left; display:none;}
    #zt-footer-menu ul.menu{ float:left; width: auto; margin:0;}
    #zt-footer-menu ul.menu li{ float:left; width: auto; height:20px; line-height:20px;}
    #zt-footer-menu ul.menu li a{height:20px; line-height:20px;}
    #zt-footer-menu ul.menu li span{padding: 0 20px;}
    #zt-footer-menu ul.menu li.last{background:0;}
    #zt-footer-menu ul.menu li.first span{padding: 0 20px 0 0 ;}
    #zt-footer-menu ul.menu li.last span{padding: 0  0 0 20px;}
    /*Footer logo*/
    #zt-footer-logo {
        height: auto;
        margin: auto;
        width: 61px;
    }
    /*social*/
    #social {text-align: center;padding: 20px 0 40px 0;}
    #social h3 {padding-bottom: 25px;}
    #social a{ 
    margin: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    height: 36px;width: 35px;
    background: url(../images/social.png)no-repeat 0 0;display: inline-block; position: relative;text-indent: -9999px;}
    #social a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition:opacity 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s;
    -ms-transition:opacity 0.3s ease 0s;
    -o-transition:opacity 0.3s ease 0s;
    -webkit-transition:opacity 0.3s ease 0s;
    }
    #social a#rss{background-position: 0 0;}
    #social a#twitter{background-position: -44px 0;}
    #social a#facebook{background-position: -88px 0;}
    #social a#vimeo{background-position: -132px 0;}
    #social a#skype{background-position: -176px 0;}
    /*Shortcode/Gallery*/
    .highslide-gallery ul{ margin:0; padding:0; width: 100%; }
    .highslide-gallery ul li{ margin:10px; padding:0!important; background:0; float:left; }
    .highslide-gallery ul li img{ float: left; border:1px solid #dbdbdb;background:#ffffff;padding:4px;margin: 0;}
    div#gmap_gmap131 img{max-width: inherit!important;background: none;}
    
    /*right to left style*/
    html.rtl{ direction: rtl;}
    .rtl ul.pagination li {background: 0; }
    .rtl ul.weblinks li:hover a,
    .rtl ul.menu li:hover a,
    .rtl ul.menu li.current a,
    .rtl ul.menu li:hover a{
        background-position:  100% -38px;
        margin-right: 10px;
    }
    .rtl ul.menu li.current, .rtl ul.menu li:hover {margin: 0 10px 0 0;}
    .rtl ul.weblinks li:hover, .rtl ul.mostread li:hover,  .rtl ul.latestnews li:hover, .rtl ul.menu2 li:hover { -moz-transition: all 0.3s linear 0s;  margin: 0 10px 0 0; }
    .rtl ul.weblinks li a span, .rtl ul.mostread li a span, .rtl ul.latestnews li a span, .rtl ul.menu2 li a span { margin: 0 0 0 0; }
    .rtl ul.weblinks li a span span, .rtl ul.mostread li a span span, .rtl ul.latestnews li a span span, .rtl ul.menu2 li a span span { margin: 0; }
    .rtl div.shortcode-social {float: right;}
    .rtl div.shortcode-dropcap{ float: right; margin-left: 10px;}
    
    .rtl img.mcaption{ float:right; margin:0 0 0 10px;}
    /*search*/
    .rtl #zt-search { float: left; }
    .rtl #zt-search .inputbox {float: right;}
    .rtl #zt-search .button {background-position: 4px -28px;}
    /*header*/
    .rtl .bkg-control-down{ right: auto; left:0px; background:url('../images/icon-all.png') no-repeat 0 -437px; }
    .rtl .bkg-control-up { background: url("../images/icon-all.png") no-repeat 0 -410px; right: auto; left:0px; }
    /*Slideshow*/
    .rtl .nivo-caption {left: 35px!important;right: auto!important;}
    .rtl a.nivo-nextNav {left: 76px;right: auto!important;}
    .rtl a.nivo-prevNav {left: 35px;right: auto!important;}
    .rtl .nivo-caption h2 a {float: left;}
    .rtl .nivo-caption p span {float: left;}
    /*mega menu*/
    .rtl span.has-image { background-position: 100% 50%;  padding: 0 25px 0 0; }
    .rtl #menusys_mega {float: none;}
    .rtl #menusys_mega .menu-title {float: right;}
    .rtl #menusys_mega li.first-item span.no-image {background:url("../images/menu/home.png") no-repeat scroll 100% -40px transparent;}
    .rtl #menusys_mega li.first-item.active span.no-image {background:url("../images/menu/home.png") no-repeat scroll 100% 10px #1383C9;}
    .rtl #menusys_mega li.first-item a {padding:0 15px 0 0;}
    .rtl #menusys_mega li { float: right; }
    .rtl #menusys_mega li.first-item { margin:0; }
    .rtl #menusys_mega .mega-group a {float: right;margin: 5px 10px 0 0;}
    .rtl #menusys_mega .submenu-wrap {float: right;}
    .rtl #menusys_mega .megacol ul li a .menu-title{ text-align: right;  float:right; padding: 0;}
    .rtl #menusys_mega .megacol ul li a:hover  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a:active  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a:focus  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a.active  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a.active:hover  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a.active:active  span.menu-title,
    .rtl #menusys_mega .megacol ul  li a.active:focus  span.menu-title{ margin: 0 10px 0 0; }
    .rtl #menusys_mega .megacol{ float:right; } 
    .rtl #menusys_mega .mega-group .menu-title { float:right; }
    .rtl #menusys_mega .mbanner { float: right; margin: 0 10px 0 0; }
    .rtl #menusys_mega li.mfeatures .column5 { float: left; text-align: left;  }
    .rtl #menusys_mega .menusub_mega .menusub_mega{ margin: -31px -7px 0 0 !important}
    .rtl #menusys_mega .menusub_mega .menusub_mega .megacol ul.mega-ul{ margin: 0 10px;}
    .rtl #menusys_mega .menusub_mega .k2ItemsBlock ul li a.moduleItemTitle {text-align: right;}
    .rtl #menusys_mega .menusub_mega .k2ItemsBlock ul li a.left {float: right;}
    .rtl #menusys_mega .menusub_mega .k2ItemsBlock ul li .intro-right{float: left;}
    .rtl #menusys_mega .menusub_mega .k2ItemsBlock ul li span.moduleItemHits {padding: 0;}
    .rtl #menusys_mega .menusub_mega .k2ItemsBlock ul li span {padding: 0 15px 0 0;}
    /**/
    .rtl div.modulecontent ul.weblinks, 
    .rtl div.modulecontent ul.menu {
        float: none;
    }
    .rtl ul.weblinks li a, 
    .rtl ul.menu li a {
        background:url("../images/rtl/arrows.png") no-repeat scroll 100% 2px transparent;
        padding-right: 15px;
    }
    .rtl button, 
    .rlt input.button, 
    .rtl span.button, 
    .rtl button.button, 
    .rtl div.button, 
    .rtl input[type="submit"], 
    .rtl input[type="button"], 
    .rtl .pagenav-prev a, 
    .rtl .pagenav-next a {float: none;}
    
    /*Bottom*/
    .rtl #zt-userwrap7-inner .span4 {float: right;}
    .rtl #zt-position-17 {left: 0;right: auto;}
    .rtl #zt-userwrap7-outer {
        background:url("../images/rtl/bottom-shadow.png") no-repeat scroll 100% 100% transparent;
    }
    /*footer*/
    .rtl #zt-footer-left { float: right; }
    .rtl #zt-footer-menu ul.menu { float: right; }
    /*breadcrum*/
    .rtl #zt-breadcrumb .breadcrumbs > ul > li {float: right;}
    /*Module title*/
    .rtl #zt-left h3.moduletitle, 
    .rtl #zt-right h3.moduletitle {
        padding: 0 10px 0 0;
    }
    /*lastest news*/
    .rtl a.latestnews-img {
        float: right;
        margin-right: 0;
        margin-left: 15px;
    }
    /*Search page*/
    .rtl #searchForm label, 
    .rtl #searchForm input {
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }
    اسکریپ مورد نظر
    کد:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
    
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Untitled 1</title>
    
    <style type="text/css">
    
    .p2g, .arman, .plus2{
    -webkit-transition:all 1s ease-in;
    -moz-transition:all 1s ease-in;
    -o-transition:all 1s ease-in;
    transition:all 1s ease-in;    
    }
    .p2g{
    width:500px;
    height:80px;
    background-image: -ms-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -moz-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -o-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8F8F8F), color-stop(1, #292828));
    background-image: -webkit-linear-gradient(top, #8F8F8F 0%, #292828 100%);
    background-image: linear-gradient(top, #8F8F8F 0%, #292828 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #414141;
    font-family: "B Yekan",Arial, Helvetica, Sans-Serif;
    padding:0;
    margin:5px;
    overflow:hidden;
    }
    .p2g #arman{
    padding:5px;
    font-size:15px;
    color:#000;
    text-shadow:2px 2px 1px #ffffff;
    background:#52D1EB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:150px;
    text-align:center;
    margin:5px -170px 0 0px;
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    animation:arman 10s infinite;
    -moz-animation:arman 10s infinite;
    -webkit-animation:arman 10s infinite;
    }
    @keyframes arman{
    0% {margin:0px -170px 0 0px;transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;transform: rotate(-2deg);}
    }
    @-webkit-keyframes arman{
    0% {margin:0px -170px 0 0px;-webkit-transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;-webkit-transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;-webkit-transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;-webkit-transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;-webkit-transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;-webkit-transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;-webkit-transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;-webkit-transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;-webkit-transform: rotate(-2deg);}
    }
    @-moz-keyframes arman{
    0% {margin:0px -170px 0 0px;-moz-transform: rotate(-2deg);}
    5% {margin:0px -170px 0 0px;-moz-transform: rotate(360deg);}
    10% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    15% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    20% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    25% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    30% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    35% {margin:0px 20px 0 0px;-moz-transform: rotate(360deg);}
    40% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    45% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    50% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    55% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    60% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    65% {margin:0px 280px 0 0px;-moz-transform: rotate(-2deg);}
    70% {margin:0px 280px 0 0px;-moz-transform: rotate(360deg);}
    75% {margin:0px 500px 0 0px;-moz-transform: rotate(-2deg);}
    80% {margin:0px 500px 0 0px;-moz-transform: rotate(360deg);}
    85% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    90% {margin:0px 20px 0 0px;-moz-transform: rotate(-2deg);}
    95% {margin:0px -170px 0 0px;-moz-transform: rotate(-2deg);}
    }
    .p2g #plus2{
    padding:5px;
    font-size:15px;
    color:#000;
    text-shadow:2px 2px 1px #ffffff;
    background:#F2D60B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:250px;
    text-align:center;
    margin:5px 500px 0px 0px;
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    animation:plus2 15s infinite;
    -moz-animation:plus2 15s infinite;
    -webkit-animation:plus2 15s infinite;
    }
    @keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    @-webkit-keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    @-moz-keyframes plus2{
    0% {margin:5px 500px 0px 0px;}
    5% {margin:5px 500px 0px 0px;}
    10% {margin:5px 20px 0px 0px;}
    15% {margin:5px 20px 0px 0px;}
    20% {margin:5px 20px 0px 0px;}
    25% {margin:5px 20px 0px 0px;}
    30% {margin:5px 150px 0px 0px;}
    35% {margin:5px 150px 0px 0px;}
    40% {margin:5px 100px 0px 0px;}
    45% {margin:5px 150px 0px 0px;}
    50% {margin:5px 200px 0px 0px;}
    55% {margin:5px 200px 0px 0px;}
    60% {margin:5px 200px 0px 0px;}
    65% {margin:5px 200px 0px 0px;}
    70% {margin:5px 20px 0px 0px;}
    75% {margin:5px 20px 0px 0px;}
    80% {margin:5px 40px 0px 0px;}
    85% {margin:5px 40px 0px 0px;}
    90% {margin:5px 20px 0px 0px;}
    95% {margin:5px 500px 0px 0px;}
    }
    </style>
    
    </head>
    <body>
    <div class="p2g"><div id="plus2">انجمن تخصصی طراحان وب</div><div id="arman">انجمن جومیران</div></div>
    </body>
    
    </html>


    موضوعات مشابه:

  2. # ADS
    Circuit advertisement
    تاریخ عضویت
    Always
    نوشته ها
    Many


    اینجا محل تبلیغات شماست.

     

  3. Top | #2
    StarStarStarStarStarStarStar
    تاریخ عضویت
    July 2012
    شماره عضویت
    1
    عنوان کاربر
    مدير کـــــــــل
    میانگین پست در روز
    2.02
    محل سکونت
    اصفهان
    هوادار
    سپاهان - رئال مادرید
    نوشته ها
    5,305
    موضوع ها
    76
    Thanks
    1,921
    Thanked 1,964 Times in 1,525 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    1000
    درود بر شما

    در موقعیت هایی که در بالا هست چند تا را مورد آزمایش قرار بدید و کد های موردنظر را داخلش بگذارید و کمی سعی و خطا کنید.

    اگر مشکل حل نشد، راه حل ساختن یک موقعیت در مکان موردنظر است. با استفاده از آموزش زیر می توانید موقعیت در قالب خود ایجاد کنید:
    [فقط اعضا می توانند لینک ها را ببینند. ]


    موفق باشید.

    این پست مفید بود؟؟ دکمه گوگل +1 یادتون نره پس!
    کجاست؟ یکی بالای تاپیک سمت چپ و یکی دیگه هم پایین انجمن سمت چپ!


    [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ]

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  


از انجمن جومیران در گوگل حمایت کنیم.