حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور
حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور


السلام عـآـيكمـ ورحمـهـ الله وبـركـآته ..~

كمـآ عودتناكمـ بالجديد دائماً وأبداً في عالم التصميم وتطوير المواقع بلغـة Css المستوى 3 ..

اليوم نموذج بسيط لـتسجيل الدخول بأكواد Css3 بدون تدخل أي صور في العمل ..~

مثال العمل :
http://www.swalifcam.com/Username.html


كود PHP:
form 
        
width250px
        
padding20px
        
border1px solid #270644; 
        
-moz-border-radius20px
        -
webkit-border-radius20px
        
background:  -moz-linear-gradient(197590deg,#4E0085, #963AD6); 
        
background:-webkit-gradient(linear00%, 0100%, from(#963AD6), to(#4E0085));         
        
-moz-box-shadow:0px -5px 300px #270 
        
-webkit-box-shadow:0px -5px 300px #270644; 

    
input 
        
width230px
        
background#8a33c6; 
        
padding6px
        
margin-bottom10px
        
border-top1px solid #ad64e0; 
        
border-left0px
        
border-right0px
        
border-bottom0px
  -
webkit-transition-property: -webkit-box-shadowbackground
        -
webkit-transition-duration0.25s
      
        -
moz-box-shadow0px 0px 2px #000; 
        
-webkit-box-shadow0px 0px 2px #000; 

    
input:hover 
        -
webkit-box-shadow0px 0px 4px #000; 
        
background#9d39e1; 

    
input.submit 
        
width100px
        
color#fff; 
        
text-transformuppercase
        
text-shadow#000 1px 1px; 
        
border-top1px solid #ad64e0; 
        
margin-top10px
width100px
color#fff; 
    
text-transformuppercase
        
text-shadow#000 1px 1px; 
        
border-top1px solid #ad64e0; 
        
margin-top10px
      

        
background: -webkit-gradient(linear00%, 0100%, from(#963AD6), to(#781bb9)); 
        
background:  -moz-linear-gradient(197590deg,#781bb9, #963AD6); 


الكلاسات :

كود PHP:
                            <form
<
label>Username:</label
<
input type="text" name="username" /> 
<
label>Password:</label
<
input type="text" name="Password" /> 
<
input type="submit" value="Submit" name="submit" class="submit" /> 
</
form

طريقة تركيبها تحت الدراسه ..~ كيفية وضعها تسجيل دخول في المنتديات vb ..


حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور

حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور

حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور