منتديات عرب فوكس

أهلا وسهلا بك إلى منتديات عرب فوكس




منتديات عرب فوكس :: تطوير المواقع والمنتديات :: اكواد CSS

شاطر

الجمعة مارس 02, 2018 1:08 pm
المشاركة رقم:
مؤسس المنتدى
مؤسس المنتدى

avatar

إحصائيةالعضو

ذكر
عدد المساهمات : 1248
تاريخ التسجيل : 02/02/2013
معاينة صفحة البيانات الشخصي للعضو http://arabsfox.ahlamontada.com
مُساهمةموضوع: كود خلفية للأكواد على نحو جميل وحصري


كود خلفية للأكواد على نحو جميل وحصري


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

والان تفضلو الاكواد 
للنسخة الثانية


الكود:


/* -2-hamsa-haq--كود لوضع خلفية الاقتباسات تشبه صفحات الدفتر وللجميع النسخ*/
.codebox { 
 display:block; 
 border: 9px solid #EEEBDC; 
 margin: 10px; 
 padding: 0 10px 0 20px; 
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat; 
 -moz-box-shadow: 1px 1px 0 #cfc9b7;  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7; 
 box-shadow: 1px 1px 0 #CFC9B7; 
 font-size: 12px !important;  
 line-height: 21px; 
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important;
  color: #696765;  
  position: relative; 

.codebox dd, .codebox dt {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; 
 font-size: 12px !important;  
 padding-left: 15px;  
  background-color: transparent !important; 
 line-height: 21px;
}
.codebox dt, .codebox dt span {
font-weight: bold !important;
color: #F00 !important; 
font-size: 12px !important; 
}
.spoiler_content {
background-color: transparent !important;
border: none !important;
font-size: 12px !important; 
color: #444;
display: block;
line-height: 21px;
padding: 0;
}
/* css-2-hamsa-haq--كودالاقتباسات  وللجميع النسخ*/


[size=16]والان للنسخة BB3[/size]




/* -BB3-hamsa-haq--كود لوضع خلفية الاقتباسات تشبه صفحات الدفتر وللجميع النسخ*/
dl.codebox, blockquote { 
 display:block; 
 border: 9px solid #EEEBDC;
 margin: 10px; 
 padding: 0 10px 0 20px; 
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  
 -moz-box-shadow: 1px 1px 0 #cfc9b7;  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  
 box-shadow: 1px 1px 0 #CFC9B7;  
 font-size: 12px !important;  
 line-height: 21px; 
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important;
  color: #696765;
  position: relative; 

blockquote div, .spoiler_content, .codebox.hidecode dd, dl.codebox code {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; 
 font-size: 12px !important; 
  padding-left: 15px;  
  background-color: transparent !important;  
 line-height: 21px;
  margin: 0;
}
dl.codebox dt, blockquote cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; 
font-size: 12px !important;  
font-style: italic !important;
margin-bottom: 0;
text-transform: none;
}
dl.codebox dt {
border-left: 4px double #F3B3A9 !important; 
padding-left: 15px;
}
/*BB3 -hamsa-haq--كودالاقتباسات  وللجميع النسخ*/

والان الكود للنسخة
الاخيرة

الكود:
الكود:
/* - Pun-hamsa-haq--كود لوضع خلفية الاقتباسات تشبه صفحات الدفتر وللجميع النسخ*/
.codebox dd, .codebox dt {
margin: 0;
padding: 0;
background-color: transparent;
}
dl.codebox, .postmain blockquote { 
  display:block; 
  border: 9px solid #EEEBDC; 
  margin: 10px; 
  padding: 0 10px 0 20px; 
  background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  
  -moz-box-shadow: 1px 1px 0 #cfc9b7;  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7; 
  box-shadow: 1px 1px 0 #CFC9B7;  
  font-size: 12px !important;  
  line-height: 21px; 
  font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important;  
  color: #696765;  
  position: relative; 

blockquote div, .spoiler_content, .codebox.hidecode dd, dl.codebox .cont_code {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important;
  font-size: 12px !important;  
  padding-left: 15px;  
  background-color: transparent !important; 
  line-height: 21px;
  margin: 0;
}
dl.codebox dt, .postmain cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; 
font-size: 12px !important;  
font-style: italic !important;
margin-bottom: 0;
text-transform: none;
background-color: transparent;
background-image: none;
}
dl.codebox dt {
border-left: 4px double #F3B3A9 !important; 
padding-left: 15px;
}
/* Pun -hamsa-haq--كودالاقتباسات  وللجميع النسخ*/

والان الكود للنسخة انفجن

الكود:
الكود:
/* انفجن- Pun-hamsa-haq--كود لوضع خلفية الاقتباسات تشبه صفحات الدفتر وللجميع النسخ*/
.codebox dd, .codebox dt {
margin: 0;
padding: 0;
background-color: transparent;
border: none;
}
dl.codebox, blockquote, .spoiler { 
  display:block; 
  border: 1px solid #EEEBDC; 
  margin: 10px; 
  padding: 0 10px 0 20px; 
  background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  
  -moz-box-shadow: 1px 1px 0 #cfc9b7;  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7; 
  box-shadow: 1px 1px 0 #CFC9B7;  
  font-size: 12px !important;  
  line-height: 21px; 
  font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important;  
  color: #696765;  
  position: relative; 

.codebox dd, .spoiler dd, blockquote div {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; 
  font-size: 12px !important; 
  padding-left: 15px;  
  background-color: transparent !important;  
  line-height: 21px;
  margin: 0;
}
.codebox dt, .spoiler dt, blockquote cite {
font-weight: bold !important;
border-bottom: none;
color: #F00 !important; 
font-size: 12px !important; 
font-style: italic !important;
margin: 0;
text-transform: none;
background-color: transparent;
background-image: none;
}
.spoiler dt, .codebox dt {
border-left: 4px double #F3B3A9 !important; 
padding: 0 0 0 15px;
}
/* انفجن-hamsa-haq--كودالاقتباسات  وللجميع النسخ*/

لوحة الادارة 



مظهر المنتدى 

الصور والالوان

الالوان
إضافة أكواد CSS في ورقة تصاميم ال CSS
و داخل ورقة CSS 




توقيع : admin_site



^^^^^^^^^^^^^التوقـــــيع^^^^^^^^^^^^^
لينك اكونت التواصل على الفيس بوك
للإعلان على منتديات عرب فوكس مجاناً قم بمراسلتنا من خلال .. اتصل بنا ..





الــرد الســـريـع
..

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود خلفية للأكواد على نحو جميل وحصري ] مخالف ,, من فضلك راسل الإدارة من هنا


الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)


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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة