css [ط´ط±ط*] ط§ظ„ظƒطھط§ط¨ظ‡ ط¹ظ„ظ‰ ط§ظ„طµظˆط± + طھط؛ظٹط± ظ„ظˆظ† ط§ظ„ط®ط·ظˆط· ظˆ ظ‡ظ„ ط§ظ„ط*ط±ظƒط§طھ !


السلام عليكم

اليوم بعلمكم اشلون تكتبون على الصور و لكم حريه التحكم بالخطوط و الوانهن

على العمومانا بحط لكم الكود code و بشرح طريقةه لكم

رمز PHP:
<code style="white-space:nowrap"> <code> <html>
<head>
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(klematis.jpg) repeat;
border: 2px solid black;
}
div.transbox
{
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}
div.transbox p
{
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</style>
</head>
<body><div class="background">
<div class="transbox">
<p>شرح طريقة الكتبه على الصورشرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
</p>
</div>
</div>
</body>
</html>
</code> </code>

نبدا بالشرح طريقة

اول شي
رمز PHP:
<code style="white-space:nowrap"> <code> <html>
<head>
<style type="text/css">
div.background
{
width: 500px;
height: 250px;
background: url(klematis.jpg) repeat;
border: 2px solid black;
}
</code> </code>

وحيث انا بهذا الكون نختار الصوره بوضع الرابط او المسار مكان klematis.jpg و ايضا بهذا الكود code نحن نتحكم بحجم الحدود اي ان تستطيع ان جعل الحدود كبيره فقط غير الرقم 2 بهذا المود border: 2px solid black; الى 5 و بيكون لك و كبير و اذا اردته رفيع فقط غير الرقم الى 1

الان بهذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> {
width: 400px;
height: 180px;
margin: 30px 50px;
background-color: #ffffff;
border: 1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}
</code> </code>

اول شي

width: 400px;
height: 180px;

و هي الارتفاع + العرض

و هذا
background-color: #ffffff;

لون خلفيه الكتابه

و
border: 1px solid black;

حجم الحدود

و الباقي افضل انك ما تلمسه

و الان
للذين يحبون يغيرون شكل و لون الخط و هل السوالف
هذي فرصتكم
رمز PHP:
<code style="white-space:nowrap"> <code> {
margin: 30px 40px;
font-weight: bold;
color: #000000;
}
</code> </code>

اولا font-weight: bold;
شكل الخط
و color: #000000;
هي لون الخط

و الحين لاخر جزء
رمز PHP:
<code style="white-space:nowrap"> <code> </style>
</head>
<body><div class="background">
<div class="transbox">
<p>شرح طريقة الكتبه على الصورشرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
شرح طريقة الكتبه على الصور.
</p>
</div>
</div>
</body>
</html>



</code> </code>

و هذا هو ما تريد كتابته بالصوره


و الحمدالله انتهينا

جميع الحقوق محفوظه صمم
مجموعه ترانديت


ارجوكم عند النقل يرجى ذكر المصدر


تحياتي لكم صمم









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