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

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

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

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


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

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


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

http://i61.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;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/




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

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




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

ذكر
عدد المساهمات : 9620
معدل النشاط : 12059
السُمعة : 95

http://3arb-way.a7larab.net/

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

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


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