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

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

www.najmnet.yoo7.com

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


شاطر
 

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

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


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

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

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

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

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

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

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

ملاحظات :

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

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

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

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

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



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



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



ثم نضغط 



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


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


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


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

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

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

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

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

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

الشكل الأول 

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


الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;
}


الشكل الثاني 

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


الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;
}


الشكل الثالث

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


الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;
}


الشكل الرابع

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



الكود:
الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;
}


الشكل الخامس

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


الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;
}


الشكل السابع

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



الكود:
الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;}


الشكل الثامن

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


الكود:

الرمز:
/* كـــود البيانات الشخصية المطور */
/*---------- 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;



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

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

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

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

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


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

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

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


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

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

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