رفتن به مطلب

منطبق کردن قالب با ie


پست های پیشنهاد شده

سلام دوستان

میخوام یه style جدا برای قالب سایتم بسازم ، که کدهای رو که تو فایرفاکس میخونه ولی تو اکسپلورر نمیخونه رو درست کنم برای کسایی که با اکسپلورر وارد سایت میشن .

برای اینکار چند تا سوال داشتم :

1- برای اینکار من باید تمام کدها style.css رو دوباره بیارم توی style جدیدی و بعد اونهایی رو که میخوام ،عوض کنم ؟

2- چه کدی رو باید به فایل header.php اضافه کنم ؟

ممنون از شما ، میخواستم اگه بشه این تاپیک رو تو بخش آموزشی بزارم ؟

ویرایش شده توسط takwarez
لینک به ارسال

1 - نه . استايل ie روي استايل جديد بارگزاري ميشه (استايل فقط براي جا هايي كه مشكل دارند)

2 اينجا توضيحات كامل هست !

ویرایش شده توسط arman100000
لینک به ارسال

ممنون ، پس الان من اگه اون قسمت های رو که تو IE مشکل داره رو توی فایل استایل جدیدی درست کنم و کد هدر هم اضافه کنم ، همه چیز اوکی میشه ؟

لینک به ارسال

سلام

دوست عزیز من اومدم یه استایل جدا زدم ولی نشد !!! به شکل زیر اومدم کار کردم ، براتون میگم اگه جاییش مشکل داره بهم بگید :

اول اومدم اون قسمت های رو که تو ie نمیخوند رو اوردم تو استایل جدیدی ، به شکل زیر :

استایل اصلی


.music h4,.movies h4,.films h4 {
background: #aaaaaa;
background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); /* IE6-9 */
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
box-shadow: 1px 4px 3px #989898;
height: 35px;
}
h4:before {
content: '';
position: absolute;
border-style: solid;
border-color: transparent;
bottom: -5px;
}
h4:before {
border-width: 0 9px 6px 0;
border-right-color: #222;
left: -1px;
}

استایل جدیدی


.music h4,.movies h4,.films h4 {
background: transparent url(images/left-sidebar.png) no-repeat scroll center bottom;
height: 51px;
}

* بعد هم اومدم کد زیر قبل از head گذاشتم :


<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

همین ، حالا جای از این مراحل اگه مشکل داره بهم بگید ، ممنون

لینک به ارسال

ببخشید دوستان الان کدوم کد رو گفتید ؟ منظورتون این کد اگه هستش خودتون بهم معرفی کردید


<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

لینک به ارسال

منظور همین کدهایی که توی فایل all-ie-only.css قرار دادید.

و اینکه شما به همین صورت که در پست 12 کد دادید توی پوسته گزاشتید؟ چون اینجور اشتباه هست.

این درسته:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');  ?>/all-ie-only.css" />

لینک به ارسال

فقط چند تا چیز کوچک دیگه ، الان بلوکهای سمت راست از کدی که توی استایل جدیدی براشون تعریف کردم استفاده نمیشه ، یعنی عکسهای که باید زیر تایتل های بلوک ها بیاد نمیاد ، در مورد اون امتیاز پست ، اونو چه جوری میتونم درست کنم ؟

لینک به ارسال

اقا مرتضی الان من توی فایر فاکس که نگاه کردم دیدم تا وقتی لینک استایل جدیدی بالا باشه ، قالب تو فایرفاکس هم خراب میشه :(

لینک به ارسال

فقط چند تا چیز کوچک دیگه ، الان بلوکهای سمت راست از کدی که توی استایل جدیدی براشون تعریف کردم استفاده نمیشه ، یعنی عکسهای که باید زیر تایتل های بلوک ها بیاد نمیاد ، در مورد اون امتیاز پست ، اونو چه جوری میتونم درست کنم ؟

برای ie هست؟

اقا مرتضی الان من توی فایر فاکس که نگاه کردم دیدم تا وقتی لینک استایل جدیدی بالا باشه ، قالب تو فایرفاکس هم خراب میشه :(

َما کد مربوط به ie رو توی

<!--[if IE]>

گزاشتید؟ و اینکه باید این رو به عنوان آخرین استایل لود کنید.

لینک به ارسال

من کد رو ندیدم. برای بخش سایدبار کدی نیست. محتوای فایل ie رو بزارید.

لینک به ارسال

اینم کد استایل جدیدی برای ie :


.music h4,.movies h4,.films h4 {
background: transparent url(images/left-sidebar.png) no-repeat scroll center bottom;
height: 51px;
}
.post-wrapper h2 {
background: transparent url(images/post-hed.png) no-repeat scroll center bottom;
height: 38px;
}
.category-archive h3,.albumes h3,.statistics h3,.sidebar-comments h3,.sidebar-ads h3,.monthly-archive h3 {
background: transparent url(images/right-sidebar.png) no-repeat scroll center bottom;
height: 32px;
}
.wp-pagenavi .pages{
width: 90px;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...