Design Header Elmasren.com site by masrdesign

Design Header Elmasren.com site by masrdesign

on 

Masr Design

this header is for elmasren site 

see it if you like it say your opinion in it

Dont forget see other Designs click here

Masr Design

نتيجة المرحلة الثانية من تنسيق الثانوية العامة 2013

موعد ظهور نتيجة تنسيق المرحلة الثانية من الثانوية العامة عام 2013 على موقع مصر ديزين Masr Design

انتهت المرحلة الثانية من تنسيق الثانوية العامة يوم السبت الموافق 3-8-2013 

 ومن المقرر ان يتم الاعلان عن نتيجة المرحلة الثانية من الثانوية العامة المصرية يوم الاثنين او يوم الثلاثاء الموافق 6-8-2013

وسوف تعلن النتيجة على موقع بوابة الحكومة المصرية و موقع التنسيق

www.tansik.egypt.gov.eg

وايضا سوف تعلن على موقع اليوم السابع وكايرودار

www.youm7.com

تابع

موقع مصر ديزين

Masr Design

How to add rotateing Social Icons to your site

How to add rotateing Social Icons to your site

on 

Masr Design

The lesson Today about an CSS widget 

very simple like the other lessons before

just follow the explanation 

just add this code in your HTML part

<style>
a.masrdesignsocialicon img {
}
a.masrdesignsocialicon:hover img {
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

    }

</style>

<div align="center">

<table border="0" width="100%" id="table1" height="100">
    <tr>
<td>
 <p align="center">
 <a class="masrdesignsocialicon" href="http://www.facebook.com/masrydesigns"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5brUyBENZwbwSVDsjVUWXqky1WzTAy28Hs7asbfSjlpnhiTo3VbZO6JIoIm3OD6WPsithFLFuO9Kd5Jp8CALui-cUNNDgDEn1LYa4SzNDKK1nDwFCAnc_IPy3pGoHxo4ExENqvp3Q9OVf/s1600/masrdesign-facebook+-+Copy.png" alt="Facebook"  width="80" height="80" /></a>&nbsp;

         <a class="masrdesignsocialicon" href="https://twitter.com/MohamedSalahMan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Os6635TKMeg_RsOydsL2q-lgIi87UOQazzEBHydlfvINrzZj0R9pYClb0MKRpWsBO-QKfFKaqf8v0nhAfIAKnMcbNJirzbfejlrUJ8ojnxGOMszRR2WMvW0eebUvcq78aunvoa5aL932/s1600/masrdesign-twitter+-+Copy.png" alt="twitter"  width="80" height="80" /></a>&nbsp;

         <a class="masrdesignsocialicon" href="http://www.youtube.com/m7mdsala7mansor"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKuAw21Yr4rNvnoarIGxTSsXqSn7WYoJnDqWiJF9VHWrGjz5qY6JVQbALnlWHyHeBoBrqes6oY6Tbhoku-x6lwnam5Sph8im4vGApXBdkqY5JKsXUnTeqROAHvuyfwx3HUDylmXMO71HC/s1600/masrdesign-youtube+-+Copy.png" alt="Youtube"  width="80" height="80" /></a>&nbsp;</p>
</td>
</tr>
</table>
 </div>

The end of the lesson

any question contact me

Dont forget see other lessons click here

Masr Design

How to add gradient to the box or button with CSS

How to add gradient to the box or button with CSS

on 

Masr Design

The lesson Today about CSS is adding gradient

is also very simple like the other lessons befor

just follow the explanation

Go to the CSS part and search about the element which

you want to add

then add the follownig code

background: -moz-linear-gradient(top, #ff0000 0%, #8e0202 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#8e0202)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #ff0000 0%,#8e0202 100%); /* IE10+ */

background: linear-gradient(to bottom, #ff0000 0%,#8e0202 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#8e0202',GradientType=0 ); /* IE6-9 */

 

 

 

 

 

you can change the color
ff0000 and 8e0202

the end of the lesson

any question contact me

Dont forget see other lessons click here

Masr Design