ط´ط±ط* ط¹ظ…ظ„ ظ‚ط§ط¦ظ…ط© ط¬ظ…ظٹظ„ط© ط¬ط¯ط§ ط¨ css3 => Headding





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




الحمد لله والصلاة والسلام على محمد رسول الله صلى الله عليه وعلى آله وصحبه وسلم

أما بعد :
اخواني اخواتي
اسعد الله صباحكم بكل خير و يمن و بركات
اليوم إن شاء الله سنشرح طريقة عمل قائمة للعنوان رائعة جدا

النتيجة النهائية



تابع الشرح طريقة التالي

http://www.youtube.com/watch?v=K9jBFfoY0Fg

الكود code النهائي

رمز PHP:
<code style="white-space:nowrap"> <code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>www.Dev-Arb.com</title>
</head>
<style type="text/css">
#dev{
background: #666;
width: 500px;
height: 500px;
margin: auto;
padding-top:35px;
}
h1{
background: #EBEBEB;
padding: 10px 20px;
position: relative;
margin:0 -20px;
box-shadow:1px 1px 8px #292929;
text-shadow:0px 2px 0px white;
}

.arrowl{
position: absolute;
width: 0;
height: 0;
line-height: 0;
top:101%;
border-top:10px solid #C7C7C7 ;
border-left:20px solid transparent;
left: 0;

}

.arrowr{
position: absolute;
width: 0;
height: 0;
line-height: 0;
top:101%;
border-top:10px solid #C7C7C7 ;
border-right:20px solid transparent;
right: 0;

}

</style>

<body>



<div id="dev">
<h1>
<span class="arrowl"></span>
www.dev-arb.com
<span class="arrowr"></span>

</h1>
</div>

</body>

</html>
</code> </code>

بالتوفيق للجميع

أخوكم في الله يوسف شهيري











©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©