| وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد | |
|
|
كاتب الموضوع | رسالة |
---|
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد السبت ديسمبر 08, 2012 3:43 pm | |
| السلام عليكم ورحمة الله وبركاته
اليوم جبت لكم كود css جميل جدا وهو وضع اطار احترافى على كل اطارات منتداك
الكود
- الكود:
-
[color=brown]/*-----essa_elgn -----*/ .row2 { border:2px solid #E0C77E; background: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png) ; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px; } .row1 {
border:2px solid #E0C77E; background: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;border:2px solid #E0C77E;
-moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px;
} .row3 { border:2px solid #E0C77E; background: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png) ; -moz-border-radius-topright: 15px; -webkit-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; border-radius-topright: 15px; border-radius-bottomleft: 15px; }[/color] [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: رد: وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد السبت ديسمبر 08, 2012 3:46 pm | |
| ملحوظة : علما انه لا يعمل مع النسخة الثالثة على الرئيسية إنما يعما داخل الأقسام والمواضيع فقط
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري السبت ديسمبر 08, 2012 4:10 pm | |
| كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري 2011 معاينة للكود [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]التوافق مع النسخة الاخيرة الكود - الكود:
-
blockquote { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-rightright-radius: 25px; } blockquote { border-top: 1px solid #ADC8E5;; border-right: 2px solid #ADC8E5; border-bottom: 3px solid #ADC8E5; border-left: 5px solid #ADC8E5; background-color: #dfe6ef; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; box-shadow: 4px 4px 10px #333; } blockquote cite { display: block; margin: -8px -8px 8px -8px; padding: 3px; background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg'); background-repeat: repeat-x; background-position: top right; font-style: normal; font-size: 13px; } blockquote { background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote15.jpg) no-repeat top right; min-height:75px; } .spoiler { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-rightright-radius: 25px; } .spoiler { border-top: 1px solid #ADC8E5;; border-right: 2px solid #ADC8E5; border-bottom: 3px solid #ADC8E5; border-left: 5px solid #ADC8E5; background-color: #dfe6ef; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; box-shadow: 4px 4px 10px #333; } .spoiler dt { display: block; margin: -8px -8px 8px -8px; padding: 3px; background-image: url('http://i60.servimg.com/u/f60/13/80/01/02/sfondo22.jpg'); background-repeat: repeat-x; background-position: top right; font-style: normal; font-size: 13px; } .spoiler { background: url(http://i38.servimg.com/u/f38/14/18/94/73/quote16.jpg) no-repeat top right; min-height:30px; }
#navstrip li { float: left; margin: 0 2px; padding-left: 15px; background: url('http://i30.servimg.com/u/f30/13/80/01/02/immagi14.gif') no-repeat left 50%; }
اتمنى الافادة للجميع . . . . . أتمنى النقل للقسم المناسب الى اللقاء [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: كود css لجعل كلمة اون لاين واوف بلاين بطريقة روعة للنسخة 3phpbb السبت ديسمبر 08, 2012 4:11 pm | |
| السلام عليكم [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] اقدم لكم لكم كود css لجعل كلمة اوف لاين واون لاين جذابة
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط] الكود يعمل على النسخة
phpbb3 فقط طريقة التركيب لوحة الادارة مظهر المنتدى الوان ورقة تصميم css الكود :: - الكود:
-
[b].overview label{color: white;} .overview .row2{background: none; border-bottom: 1px dashed white; text-shadow: 1px 1px 1px black;} .overview a{position: static !important;} .post{ background: #eeeeee url(رابط صورة الاوف لاين) no-repeat top left;} #preview { background: #eeeeee !important;} input[type="text"],input[type="password"]{background-image: none !important;} .online{z-index: 999 !important; background: #eeeeee url(رابط صورة الاون لاين) no-repeat top left;}[/b] [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: كود css لتحريك أزرار التصفح عند مرور الماوس السبت ديسمبر 08, 2012 4:16 pm | |
| كود يقوم بتحريك أزرار التصفح عند مرور الماوس يعمل على جميع النسخ
مثال بالصورهذه الأزرار
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]وعند مرور الماوس على أحدهايتحرك هكذا[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]طريقة الوضع : -الكود يوضع بورقة الــــcssلوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]الكود للأعلى - الكود:
-
.mainmenu { display:inline-block; height:37px; overflow:hidden; vertical-align: top; /* для корректного отображения в старых браузерах */ display:-moz-inline-stack; zoom:1; *display:inline; _overflow:hidden; } a.mainmenu img { margin-top:0px; } a.mainmenu img:hover{ margin-top:-37px; } كود تحيرك لآسفل - الكود:
-
.mainmenu { display:inline-block; height:37px; overflow:hidden; vertical-align: top; /* для корректного отображения в старых браузерах */ display:-moz-inline-stack; zoom:1; *display:inline; _overflow:hidden; } a.mainmenu img { margin-top:0px; } a.mainmenu img:hover{ margin-top: 37px; } لتقليل المسافة التى يتحركها الزر يمكنك التعديل على الرقم اللى بالكود وهو 37 وأجعله ما تريدارجوا ان اكون افدتكمانتهي الموضوع[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: كود ظل خلف كل النصوص السبت ديسمبر 08, 2012 4:17 pm | |
| السلام عليكم ورحمة الله وبركاته
كود ظل خلف كل النصوص
وهو لنسخهـ الثانية [phpBB2]
معاينة: [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط] الكود - الكود:
-
td { text-shadow:0px 1px 0px #b3b2b3; } طريقة تركيب الكود..بالنص..: الكود يوضع بورقة الــــcss لوحة الادارة > مظهر المنتدي
> الوان > ورقة تصميم css
طريقة تركيب الكود..بالصور..: [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] - [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] - [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] - [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] - [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
مبروووك عليك الكود ومظهر منتدى رائع~ [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
SKARIMA ☆ الإدِارهـَ ☆
الجنس : الدولة : المهنة : احترام قوانين المنتدى : نوع المتصفح : نسخة المنتدى : عدد المساهمات : 9681 نقاط النشاط : 40899 تاريخ التسجيل : 26/10/2012 فريقك المفضل :
| موضوع: كود إطار منحني الحواف حول جميع جداول المنتدى السبت ديسمبر 08, 2012 4:28 pm | |
| مرحبا بكمـ ..
وتتواله حصريات
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
كود إطار منحني الحواف حول جميع جداول المنتدى للنسخ التاليه
phpBB2 Invision phpBB3
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الكود
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
- الكود:
-
/*** كود إطار منحني الحواف حول جميع جداول المنتدى ***/ th { height: 37px; border: 8px double #e87f17; -moz-border-radius: 7px; } .forumline, .row1, .row2, .row3 { border: 5px double #e87f17; -moz-border-radius: 7px; } /*** Ahmed Mido ***/ [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]يمكنك التحكم فى لون الاطار بدل هذا - الكود:
-
#e87f17 ويمكنك ايضا التحكم فى حجم الاطار بدل هذا - الكود:
-
7px [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
صور من الكود
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
// الرئيسيه//
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]// صندوق الرد//[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
شرح وضع الكود
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
لوحه التحكم [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] مظهر المنتدى الصور و الألوان
الوان
ورقه تصميم الـــ Css
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
تم الشرح بواسطة
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] المتطوع المساعد
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
ارجو ان اكود قد وفقت في الشرح
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] [وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة] | |
|
| |
| وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد | |
|