السلام عليكم ورحمة الله وبركاته
اهلا وسهلا باحلى اعضاء :اعضاء احلى المنتديات
اقدم لكم اليوم كود للبيانات الشخصيه بشكل جديد وجميل .. مع اضافة نشر للمواضيع اسفل البيانات ..
علشان مش اطول عليكم ...
اليكم صورة اولا من التعديل
https://i.servimg.com/u/f48/12/78/95/70/hima28.png
لطبيق هذا الشكل فى منتداك ..
ادخل الىلوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب
نعمل تعديل لقالب viewtopic_body ويفضل ان يكون التعديل على القالب الاصلى
المهم ..نبحث عن التالى اولا
- الكود:
-
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
{postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
ونحذفه تماماً
ونبحث عن هذا ايضا فى نفس القالب ...
- الكود:
-
[url=http://aamm9.mam9.com/]name="{postrow.displayed.U_POST_ID}">[/url][b]{postrow.displayed.POSTER_NAME}[/b] />
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
{postrow.displayed.POSTER_RPG}
[img(150px,1px)]http://2img.net/i/fa/empty.gif[/img]
ونحذفه ..ونضيف هذا مكانه
- الكود:
-
معلومات العضو
{postrow.displayed.POSTER_NAME}
{postrow.displayed.POSTER_AVATAR}
{postrow.displayed.RANK_IMAGE}
{postrow.displayed.POSTER_RANK}
معلومات إضافية
class="ahlamontada">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}
معلومات الاتصال
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
[table class="sidebaritem"][tr][td width="20px"]
[img]http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg[/img]
[/td][td]
[url=http://www.facebook.com/sharer.php?u=/topic-t%7BTOPIC_ID%7D.htm]نشر ع الفيسبوك[/url]
[/td][/tr][/table]
[table class="sidebaritem"][tr][td width="20px"]
[img]http://i86.servimg.com/u/f86/13/46/75/82/311.png[/img]
[/td][td]
[url=http://help.ahlamontada.com/search?add_favourite=84151&search_id=favouritesearch]إضافة إلى مفضلاتي[/url]
[/td][/tr][/table]
[table class="sidebaritem"][tr][td width="20px"]
[img]http://i70.servimg.com/u/f70/15/40/37/88/group10.png[/img]
[/td][td]
[url=http://help.ahlamontada.com/tell_friend.forum?t=84151]أرسال لصديق[/url]
[/td][/tr][/table]
[img(150px,1px)]http://2img.net/i/fa/empty.gif[/img]
ونسجل وننشر التعديل ...
وبعدين
نذهب الى لوحة الادارة
مظهر المنتدى
الوان
ورقة تصميم 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 عن رابط الخلفيه الاتى
https://i.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك