بصمة المستقبل



 
الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  
منتديات بصمة المستقبل
أدوات الموضوع: JPG-NetВидеоМузыкафоторедакторТранслитТранслит
المواضيع الأخيرة
» برنامج لتعلم اللغة الانجليزية لاجهزة الايفون والاندرويد
من طرف خالداء السبت 19 نوفمبر 2016, 12:34 am

» ثورة فى تعليم اللغات بأسرع وأقوى طريقة مبتكره
من طرف خالداء الجمعة 11 نوفمبر 2016, 10:40 pm

» خطوة خطوة .. حتى تصبح طموحاتك بالإنجليزي حقيقة ( دروس + قاموس )
من طرف خالداء الجمعة 04 نوفمبر 2016, 12:29 am

» تعلم اللغة الإنجليزية بالصور
من طرف خالداء السبت 27 فبراير 2016, 9:39 pm

» افضل قاموس انجليزيه ناطق و الاكثر تحميلا
من طرف خالداء الإثنين 14 ديسمبر 2015, 6:21 pm

» حـــمـــلة اتـــعلـــم واتـــكلـــم - دورة اللغة الانجليزية مجانا ع موبيلك
من طرف AbdouBrn الجمعة 30 أكتوبر 2015, 12:34 pm

» نحن جزائرين .. لا للفتنة ..
من طرف AbdouBrn السبت 29 أغسطس 2015, 9:33 pm

» الشاى السحري للتخسيس المضمون فى وقت سريع
من طرف AbdouBrn السبت 29 أغسطس 2015, 9:33 pm

» فرصه لمن يريد العمل من المنزل والربح وزيادة الدخل لجميع المحافظات
من طرف AbdouBrn الأحد 10 مايو 2015, 9:31 pm

» شركة التل تقدم فحم الكوكونارا الفاخر
من طرف AbdouBrn الثلاثاء 16 سبتمبر 2014, 8:32 pm

اشترك في القائمة البريدية ليصلك جديدنا :

شاطر | 
 

 CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة

اذهب الى الأسفل 
كاتب الموضوعرسالة
AbdouBrn
المدير العام
المدير العام
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 663
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 12
النقاط النقاط : 1490
100

مُساهمةموضوع: CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة   الجمعة 04 أكتوبر 2013, 5:06 pm

|₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته |₪| ..
 
 مرحباً بكم أيها الكرام من أعضاء و زوار مس28يلة من كل مكان 
 
اليوم رايح أعرض لكم أجمل كود css متخصص في صندوق الأقتباسات و الأكواد
 
 مميزاته :
 
يقوم الكود بأظار صندوق الاكواد و الأقتباسات بشكل أجمل من الفي بي لعام 2012
و يقوم بأظهر حراكات وقت الأقتراب عليه بالماوس و للعمل أن كل صندوق من صناديق الأقتباسات او الاكواد
يمتلك لون اخر يميزه عن غيره من الصناديق الأخرى


     برمجة تاكود من قبل اخوكم JOHN CENA
 
 للعلم الكود تم تجريبه على النسخة الثانية و لا أعلم أذا يعمل على باقي النسخ

  

 صورة لمعاينة الكود |




https://i.servimg.com/u/f43/14/83/59/48/29-01-10.png

 


طريقة وضع الكود




لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

الكود لنسخة Punbb



الكود:
.postmain blockquote {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat
scroll 0 0 #FDF9F9;
  border-color: #E7BABA;
  border-style: solid;
    border-width: 1px 1px 1px 20px;
    color: #C25252;
sam_hameed;
    margin: 10px 0 10px 10px;
    overflow: auto;
    padding: 28px 10px 10px;
    width: 90%;
}
.postmain blockquote:hover {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat
scroll 0 0 #FFFFFF;
}

.codebox {
 
   background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat
scroll 0 0 #F5F8FA;
    border-color: #D7E8F0;
    border-style: solid;
  border-width: 1px 1px 1px 20px;
    color: #000000;
sam_hameed;
    font: 13px/16px 'Courier New',Courier,monospace;
    margin: 10px 0 10px 10px;
    max-height: 500px;
    min-height: 16px;
sam_hameed;
    overflow: auto;
    padding: 28px 10px 10px;
    width: 90%;
}
.codebox:hover {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFFFFF;
}



الكود لنسخة phpbb2

 

الكود:
.quote {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat
scroll 0 0 #FDF9F9;
  border-color: #E7BABA;
  border-style: solid;
    border-width: 1px 1px 1px 20px;
    color: #C25252;
sam_hameed;
    margin: 10px 0 10px 10px;
    overflow: auto;
sam_hameed;
    padding: 28px 10px 10px;
    width: 90%;
}
.quote:hover {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat
scroll 0 0 #FFFFFF;
}

.code {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat
scroll 0 0 #F5F8FA;
  border-color: #D7E8F0;
    border-style: solid;
    border-width: 1px 1px 1px 20px;
    color: #000000;
sam_hameed;
    font: 13px/16px 'Courier New',Courier,monospace;
  margin: 10px 0 10px 10px;
    max-height: 500px;
    min-height: 16px;
    overflow: auto;
sam_hameed;
    padding: 28px 10px 10px;
    width: 90%;
}
.code:hover {
 
 background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat
scroll 0 0 #FFFFFF;
}
 

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

 


مبرمجة الكود من قبل أخوكم :-

JOHN CENA

جميع الحقوق محفوظة: صحبة نت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imprint-future.yoo7.com
dzsd
عضو فعال
عضو فعال
avatar

. : ~| معلومات العضو |~
جنسي ذكر
•عمري• •عمري• : 18
. : ~| معلومات اضافية |~
مشاركاتي مشاركاتي : 277
عدد الاشخاص أعجبو بمساهماتك عدد الاشخاص أعجبو بمساهماتك : 1
النقاط النقاط : 282
100

مُساهمةموضوع: _da3m_22   الأحد 15 ديسمبر 2013, 8:21 pm

موضوع رائع بوركت



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://imprint-future.yoo7.com
 
CSS] كود جديد لصندوق الأكواد و الأقتباسات و بتأثيرات جذابة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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