[ كود ] : الملاحظات بتاثير css and hover على طريقه سيمو للدعم الفني

[Bus News]

بسم الله الرحمن الرحيم



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


مثال حي
شبكه سيمو للدعم الفني (http://www.d3m-semoo.com/)



جرب مرر الماوس على العروض وشوف كيف رح يبان لك التاثير

طبعا الطريقه على فايرفوكس تعمل


التركيب

افتح قالب النافبار

اضف في بدايته
كود PHP:

1. دعم فني كامل لمده شهر 200 ريال شامل تلوين الاقسام وتنظيمها .
2. دعم فني لمده شهر بدون تركيب سكربتات وتلوين الاقسام 150 ريال .
3. ارشفه الموقع في محركات البحث وعمل ملف روبوتس خاص 150 ريال .
4. عمل دوره وسائط احترافيه مكونه من 10 دروس 150 ريال .
5. شرح ادوات الفوتوشوب للمبتدئين دوره ابتدائيه 150 ريال .





ثم توجه الى
تعاريف CSS الإضافية/Additional CSS Definitions


واضف الكود التالي فيها

كود PHP:
.d3m {
-moz-border-radius:10px 10px 10px 10px;
background-color:#F7F7F7;
border-bottom:2px dotted #CCCCCC;
border-right:3px solid #148D9F;
border-left:3px solid #148D9F;
border-top:2px dotted #CCCCCC;
color:#F06F0F;
float:right;
font-family:tahoma;
font-size:11px;
height:180px;
margin:30px 2px 6px;
padding:2px;

}

.d3m:hover

{

border: 1px solid #000000;

}



ودمتم بود



موضوعي الاصلي
http://www.d3m-semoo.com/showthread.php?p=2#post2