تذكرني |نسيت كلمة السر؟| سجل كعضو جديد

★منتديات نجم نت★

www.najmnet.ephpbb.com

الرئيسية  المنشورات  س .و .ج  بحـث  الأعضاء  المجموعات  التسجيل  دخول  دردشة نجم نت  
إحصائيـــــــــــــــــــــــــات منتـــــــــــــــــدى نجم نت
أفضل الاعضاء هذا الشهر
أخر المشاركات
أحصائيات سريعة
هذا المنتدى يتوفر على 910 عُضو.
آخر عُضو مُسجل هو yobhy فمرحباً به.
أعضاؤنا قدموا 1615 مساهمة في هذا المنتدى , في 939 موضوع


شاطر | 
 

 [Css]+[Javascript]كوَد البَيانآتَ الشخصّية بدون تومبيلات ‬‎2014 الآصدَار المَطورَ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معتز بالله admin
مدراء المنتدى
مدراء المنتدى
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : الجزائر
المهنة المهنة : مبرمج
الهواية الهواية : الكتابة
المزاج المزاج : 49
عدد المساهمات عدد المساهمات : 501
نقاط نقاط : 15180
السٌّمعَة السٌّمعَة : 65
العمر العمر : 29
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: [Css]+[Javascript]كوَد البَيانآتَ الشخصّية بدون تومبيلات ‬‎2014 الآصدَار المَطورَ    29/11/14, 10:35 pm

شارك الموضوع مع:
النوع : JAVASCRIPT
النسخه : phpbb2

السلام عليكم ورحمة الله وبركاتة 
كيف الحال كل أعضاء وزوار المنتدى .. كيف الصيف معاكم 
وكل عام وانتم بخير بمناسبة اقتراب شهر رمضان المبارك 
وجعل الله أيامكم عامرة بطاعة الله وذكره
نعود لموضوعنا 
هذا الموضوع ليس جديد عليكم وإنما هو اصدار جديد لهذا الموضوع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]كَودَ البيآأإنآت الشخصيهّ الآحترآأفيَ ..~ 
في هذا الاصدار تم عمل الآتي
1- اصلاح المشكلات 
2- اظافة خصائص جديده 
3- تسهيل التعديل على الاكواد
طبعا اخذ مني الوقت والجهد الشديدين حتى اجعل الخصائص مثل الاكواد المستخدمة في التومبيلات ومنتديات الفي بي 

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

معلومات الكود :
النسخة : phpbb2
النوع : جافا سكربت + css

وإليكم طريقة تركيب الكود 

ملاحظات :

1- لمن قاموا بتركيب الاصدار القديم يجب حذف جميع الخطوات التي قمتم بها [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]هنا 
2- لمن لديهم إي كود css أخر للبيانات الشخصية يجب حذفة قبل تركيب الكود

طريقهّ آلترّگيّپ :

مگونهّ من خطوتيّن :

آلخطوه الأولى : وضع گود آلچآأإفآ سگرپت 

لوحة آلآدآأإره 



ننّزل تحتّ أخر آلصفحه



نفعلّ صفحآأإت آلچآفآ سگرپتّ



ثم نضغط 



نحذف خيآر آلصفحه آلرئيسيه ونظيف خيآر آلموآضيع گمآ في آلصورة


وهذآأإ هو آلگوّد ..
ربط مخفي


آلخطوه الثانية : تركيب كود css


من لوحة آلأدآرة 









اختاروا الشكل الذي يناسبكم

الشكل الأول 




الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */

.profileback{
        background: none repeat scroll 0 0 #F9F9F9;
        border-bottom-left-radius: 8px;
        border-color: #29A5FF;
        border-left: 1px solid #29A5FF;
        border-right: 6px solid #29A5FF;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: center;
}
.profile{
        background: none repeat scroll 0 0 #F9F9F9;
        border-bottom-left-radius: 8px;
        border-color: #29A5FF;
        border-left: 1px solid #29A5FF;
        border-right: 6px solid #29A5FF;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: right;
}


الشكل الثاني 




الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */

.profileback{
  background-color:#f3f9fd;
  border-color:#0fa3f8;
  border-radius:23px 23px 23px 23px;
  border-style:solid dashed;
  border-width:medium 1px;
  display:block;
  font-size:11px;
  margin:5px;padding:5px;
  text-align: center;
}

.profile {
  background-color:#fff;
  border-color:#0fa3f8;
  border-radius:3px 5px 3px 5px;
  border-style:dashed solid ;
  border-width: 1px;
  display:block;
  font-size:11px;
  margin:5px;padding:5px;
  text-align: right;
}


الشكل الثالث




الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */

.profileback{
        background-color: #f7fbfd;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #2ecaf7;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
        text-align: center;
}

.profile {
        background-color: #f7fbfd;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #2ecaf7;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
        text-align: right;
}


الشكل الرابع





الكود:
الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */

.profileback{
         background:#fff;
         border:1px dotted #42c5fb;
         border-bottom:medium solid #42c5fb;
         border-top:medium solid #42c5fb;
         display:block;font-size:11px;
         fontweight:700;
         margin:3px;
         padding:7px;
         text-align:center;
}
.profile {
        background-color: #fff;
        border-bottom: 1px dotted #CCCCCC;
        border-right: 3px solid #2ecaf7;
        border-width: 0 3px 1px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
        text-align: right;
}


الشكل الخامس




الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */

.profileback{text-align:center;}
.profile {
        background: none repeat scroll 0 0 #F9F9F9;
        border-color: #29A5FF;
        border-left: 4px solid #29A5FF;
        border-right: 4px solid #29A5FF;
        border-style: solid;
        border-width: 1px 4px 1px 4px;
        color: #2E5961;
        font: 11px Tahoma;
        margin: 5px 0;
        padding: 3px 5px;
        text-align: right;
}


الشكل السادس




الكود:

الرمز:
.profile{
  border-bottom:1px dotted #B4B4B4;
  font-family:tahoma;width:95%;  
  text-align: right; 
  margin:0 auto;
  padding: 6px 0px 6px 0px;
}
.profile .label:before {
  content: "♣️";
  font-size: 16px;
  color: #ffd235;
  font-family:tahoma;
  padding-left:3px;
  vertical-align: right;
  text-align: right;
}


الشكل السابع





الكود:
الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */
/* خلفية البيانات */
.profileback{
 background: url('http://i74.servimg.com/u/f74/18/46/95/67/untitl11.png') center;
  background-repeat:repeat-y;
  display:table;
  weight:700; 
  width:180px; 
  text-align:center;
}
/* هيدر البيانات*/
.profileh{ 
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/h10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:58px;
  background-position: right;
}
/*فوتر البيانات */
.profilef{
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/f10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:42px;
  background-position: bottom;

/* معلومات العضو */
.profile{
  border-bottom:1px dotted #B4B4B4;
  font-family:tahoma;
  width:80%;
  text-align: right;
  margin:0 auto;
  padding: 6px 0px 6px 0px;
}
/* شكل بجانب معلومات العضو */
.profile .label:before {
  content: "♣️";
  font-size: 16px;
  color: #ffd235;
  font-family:tahoma;
  padding-left:3px;
  vertical-align: right;
  text-align: right;
}
/* تصغير صورة العضو حتى لايخرج عن أطار البيانات الشخصية */
.postdetails.poster-profile a img {max-width:180px;}


الشكل الثامن




الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */
/* خلفية لمعلومات العضو */
.profileback{text-align:center;}
.profileb{
  background: url('http://i74.servimg.com/u/f74/18/46/95/67/untitl11.png') center;
  background-repeat:repeat-y;
  display:table;
  weight:700;
  width:180px; 
  text-align:center;
}
/* هيدر معلومات العضو*/
.profilep{
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/h10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:58px;
  background-position: right;
}
/* فوتر معلومات العضو*/
.profilee{
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/f10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:42px;
  background-position: bottom;

/* معلومات العضو */
.profile{
  border-bottom:1px dotted #B4B4B4;
  font-family:tahoma;
  width:80%; 
  text-align: right;
  margin:0 auto;
  padding: 6px 0px 6px 0px;
}
/* شكل بجانب معلومات العضو */
.profile .label:before {
  content: "♣️";
  font-size: 16px;
  color: #ffd235;
  font-family:tahoma;
  padding-left:3px;
  vertical-align: right;
  text-align: right;



نفس الشكل السابع ولكن الميزة هو انه محوط حول معلومات الاعضاء وليس حول البيانات الكاملة

كما اظفت للكودين السابع والثامن شروحات لتسهيل التعديل عليهم 

وآن شآء آلله يعچپگم آلگودّ 

هام : كثر في الآونة الاخيرة نقل أكوادي خارج المنتدى وهناك من نسب الأكواد لنفسه 

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


وانتظروا المزيد من المواضيع مازلنا في البداية   

إي أستفسآأإرآت أو مشآأإگل آستقپلهآ في هذآأإ آلموضوع 

وآلسلآم عليگم ورحمة آلله وپرگآته
توقيع : معتز بالله admin




:n:j:m*:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://najmnet.ephpbb.com
Eslam Love
عضو جديد
عضو جديد
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : مصر
المهنة المهنة : غير معروف
الهواية الهواية : غير معروف
المزاج المزاج : 5
عدد المساهمات عدد المساهمات : 7
نقاط نقاط : 4469
السٌّمعَة السٌّمعَة : 2
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: رد: [Css]+[Javascript]كوَد البَيانآتَ الشخصّية بدون تومبيلات ‬‎2014 الآصدَار المَطورَ    14/06/15, 02:17 am

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
[Css]+[Javascript]كوَد البَيانآتَ الشخصّية بدون تومبيلات ‬‎2014 الآصدَار المَطورَ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» Pro JavaScript Techniques
» سكربتات مجانية بلغة جافا سكربت (JavaScript)
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات نجم نت | najmnet forums :: منتديات نجم نت للستيلات و اكودها وإشهارها :: منتـديات أكواد للمـنتديات المجانية :: اكواد JavaScript و jQuery-
منتديات نجم نت | najmnet forums غير مسؤولة عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي منتديات نجم نت | najmnet forums ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)