ط´ط±ط* ط¹ظ…ظ„ ظ‚ط§ط¦ظ…ط© ط¬ظ…ظٹظ„ط© ط¬ط¯ط§ ط¨ 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>

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

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











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