منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


كود css شكل جديد لصندوق الرد المطور احلى منتدى

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

كود css شكل جديد لصندوق الرد المطور احلى منتدى

مُساهمة من طرف JAR7 في 20/06/16, 05:36 am

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

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







الرمز:


 /*تم التصميم بوسطة {وهبة الساحر}؛*/   
     .postprofile {
        background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
        background-repeat: repeat-x;
        background-position: bottom;
        background-color: #FAFAFA;
        padding-top: 20px;
        padding-bottom: 20px;
        border: 1px solid #dddddd;
        text-align:center;
        text-weight: bold;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }.postprofile dt img {
      border-radius: 5px 5px 5px 5px;
    /*تم التصميم بوسطة {وهبة الساحر}؛*/   
    }
    .postprofile dd  {
        background-color:transparent;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #0099FF;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
    }.postprofile hr{
        background: none repeat scroll 0 0 transparent;
        border-bottom: 1px dashed #DDDDDD;
        color: #4D5153;
        margin-top: 2px;
        padding: 3px 3px 3px 10px;
        text-align: center;
    }.postprofile dd a img {
        opacity: 0.7;
    }
    .postprofile dd a:hover img {
        opacity: 1;
    }
    /*تم التصميم بوسطة {وهبة الساحر}؛*/   







دمتم بخير


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: كود css شكل جديد لصندوق الرد المطور احلى منتدى

مُساهمة من طرف البراق في 22/06/16, 04:34 pm

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

البراق
عضو نشيط


الجنس : ذكر
عدد المساهمات : 109
التقييم : 25
تاريخ التسجيل : 14/04/2016
اوسمتي : :3:4:3

معاينة صفحة البيانات الشخصي للعضو http://raad2.montadalitihad.com/

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

رد: كود css شكل جديد لصندوق الرد المطور احلى منتدى

مُساهمة من طرف AmEr MaGroh في 15/08/16, 12:28 am

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

AmEr MaGroh
عضو نشيط


الجنس : ذكر
عدد المساهمات : 39
التقييم : 15
تاريخ التسجيل : 04/05/2016

معاينة صفحة البيانات الشخصي للعضو

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

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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