مدونة مصباحي نت

نجد العديد من المدونات تضع في نهاية كل تدوينة فيها نبذة عن الكاتب وقد يفكر أحدنا كيف يتم وضع هذه الحركة في قالبي الذي أستخدمه بدون الحاجة إلى إضافات قد تسبب لي المشاكل أو التعارض يوما ماً لهذا أحببت أن أضع هذا الدرس بين أيديكم ليستفيد منه الجميع

أولاً افتح ملف style.css وأضف هذا التأطير

[sourcecode language=’css’]
#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:right;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-right:120px;
}
[/sourcecode]

ثانياً افتح ملف single.php وضع في نهاية اللوب

هذا الأمر
[sourcecode language=’css’]

[/sourcecode]
والنتيجة ستكون كما في الصورة