CsharpNevisi
پنج شنبه 26 تیر 1393, 15:12 عصر
قشنگترین قسمت سایتت ،قسمت ارتباط با ما بود.اگه لطف کنی کد این قسمت را بزاری ممنون می شم.(مثل تغییر افکت دکمه ورود مدیر، سفارش و تکست باکس مشخصات)
<div id="TamasForm">
نــــــام : <asp:TextBox class="txt" runat="server"></asp:TextBox>
<br />
ایـمـیل : <asp:TextBox class="txt" runat="server" TextMode="Email"></asp:TextBox>
<br />
موضوع : <asp:TextBox class="txt" runat="server"></asp:TextBox>
<br />
<div style="margin-top:10px; float:right;"> متن :</div><br />
<asp:TextBox class="txtTamasMatn" TextMode="MultiLine" runat="server"></asp:TextBox>
<br />
<asp:Button Style="margin-right:40px;" class="btnTamas" runat="server"/>
</div>
Style .................................................. ............................ /
#TamasForm
{
margin-top:20px;
margin-right:20px;
width:300px;
height:250px;
float:right;
}
.txt
{
font-family:'BYekan',Tahoma;
width:220px;
height:25px;
border-style:none;
background:#171717;
border-radius:10px;
color:#FFF;
transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
-ms-transition:all 300ms ease-in-out 0s;
-o-transition:all 300ms ease-in-out 0s;
-webkit-transition:all 300ms ease-in-out 0s;
}
.txtTamasMatn
{
font-family:'BYekan',Tahoma;
width:220px;
max-width:220px;
margin-top:-15px;
margin-right:20px;
height:100px;
max-height:100px;
border-style:none;
background:#171717;
border-radius:10px;
color:#FFF;
transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
-ms-transition:all 300ms ease-in-out 0s;
-o-transition:all 300ms ease-in-out 0s;
-webkit-transition:all 300ms ease-in-out 0s;
}
.btnTamas
{
cursor:pointer;
border-style:none;
border-radius:8px;
width:70px;
height:35px;
margin-right:120px;
margin-top:10px;
background:#27ae60;
font-family:'BYekan',Tahoma;
font-weight:bold;
transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
-ms-transition:all 300ms ease-in-out 0s;
-o-transition:all 300ms ease-in-out 0s;
-webkit-transition:all 300ms ease-in-out 0s;
}
.txt:hover
{
background:#333;
}
.txt:focus
{
box-shadow:0px 0px 5px #00CC00;
}
.txtTamasMatn:hover
{
background:#333;
}
.txtTamasMatn:focus
{
box-shadow:0px 0px 5px #00CC00;
}
.btnTamas:hover
{
background:#999;
box-shadow:0px 0px 10px #CCCCCC;
}