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

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


موضوع مغلق

الصفحة 1 من 3 < 1 2 3 > الأخيرة »


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


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


التركيب

أولا افتح 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:\AppServ\www\forum\look\styles\forum\main\templates
وتستبدل styles.css في C:\AppServ\www\forum\look\styles\forum\main\style
وترفع الصور إلى مجلد C:\AppServ\www\forum\look\styles\forum\main\images



وشكرا
 
  Sans.gif   تحميل gif Sans.gif مرات التحميل :(10)
الحجم :(140.614) KB
 
  profile.zip   تحميل zip مرات التحميل :(68)
الحجم :(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
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 4012
موقعي : زيارة موقعي
اصدار المنتدى : 2.1.4
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
بارك الله فيك تعديل جميل

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

19-09-2010 04:28 مساء
مشاهدة مشاركة منفردة [3]
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 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
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 5518
موقعي : زيارة موقعي
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
رائع جداً جزاك الله الفردوس ولا حرمنا من إبداعك و دعمك للنسخة شكراً لك

19-09-2010 05:13 مساء
مشاهدة مشاركة منفردة [5]
f8athy
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 19
المشاركات : 166
الدولة : الجزائر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 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
يتابعهم : 6
يتابعونه : 1
قوة السمعة : 2024
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif تعديل على قالب الملف الشخصي
شكراً لك أخي الكريم وبارك الله فيك


الصفحة 1 من 3 < 1 2 3 > الأخيرة »

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
مطلوب قالب منتدى yousaftiger
4 84 Soliman
طلب تعديل بقالب بوست ليجاسي mejani.com
1 66 mejani.com
[مجابه] طلب مساعدة في حذف قالب عبدالاله الهذلي
7 173 Mr King
كيف اعرف اسم القالب ؟؟ عبدالاله الهذلي
2 112 Rash
ازاى اغير فى قالب اخر المشاركات khaabas
1 131 khaabas

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







الساعة الآن 06:37 مساء