منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

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


انشاء منتدى مجاني شبيه بهذا المنتدى

تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 0:15

تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

من الطبيعى انو كود زى دى ميستخدمش الا فى البينات الشخصية ولكن صورة الخلفية للعضو فى البينات الشخصية بتظهر فى عنوين المواضيع لى اسم العضو اسبكم مع الصورة



انا عاوز تعديل على الكود ويكون ملهش دعوا اى حاجة تانى يعنى ميستخدمش الا فى البينات الشخصية مع عدم تغير اى شئ فى البينات الشخصية خليها زى ما هيا

الكود:

/*-----MaZiKa2EgyPt-كود البينات الشخصية المطورة-----*/
.name{
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}

.poster-profile{
    text-align:center;
background-image: url(http://hitskin.com/themes/18/00/25/i_background.png);
-moz-border-radius:15px;
background-color: #f7f7f7;
border-left:5px solid #D279ED;
border-right:5px solid #D279ED;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
box-shadow: 4px 4px 10px #333;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}


.postdetails.poster-profile a img {
width: 110px;
    height: 240px;
    background-position: center center;   
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background-color: #feffc4 ;
background-image: url();
background-repeat: repeat;
border: 5px solid #FFFFFF;
}





#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{

color: #9a9a9a;

text-shadow: 1px 1px 1px #ffffff;

text-decoration:none;

font-family: Arial Black;

text-transform: uppercase;

}

#chatbox_main_options a:hover{

color: grey;

text-shadow: 1px 1px 1px #b8b8b8;

text-decoration:none !important;

font-family: Arial Black;

text-transform: uppercase;

}



#chatbox_main_options {

background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;

float: right;

border: 1px solid #c9c9c9;

margin-right: 50px;

margin-top: -17px;

padding: 2px 3px 1px 5px;

border-radius: 0px 0px 5px 5px;

-moz-border-radius: 0px 0px 5px 5px;

-webkit-box-shadow: 0px 0px 4px #c6c6c6;

box-shadow: 0px 0px 4px #c6c6c6;

-moz-box-shadow: 0px 0px 4px #c6c6c6;

}

#chatbox_main_options:hover {

margin-top: -7px;



شكرا لك
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف YasirAyad في الإثنين 2 يناير 2012 - 0:31

تم
عزيزي تفضل الكود ضعه في ورقه css

الكود:
span.name {
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12950
السُمعة : 295

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 1:14

ممكن الكود بى الكامل زى اللى فوق انتا كدا عامل جوزئ من الكود
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف YasirAyad في الإثنين 2 يناير 2012 - 12:01

تفضل


الكود:







span.name {
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
.poster-profile{
    text-align:center;
background-image: url(http://hitskin.com/themes/18/00/25/i_background.png);
-moz-border-radius:15px;
background-color: #f7f7f7;
border-left:5px solid #D279ED;
border-right:5px solid #D279ED;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
box-shadow: 4px 4px 10px #333;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}


.postdetails.poster-profile a img {
width: 110px;
    height: 240px;
    background-position: center center;   
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background-color: #feffc4 ;
background-image: url();
background-repeat: repeat;
border: 5px solid #FFFFFF;
}





#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{

color: #9a9a9a;

text-shadow: 1px 1px 1px #ffffff;

text-decoration:none;

font-family: Arial Black;

text-transform: uppercase;

}

#chatbox_main_options a:hover{

color: grey;

text-shadow: 1px 1px 1px #b8b8b8;

text-decoration:none !important;

font-family: Arial Black;

text-transform: uppercase;

}



#chatbox_main_options {

background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;

float: right;

border: 1px solid #c9c9c9;

margin-right: 50px;

margin-top: -17px;

padding: 2px 3px 1px 5px;

border-radius: 0px 0px 5px 5px;

-moz-border-radius: 0px 0px 5px 5px;

-webkit-box-shadow: 0px 0px 4px #c6c6c6;

box-shadow: 0px 0px 4px #c6c6c6;

-moz-box-shadow: 0px 0px 4px #c6c6c6;

}

#chatbox_main_options:hover {

margin-top: -7px;


avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12950
السُمعة : 295

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 13:20

مغيرش حاجة هوا زى ما هوا خش المنتدى بنفسك وشوف هتلقى خلفية العضو فى عناوين المواضيع يعنى الكود كدا زى ما هوا ياريس
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف YasirAyad في الإثنين 2 يناير 2012 - 15:47

الكود:
span.name {
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}

عزيزي الكود ده ضعه في منتداك وهتشوف الخلفيه هتشتغل فقط على اسماء الاعضاء في الموضوع,,,
ارجو التجربه
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12950
السُمعة : 295

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 17:24

مغيرش حاجة هوا زى ما هوا خش المنتدى بنفسك وشوف هتلقى خلفية العضو فى عناوين المواضيع يعنى الكود كدا زى ما هوا ياريس

ارجوا منك التجربة قبل النشر
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف YasirAyad في الإثنين 2 يناير 2012 - 17:55

اخي العزيز..
الكو شغال وانا اهو بستعملو في منتداي ومفيش اي مشكله بيظهر فقط للاعضاء

تأك من حذف باقي الاكواد وضيف الكود ده

لا تضع اكثر من كود متشابه فيحدث مشكله في عمل الاكواد
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12950
السُمعة : 295

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 19:54

@new.moon كتب:اخي العزيز..
الكو شغال وانا اهو بستعملو في منتداي ومفيش اي مشكله بيظهر فقط للاعضاء

تأك من حذف باقي الاكواد وضيف الكود ده

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

دى الكود اللى انتا عوزنى اضيفى وامسح الباقى
الكود:

span.name {
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}

شوف شو سار
فى بينات العضو



ورغم ذلك متغيرش حاجة فى المواضيع



والواضح ان التعديل فى هذا الجزء

الكود:

span.name {
  text-align:center;
background-image: url(http://i46.servimg.com/u/f46/15/96/71/68/qtr110.gif);
-moz-border-radius:15px;
background-color: #f7f7f7;
font-size: 16px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}

لئنى انا مسحت الكود كله و حتيت الجزء دى من الكود تبعن بوظ مظهر بينات العضو لئنى الكود مش كامل :: بس فى المواضيع الخلفية زى ما هيا :: يعنى والله اعلم هودى الجزء المحتاج تعديل

من فضلك عدل الكود و قم بتجربته و اعرض الكود بى الكامل

avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف ahmed abderrazak في الإثنين 2 يناير 2012 - 20:27

شكرا
avatar
ahmed abderrazak
 
 

ذكر
عدد المساهمات : 329
معدل النشاط : 2780
السُمعة : 0

http://egynet.the-up.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الإثنين 2 يناير 2012 - 22:21

@ahmed abderrazak كتب:شكرا
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تعديل فى كود البينات الشخصية المطورة ورقة ال CSS

مُساهمة من طرف عرب سيد في الثلاثاء 3 يناير 2012 - 13:07

ممكن رد
avatar
عرب سيد
 
 

ذكر
عدد المساهمات : 183
معدل النشاط : 2640
السُمعة : 0

http://www.ahlaarab.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى