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

اذهب الى الأسفل

 وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد Empty وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد

مُساهمة من طرف وهبة الساحر الجمعة 17 يوليو 2015 - 13:16


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

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


 
 وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد
ملاحظة :الكود يعمل على النسخة الثالثة
صورة للمعاينه
 وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد 2ynpkch
https://2img.net/h/oi61.tinypic.com/2ynpkch.png
الأن نتوجه الى: ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css


الكود:
/* اطار على اخر مساهمة */
 ul.topiclist.forums dd.lastpost {
  background-color: #12A3EB;
  border-radius: 50px 50px 50px 50px;
  border-bottom: 10px solid #9EE4F7;
    border-top: 50px solid #9EE4F7;
color: #fff;
text-align: center;
    font-weight: bold;
font-weight: bold;
margin-left: -798px;
  margin-bottom: 4px;
  margin-top: 0px;
width: 300px;
  display: block;
}
/*اطار وخلفية على عنوان المواضيع2*/
li.row dd.lastpost a:hover {
     background:#75CFE7;
   border-radius: 3px;
   box-shadow:0 0 12px #000;
}
/*عنوان المواضيع*/
ul.topiclist.forums dd.lastpost span a[href^="/t"] {
    width: 280px;
  display: block;
   font-family: \'Oswald\', sans-serif;
  text-transform: uppercase;/*تم التصميم بوسطة {وهبة الساحر}؛*/
  font-size: 12px;
  text-align: center;
  text-decoration: none;
    font-weight: bold;
  color: #fff;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist
 dd.info span, ul.topiclist dd.searchby span,
ul.topiclist dd.time span {
color: #fff;
font-family: calibri;
font-size: 12px;
text-align: center;
text-transform: uppercase;/*تم التصميم بوسطة {وهبة الساحر}؛*/
font-weight: bold;
width: 185px;
}
/*عدد المواضيع*/
.last-post-icon{ display:none; }
.lastpost br { display:none;}
.sprite-icon_topic_latest{display:none}
.forabg li.row dd.topics {
background-color: #12A3EB;
  border-radius: 50px 50px 50px 50px;
  border-bottom: 10px solid #9EE4F7;
    border-top: 50px solid #9EE4F7;
color: #fff;
font-family: oswald;
font-size: 30px;
font-weight: bold;
height: 58px;
line-height: 36px;/*تم التصميم بوسطة {وهبة الساحر}؛*/
margin-left: 8px;
margin-top: 0px;
position: relative;
width: 80px;
  display: block;
}
/*عدد المساهمات*/
.forabg li.row dd.posts {
background-color: #12A3EB;
  border-radius: 50px 50px 50px 50px;
  border-bottom: 10px solid #9EE4F7;
    border-top: 50px solid #9EE4F7;
color: #fff;
font-family: oswald;
font-size: 30px;
font-weight: bold;
height: 58px;
line-height: 36px;/*تم التصميم بوسطة {وهبة الساحر}؛*/
margin-left: 8px;
margin-top: 0px;
position: relative;
width: 80px;
  display: block;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/




تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد

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

 وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد 221706
 وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديد 201477



عدل سابقا من قبل وهبة الساحر في السبت 18 يوليو 2015 - 4:29 عدل 1 مرات (السبب : لتزويده ببعض التقنية له)
وهبة الساحر
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9060
معدل النشاط : 14837
السُمعة : 135

https://3arb-way.yoo7.com

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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