أهلا وسهلا بك زائرنا الكريم في PBBoard Community Forum، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .





تعديل على قالب الملف الشخصي

بسم الله الرحمن الرحيم [size=6]السلام عليكم ورحمة الله وبركاته[/size] بعد ان قمت بالإقتراح وعجب الأخ مشراق بارك الله في ..



19-09-2010 04:23 مساء
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
قوة السمعة : 12
موقعي : زيارة موقعي
 offline 
بسم الله الرحمن الرحيم

[size=6]السلام عليكم ورحمة الله وبركاته[/size]

بعد ان قمت بالإقتراح وعجب الأخ مشراق بارك الله فيه


هذا تعديل بسيط يمثل ما اقترحت ويمكن التعديل فيه حتى يكون متناسق أكثر فأكثر للمعاية انظر الصورة المرفقة


التركيب

أولا افتح style.css اضف التالي :

[LEFT]#vtab {
	    
		  margin: 0px  9px 0px 0px;
		  width: 98%;

	   }
	   #vtab > ul > li {
	    cursor:pointer;
		  width: 110px;
		  height: 110px;
		  background-color: #fff !important;
		  list-style-type: none;
		  display: block;
		  text-align: center;
		  margin: auto;
		  padding-bottom: 10px;
		  border: 1px solid #fff;
		  position: relative;
		  border-right: none;
		  opacity: .3;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	   }
	   #vtab > ul > li.home {
	 
		  background: url('../images/profinfo.png') no-repeat center center;
	   }
	   #vtab > ul > li.login {
	    
		  background: url('../images/otherdet.png') no-repeat center center;
	   }
	   #vtab > ul > li.support {
    
		  background: url('../images/Gestepm.png') no-repeat center center;
	   }
	   #vtab > ul > li.selected {
    
		  opacity: 1;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		  border: 1px solid #ddd;
		  border-right: none;
		  z-index: 10;
		  background-color: #fafafa !important;
		  position: relative;
	   }
	   #vtab > ul {
		  float:left;
		  width: 110px;
		  text-align: left;
		  display: block;
		  margin: auto 0;
		  padding: 0;
		  position: relative;
		  top: 30px;
	   }
	   #vtab > div {
	   
		  background-color: #fafafa;
		  margin-left: 110px;
		  border: 1px solid #ddd;
		  min-height: 401px;
		  padding: 12px;
		  position: relative;
		  z-index: 9;
		  -moz-border-radius: 20px;
	   }
	   #vtab > div > h4 {
		  color: #800;
		  font-size: 1.2em;
		  border-bottom: 1px dotted #800;
		  padding-top: 5px;
		  margin-top: 0;
	   }[/LEFT]



ثم


افتح القالب headinclud وأضف قبل <title> التالي :
[LEFT]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <!--[if IE 7]>
    <style type="text/css">
	   #vtab > ul > li.selected{
		  border-right: 1px solid #fff !important;
	   }
	   #vtab > ul > li {
		  border-right: 1px solid #ddd !important;
	   }
	   #vtab > div { 
		  z-index: -1 !important;
		  left:1px;
	   }
    </style>
    <![endif]-->
<script type="text/javascript">
	   $(function() {
		  var $items = $('#vtab>ul>li');
		  $items.mouseup(function() {
			 $items.removeClass('selected');
			 $(this).addClass('selected');

			 var index = $items.index($(this));
			 $('#vtab>div').hide().eq(index).show();
		  }).eq(1).mouseup();
	   });
  </script>[/LEFT]


وبعدها قم باستبدال القالب profile بالمرفق وارفع الصور للمجلد images الخاص بالستايل

أو

تقوم باستبدال القوالب بالمرفقة الى C:AppServwwwforumlookstylesforummaintemplates
وتستبدل styles.css في C:AppServwwwforumlookstylesforummainstyle
وترفع الصور إلى مجلد C:AppServwwwforumlookstylesforummainimages



وشكرا











 
  Sans.gif   تحميل gif Sans.gif مرات التحميل :(11)
الحجم :(140.614) KB
 
  profile.zip   تحميل zip مرات التحميل :(69)
الحجم :(66.533) KB



تم تحرير الموضوع بواسطة :Soliman
بتاريخ:19-09-2010 07:20 مساء


19-09-2010 04:28 مساء
مشاهدة مشاركة منفردة [1]
مهند
عضـو ستـار
rating
العضو غائب كن في الطريق عفيف الخطى شريف السماع كريم النظر وكن رجلاً ان اتوا بعده يقولون مر وهذا الاثر
معلومات الكاتب ▼
تاريخ الإنضمام : 11-07-2010
رقم العضوية : 586
المشاركات : 2310
الدولة : العراق
الجنس : ذكر
تاريخ الميلاد : 11-12-1995
الدعوات : 3
الإنذارات : 1
قوة السمعة : 4012
موقعي : زيارة موقعي
PBBoard Version : 2.1.4
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
بارك الله فيك تعديل جميل

19-09-2010 04:28 مساء
مشاهدة مشاركة منفردة [2]
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
قوة السمعة : 12
موقعي : زيارة موقعي
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
عذرا على دخول الابتسامات لم اجد خاصية تعطيل الابتسامات لذلك يمكنكم تحميل الكود عبر المرفق

19-09-2010 04:28 مساء
مشاهدة مشاركة منفردة [3]
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
قوة السمعة : 12
موقعي : زيارة موقعي
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
المشاركة الأصلية كتبت بواسطة: مهند
بارك الله فيك تعديل جميل

وفيك بركة

19-09-2010 05:04 مساء
مشاهدة مشاركة منفردة [4]
isma3eliano
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 03-11-2009
رقم العضوية : 188
المشاركات : 2152
الدولة : مصر Egypt
الجنس : ذكر
تاريخ الميلاد : 26-10-1994
الدعوات : 4
قوة السمعة : 5518
موقعي : زيارة موقعي
PBBoard Version : غير محدد
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
رائع جداً جزاك الله الفردوس ولا حرمنا من إبداعك و دعمك للنسخة شكراً لك

19-09-2010 05:13 مساء
مشاهدة مشاركة منفردة [5]
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
قوة السمعة : 12
موقعي : زيارة موقعي
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
المشاركة الأصلية كتبت بواسطة: isma3eliano
رائع جداً جزاك الله الفردوس ولا حرمنا من إبداعك و دعمك للنسخة شكراً لك

ولك المثل ان شاء الله لا شكر على واجب بارك الله فيك

19-09-2010 05:33 مساء
مشاهدة مشاركة منفردة [6]
Mr.Php
عضو متألق
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 05-09-2010
رقم العضوية : 667
المشاركات : 753
الدولة : ســــــــــــــــوريا وبكل اعتزاز
الجنس : ذكر
تاريخ الميلاد : 1-7-1985
الدعوات : 2
قوة السمعة : 2024
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
شكراً لك أخي الكريم وبارك الله فيك
توقيع :Mr.Php

[CENTER][/CENTER]



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
كيف يتم جعل الروابط داخل قالب الموضوع دوفلو وليس نوفلو alawaied
6 162 alawaied
وماذا مع قالب section_list vbhost
4 582 vbhost
إنشاء قالب جديد Add New Template Mr King
4 1282 Soliman
[مجابه] ما اسم هذا القالب ..؟ عبدالاله الهذلي
14 1273 Soliman
حصرياً قالب Elites الإصدار الأول للنسخة 3.0.2 ezzeldean
12 3436 cherire

الكلمات الدلالية
تعديل ، على ، قالب ، الملف ، الشخصي ،


 







الساعة الآن 05:17 مساء