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

ستايلات Styles

مشاكل وحلول الاستايلات

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

: موضوع مغلق

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

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

kaaleth

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

Compatible with other browsers (css)

Mozilla FireFox
Compatible with other browsers (css)

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

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

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

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

@UP Thank You! It' works!

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

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

isma3eliano

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

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

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

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