شرح طريقة عمل قائمة جميلة جدا ب css3 => Headding
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط¹ظ…ظ„ ظ‚ط§ط¦ظ…ط© ط¬ظ…ظٹظ„ط© ط¬ط¯ط§ ط¨ css3 => Headding
بسم الله الرحمن الرحيم
الحمد لله والصلاة والسلام على محمد رسول الله صلى الله عليه وعلى آله وصحبه وسلم
أما بعد :
اخواني اخواتي
اسعد الله صباحكم بكل خير و يمن و بركات
اليوم إن شاء الله سنشرح طريقة عمل قائمة للعنوان رائعة جدا
النتيجة النهائية
http://store2.up-00.com/May12/6pc46722.png
تابع الشرح طريقة التالي
http://www.youtube.com/watch?v=K9jBFfoY0Fg
الكود code النهائي
رمز PHP:
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.comtitle>
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>
بالتوفيق للجميع
أخوكم في الله يوسف شهيري
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
