This WordPress.com site is the cat’s pajamas

CSS

=============================================================================================================
@media screen and (-webkit-min-device-pixel-ratio:0) {
.class name { margin:0 10px 0 0; /* Safari only */ }

}

ie
=============================================================================================================
ie 8 =  color:#009900\9;                          ie 7 =     #color:#FF0000;

gooogle-crome
=============================================================================================================

.class name{
-bracket-:hack(;
color:red;
);
}
.class name{

color:green;
(-bracket-:hack;
color:red;
);

}

hover efect
=============================================================
transform:rotate(-361deg);

anmation css
=========================================
animation:3s linear 0s normal none infinite rotation;

img hover effect
transform:scale(1.3) rotate(0deg) translate(0px);

transition:all 300ms linear 0s;

(1)color-comnication-site

http://colorschemedesigner.com/

(2)loading-icon-link

http://ajaxload.info/

(3)logo-link

http://99designs.com/logo-design/store/search?q=hardware+

http://www.magentocommerce.com/product/enterprise-whos-using-magento

(4)magento color change site

http://www.magentothemestudio.com/themes/wiser/

(5) page speed check site

https://developers.google.com/speed/pagespeed/

http://tools.pingdom.com/

cms  page IMAGE PATH

<img src=”{{media url=”wysiwyg/about-images.jpg”}}” alt=”” />

STATICK  BLOCK IMAGE PATH

<img src=”{{media url=”wysiwyg/be_social.jpg”}}” alt=”” />

<img src=”{{skin url=’images/images/client-1.png’}}” alt=”” width=”77″ height=”27″ />

STATICK BLOCK -PHTML

<?php echo $this->getLayout()->createBlock(‘cms/block’)->setBlockId

(‘static_block_name’)->toHtml() ?>

JS-PHTML

<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/ma_007.js’) ?>” ></script>

How to call static block in CMS->Pages

{{block type=”cms/block” block_id=”your_block_id”}}

How to call staic block any XML file

<reference name=”left”>
<block type=”cms/block” name=”sample_block” before=”-”>
<action method=”setBlockId”><block_id>sample_block</block_id></action>
</block>
</reference>

How to creating a link to another page within your site

{{store direct_url=’mypage.html’}}

css file call phtml

<link rel=”stylesheet” href=”<?php echo $this->getSkinUrl(); ?>css/yourCssfile.css” type=”text/css” />

odd’,’even’,’first’,’last’ add phtml

<script type=”text/javascript”>decorateGeneric($$(‘ul.products-grid’), ['odd','even','first','last'])</script>

jQuery.noConflict

<script>
$category_slider = jQuery.noConflict();
$category_slider(function(){
$category_slider(‘#slides’).slides({
preload: true,
generateNextPrev: true
});
});

</script>

opacity-IE

opacity: .3;
filter:Alpha(Opacity=30);

static page link cms page

“{{store direct_url=”sale.html”}}”

only -one page per show -PHTML
<?php if ($this->getIsHomePage()):?>

<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/slider.js’) ?>” ></script>
<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/ma.js’) ?>” ></script>
<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/ma_007.js’) ?>” ></script> x

<?php echo $this->getLayout()->createBlock(‘cms/block’)->setBlockId(‘banner-block’)->toHtml() ?>

<?php endif?>

upsell -product-layaut
======================================================================================================

<?php
$pageLayout = $this->getLayout()->getBlock(‘root’)->getTemplate();
if($pageLayout == ‘page/2columns-left.phtml’) { $_SESSION['columnCount'] = ’4′; }
if($pageLayout == ‘page/3columns.phtml’) { $_SESSION['columnCount'] = ’3′; }
if($pageLayout == ‘page/2columns-right.phtml’) { $_SESSION['columnCount'] = ’4′; }
if($pageLayout == ‘page/1column.phtml’) { $_SESSION['columnCount'] = ’5′; }
?>

Grid Mode-product-layaut
======================================================================================================
{  —–  page ke top me rakhna hai  —– }
<?php

$pageLayout = $this->getLayout()->getBlock(‘root’)->getTemplate();
if($pageLayout == ‘page/2columns-left.phtml’) { $_SESSION['columnCount'] = ’3′; }
if($pageLayout == ‘page/3columns.phtml’) { $_SESSION['columnCount'] = ’2′; }
if($pageLayout == ‘page/2columns-right.phtml’) { $_SESSION['columnCount'] = ’3′; }
if($pageLayout == ‘page/1column.phtml’) { $_SESSION['columnCount'] = ’4′; }
?>

<?php // Grid Mode ?> { —-   ke bottom me —–    }
<?php //$_columnCount = 3; //$this->getColumnCount();?> { —–  comment karna hai  —– }
<?php $_columnCount = $_SESSION['columnCount']; ?>  {  —–  pest karna hai  —– }

css

=============================================================================================================
@media screen and (-webkit-min-device-pixel-ratio:0) {
.class name {
margin:0 10px 0 0; /* Safari only */
}

}

ie

Web Disegner

Infinuim softech.com

Tag Cloud

Follow

Get every new post delivered to your Inbox.