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



 
الرئيسيةأحدث الصورالتسجيلدخول

 

  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد

اذهب الى الأسفل 
كاتب الموضوعرسالة
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 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]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: رد: وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 08, 2012 3:46 pm

ملحوظة :
علما انه لا يعمل مع النسخة الثالثة على الرئيسية إنما يعما داخل الأقسام والمواضيع فقط

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: كود css لتغيير شكل الاقتباس وجعله جذاب جدا للنسخة الاخيرة شكل جديد وحصري    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 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%;
        }
اتمنى الافادة للجميع
.
.
.
.
.
أتمنى النقل للقسم المناسب
الى اللقاء
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: كود css لجعل كلمة اون لاين واوف بلاين بطريقة روعة للنسخة 3phpbb    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 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]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 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
وأجعله ما تريد



ارجوا ان اكون افدتكم
انتهي الموضوع
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: كود ظل خلف كل النصوص    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 08, 2012 4:17 pm

السلام عليكم ورحمة الله وبركاته

كود ظل خلف كل النصوص

وهو لنسخهـ الثانية
[phpBB2]


معاينة:


[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
الكود
الكود:
td {
  text-shadow:0px 1px 0px #b3b2b3;
}
طريقة تركيب الكود..بالنص..:
الكود يوضع بورقة الــــcss

لوحة
الادارة > مظهر المنتدي

> الوان > ورقة تصميم css

طريقة تركيب الكود..بالصور..:
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
-
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
-
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
-
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
-
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]

مبروووك عليك الكود ومظهر منتدى رائع~

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Female25
المهنة :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Collec10
احترام قوانين المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 2z7kjh2
نوع المتصفح :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640002
نسخة المنتدى :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40511
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل :  وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد 205388

 وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Empty
مُساهمةموضوع: كود إطار منحني الحواف حول جميع جداول المنتدى    وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد Emptyالسبت ديسمبر 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

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]

تم الشرح بواسطة

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
المتطوع المساعد


[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]

ارجو ان اكود قد وفقت
في الشرح

[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]


[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
 
وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد
»  ستايلان لعيد الاضحى المبارك بشكل احترافى والوان زاهيه
» كود css يجعل الصور فى منتداك بشكل رائع..!
» كود [Template] احصائيات منتداك مثل الـ vb بشكل رائع
»  كود Css لوضع ايطار وصوره بشكل احترافى لفئات المنتدى مع امكانية تحديد لون الاطار والروابط

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