قبل 12 عامًا
من أجمل الخطوط العربية المركبة للعنونة الحديثة والعصرية
</head>
<script type="text/javascript" src="http://mdwanblog.blogspot.com/js/300/addthis_widget.js"></script>
</body>
<!-- http://mdwanblog.blogspot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
<a class="addthis_button_more">Share</a>
<ul>
<li><a class="addthis_button_preferred_1"></a></li>
<li><a class="addthis_button_preferred_2"></a></li>
<li><a class="addthis_button_preferred_3"></a></li>
<li><a class="addthis_button_preferred_4"></a></li>
</ul>
</div>
<!-- http://mdwanblog.blogspot.com slideout widget : END -->
<title><data:blog.title/></title>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>
أولا في العرض التوضيحي قد تلاحظ الانحدار الذي هو أيضا CSS. من السهل حقا أن تفعل ذلك مع هذا ....
body { background: -webkit-gradient
(linear, left top, left bottom, from(#ccc), to(#fff));
}
النظام مع بعض الحشو وصورة خلفية لخلق سلسلة من التلال مثل التأثير الذي لدينا عناصر القائمة سوف تظهر من. الشيء باردة حول هذا باستخدام-بكت-خلفية بحجم "ويمتد الصورة إذا قمت بإضافة المزيد من العناصر إليها مما يجعل كل شيء قليلا أكثر حيوية.
وهذا عن ذلك. التصميم لبه قائمة مرساة البند هو المكان الذي يحدث كل شيء. إضافة إلى "الانتقال-بكت:" سوف تتيح لنا التحريك :ul#nav {list-style: none;display: block;width: 200px;position: relative;top: 100px;left: 100px;padding: 60px 0 60px 0;background: url(shad2.png) no-repeat;-webkit-background-size: 50% 100%;}
ul#nav li a {
-webkit-transition: all 0.3s ease-out;
}والان مع كود التحكم فى تقنيه الجى كويرى :
ul#nav li a {
-webkit-transition: all 0.3s ease-out;
background: #cbcbcb url(border.png) no-repeat;
color: #174867;
padding: 7px 15px 7px 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 100px;
display: block;
text-decoration: none;
-webkit-box-shadow: 2px 2px 4px #888;
}
ul.nav li a:hover {
background: #ebebeb url(border.png) no-repeat;
color: #67a5cd;
padding: 7px 15px 7px 30px;
}

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The end-tag for element type "b:if" must end with a '>' delimiter.
Error 500
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: Open quote is expected for attribute "{1}" associated with an element type "href".
Error 500
<a href="الرابط"></a> <a href="http://mdwanblog.blogspot.com/">مدونة مدون</a>لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "span" must be terminated by the matching end-tag "</span>".
Error 500
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "div" must be terminated by the matching end-tag "</div>".
Error 500
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "b:section" must be terminated by the matching end-tag "</b:section>".
Error 500
<b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable>
<b:includable id='status-message'> <b:if cond='data:navMessage'> <div> </div> <div style='clear: both;'/> </b:if> </b:includable>