Compatible with other browsers (css)

أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

: موضوع مغلق

: [مجابه] Compatible with other browsers (css)

25-01-2012 06:51 مساءً

kaaleth

عضـو مشارك

انضم في : 25-04-2011

رقم العضوية : 1,473

المشاركات : 27

الدولة : Poland

الجنس :

قوة السمعة : 78

موقعي : زيارة موقعي

Hello guys!

I have some problems with styles. I'd like to make a new theme but it isn't work with other browsers, becouse they show me fake colors. Please look at screenshots.

Google Chrome

pbboard_template_combat_index

Mozilla FireFox
combat_firefox

How can I fix it? For example my section tcat in CSS

CODE

.tcat
{
background:#02536E;
background: -moz-linear-gradient(top, #0D7DA7, #0E8EAF 1px, #02536E 25px);
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#000));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0E8EAF,endColorstr=#02536E, gradientType=&amp;#39;0&amp;#39;);
font-family: Arial;
color: #ffffff;
font-size: 7pt;
text-align: left;
padding: 9px;

: [مجابه] Compatible with other browsers (css)

25-01-2012 11:08 مساءً [1]

Soliman

المشرف العام

انضم في : 18-07-2009

رقم العضوية : 1

المشاركات : 12,571

الدولة : KSA

الجنس :

الدعوات : 52

قوة السمعة : 74,196

موقعي : زيارة موقعي

Replace this :

CODE

.tcat
{
background:#02536E;
background: -moz-linear-gradient(top, #0D7DA7, #0E8EAF 1px, #02536E 25px);
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D7DA7), color-stop(100%,#02536E));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0E8EAF,endColorstr=#02536E, gradientType=&amp;#39;0&amp;#39;);
font-family: Arial;
color: #ffffff;
font-size: 7pt;
text-align: left;
padding: 9px;
}

: [مجابه] Compatible with other browsers (css)

26-01-2012 12:52 صباحاً [2]

kaaleth

عضـو مشارك

انضم في : 25-04-2011

رقم العضوية : 1,473

المشاركات : 27

الدولة : Poland

الجنس :

قوة السمعة : 78

موقعي : زيارة موقعي

I'd like to have import this CSS from Google Chrome to other browsers. I don't know why Mozilla doesn't accept my CSS. It's something wrong with webkitgradient, -mozgradient etc. I can replace this

CODE

[font=Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace][LEFT][highlight=#ffffff]color-stop(0%,#333), color-stop(100%,#000));

[/highlight][/LEFT][/font]

as normal black color, but I need and I want to get this effect.

تم تحرير المشاركة بواسطة :kaaleth بتاريخ:26-01-2012 12:55 صباحاً

: [مجابه] Compatible with other browsers (css)

26-01-2012 09:43 صباحاً [3]

: isma3eliano

isma3eliano

مشاهدة الملف الشخصي

البحث عن مواضيع العضو isma3eliano

البحث عن ردود العضو isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي; See this topic

_{CSS gradients for all web browsers, without using images}
[h1][/h1]

and this could help u

http://www.colorzilla.com/gradient-editor/

تم تحرير المشاركة بواسطة :isma3eliano بتاريخ:26-01-2012 09:50 صباحاً

: [مجابه] Compatible with other browsers (css)

26-01-2012 10:13 صباحاً [4]

: kaaleth

kaaleth

مشاهدة الملف الشخصي

البحث عن مواضيع العضو kaaleth

البحث عن ردود العضو kaaleth

عضـو مشارك

انضم في : 25-04-2011

رقم العضوية : 1,473

المشاركات : 27

الدولة : Poland

الجنس :

قوة السمعة : 78

موقعي : زيارة موقعي; @UP Thank You! It' works!

: [مجابه] Compatible with other browsers (css)

27-01-2012 02:53 مساءً [5]

isma3eliano

عضـو ستـار

انضم في : 03-11-2009

رقم العضوية : 188

المشاركات : 2,152

الدولة : مصر Egypt

الجنس :

تاريخ الميلاد : 26-10-1994

الدعوات : 4

قوة السمعة : 5,518

موقعي : زيارة موقعي

السلام عليكم ورحمة الله وبركاته ،،
تم غلق الموضوع لأحد الأسباب التالية:

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

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

إدارة المنتديات،،

البحث في المنتدى

Compatible with other browsers (css)

Hello guys! I have some problems with styles. I&amp;#39;d like to make a new theme but it isn&amp;#39;t work with other browsers, becouse t

See this topic

Hello guys! I have some problems with styles. I'd like to make a new theme but it isn't work with other browsers, becouse t