السلام عليكم ورحمة الله وبركاته
اهلا وسهلا باحلى اعضاء :اعضاء احلى المنتديات
.اقدم لكم اليوم كود للبيانات الشخصيه بشكل جديد وجميل ...
مع اضافة نشر للمواضيع اسفل البيانات ..
علشان مش اطول عليكم ...
.اليكم صورة اولا من التعديل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط].
تكبير الصورة معاينة الأبعاد الأصلية.
لطبيق هذا الشكل فى منتداك ..
.ادخل الى
.لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب .viewtopic_body. ويفضل ان يكون التعديل على القالب الاصلى
المهم ..نبحث عن
- الكود:
-
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<span class="name"><a
name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br
/>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
.ونحذفه ..ونضيف هذا مكانه. :مخفي2:
ونسجل وننشر التعديل ...
وبعدين
.نذهب الى. .لوحة الادارة
مظهر المنتدى
الوان
[/b]
.ورقة تصميم. css
ونضيف هذا فى بداية الحقل ...
.ونضغط قدم. - الكود:
-
.ahlamontada {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
border: 1px solid #E2E2E2;
margin: 2px;
text-shadow: 0 0 1px #626262;
}
.hima-elmasry {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
padding: 20px;
width: 150px;
}
.hima {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png") repeat-x scroll left top #37DCFC;
border-bottom: 2px solid #F2812E;
color: #000033;
font-family: arial;
font-size: 12pt;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-shadow: 1px 1px 1px #888888;
width: 185px;
}
.masry {
background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
height: 12px;
margin: auto;
position: relative;
width: 185px;
}
.ahlamontada {
-moz-border-radius: 5px 5px 5px 5px;
background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
border: 1px solid #E2E2E2;
margin: 2px;
text-shadow: 0 0 1px #626262;
}
.sidebaritem {
background: url("") repeat-x scroll 0 0 #FBFBFB;
border-color: #D1D1E1;
border-style: solid;
border-width: 1px 2px 1px 1px;
font-size: 11px;
padding: 0;
width: 180px;
}
.AVATAR img {
width: 150px;
}
- الكود:
-
لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك