انجمن کدستانMoisrex

*{

padding: 0px;

margin: 0px;

}

.headbg{

float: right;

width: 100%;

height: 128px;

background: url(http://upload3.ir/css/Style/images/bg-header.png) no-repeat scroll center center transparent;

border-bottom: 1px solid #FFF;

box-shadow: 1px 1px 10px #AAA;

}

.headbg .menutop{

float: right;

width: 700px;

height: 49px;

margin: 80px;

}

.headbg .menutop a{

float: right;

font-size: 13px;

font-family: BYekan,tahoma;

padding: 5px;

color: #CCC;

margin: 6px 4px;

border-radius: 6px;

text-decoration: none;

}

.headbg .menutop a:hover{

background:rgba(0,0,0,0.4);

box-shadow:0px 0px 1px rgba(255,255,255,0.1),inset 1px 1px 7px rgba(0,0,0,0.2);

}

</style>

<div class="headbg">

<div class="menutop">

<a title="آپلود عکس و فایل" href="/index.php">صفحه اصلی</a>

<a title="آپلود عکس و فایل" href="/info.php?act=rules">شرایط سرویس دهی</a>

</div>

*{padding: 0px;margin: 0px;}

.axads {background:url(http://upload3.ir/css/Style/images/address.png) no-repeat right;height:48px;width:50px;position:fixed;left:0;top:40%;-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all 0.2s ease-in-out;}

.axads:hover {width:190px;-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all 0.2s ease-in-out;}

</style>

<style>

*{padding: 0px;margin: 0px;}

.axads

{background:url(http://upload3.ir/css/Style/images/address.png)

no-repeat

right;height:48px;width:50px;position:fixed;left:0;top:40%;-webkit-transition

: all 0.2s ease-in-out;-moz-transition : all 0.2s

ease-in-out;-o-transition : all 0.2s ease-in-out;}

.axads:hover {width:190px;-webkit-transition : all 0.2s

ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all

0.2s ease-in-out;}

</style>

.axads{

background:url(http://upload3.ir/css/Style/images/address.png) no-repeat right;

height:48px;

width:50px;

position:fixed;

left:0;

top:40%;

transition:all 0.2s ease-in-out;

-webkit-transition:all 0.2s ease-in-out;

-moz-transition:all 0.2s ease-in-out;

-o-transition:all 0.2s ease-in-out;

}

.axads:hover{

width:190px;

transition:all 0.2s ease-in-out;

-webkit-transition:all 0.2s ease-in-out;

-moz-transition:all 0.2s ease-in-out;

-o-transition : all 0.2s ease-in-out;

}

</style>