الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالتسجيلدخول
<div style="background-color: #d90b0b;"><a href="http://www.rsspump.com/?web_widget/rss_ticker/news_widget" title="News Widget">News Widget</a></div>

شاطر | 
 

 كيفية جعل الاطار بزوايا منحرفة

اذهب الى الأسفل 
كاتب الموضوعرسالة
amr sarhan
- المدير العام للمنتدى -
- المدير العام للمنتدى -
avatar

الْمَشِارَكِات الْمَشِارَكِات : 2623
بلدى بلدى : مصر
الجنس : ذكر
مزاجى :
الْنِّقَاط الْنِّقَاط : 19185678
فريقى: : الاهلى
الأوسمه :











مجموع الاوسمه:6

مُساهمةموضوع: كيفية جعل الاطار بزوايا منحرفة    الإثنين 21 مارس 2011, 9:31 pm

السلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لتزيين منتدياتكم أكثر أقدم لكم اليوم طريقة جعل الاطارات بالمنتدي بزوايا منحرفة بدل 90 درجة
هذا يكون بالاستعانة باكواد css
لا يمكنك تطبيق الشرح الا اذا كان معك الكود لهذا الاطار
وكثير من الأكواد موجود بها القسم ( تقنيات متقدمة )
-----------
الطريقة :-
كل كود css يحتوي علي اسم الكود ويأتي بعده هذا القوس {
وينتهي بالقوس الشبيه به ليقفل الكود
لتجعل الزوايا منحرفة تضع الكود اللذي سأضعه لكم بعد القوس {

هذا هو الكود :-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



يعني لو مثلا كود اطار حول جميع الروابط هكذا
[/center]

<BLOCKQUOTE>
a:link
{
border:1px dashed #ffffff;
}


</BLOCKQUOTE>

تجعل الكود هكذا



<BLOCKQUOTE>
a:link
{
-moz-border-radius-bottomleft: 8px;

-moz-border-radius-bottomright: 8px;

-moz-border-radius-topleft: 8px;

-moz-border-radius-topright: 8px;

border:1px dashed #ffffff;
}


</BLOCKQUOTE>

وهكذا مع جميع الأكواد اللتي تضيف اطار بورقة الـ css في منتداك تضيف لها الكود اللذي وضعته بعد القوس
{
النتيجة :-

تكبير الصورةتصغير الصورةتم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
منتدى عشاق البرو [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://alpro.alafdal.net
 
كيفية جعل الاطار بزوايا منحرفة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى عشاق البرو :: المنتديات العامه ::  أقسام تطوير منتديات أحلى منتدى :: اكوادcss-html-
انتقل الى: