[css3] عمل اطار للنص بشكل جميل ^_^

كيفكم شباب انشالله ابخير درس اليوم كتير رائع والي هو عمل اطار حول النص بشكل رائع جداً

انشوف مثال سريع وبعده انشوووف الكود الي راح نستخدمة

حلوووو الان انشوووف الكود المستخدم

<!DOCTYPE HTML PUBLIC>
<html>
<head>
<style type="text/css">
div
{
border-width:15px;
width:250px;
padding:30px50px;
}
#stretch
{
-moz-border-image:url(http://www.wpclipart.com/page_frames...page_green.png) 30 30 stretch; /* Firefox */

-we bkit-border-image:url(http://www.wpclipart.com/page_frames...page_green.png) 30 30 stretch;/* Safari and Chrome */

border-image:url(http://www.wpclipart.com/page_frames...page_green.png) 05 05 stretch;
}
</style>
</head>
<body>
<div id="stretch">Dr.hac 4 Ever , www.Dev-point.com </div>
<</html>

يلا الي لغه الالوان :

border-width:15px : افضل اتخليها مثل ما هي

width:250px : وهون ابتقدر تتحكم ابعرض الاطار فقط غير الرقم للي ايناسبك

padding: 30px50px : الرقم الي بالاحمر الي تتحكم بالطول والاخضر تتحكم باعرض

url : رابط صورتك بامداد png فوت قوقل واكتب border.png وشوف اطار يعجبك انسخ رابطه والصقه

Dr.hac 4 Ever , www.Dev-point.com : النص الي راح يظهر

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

بالتوفيق للجميع
*~والاهداء الى~*
استاذي ابو عمار
عبدالله الرويلي
Nashy
ولك انت

» [css3] طريقه عمل دوران لشكل مربع O_O
» كود جعل البيانات الشخصية في اطار
» طلب توزيع اطار قالب البوست بلغه css
» ترسيم المستخدمين في اطار عقود ما قبل التشغيل
» ترسيم المستخدمين في اطار عقود ما قبل التشغيل ‏