انجمن


یکی این style رو رام کنه !  (۳ نوشته)

  • mehrani

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹
    # نوشته شده: ۸ سال پیش
    ۹ اسفند ۱۳۹۰ - ۲۲:۴۲

    سلام.
    می دونم وقتی موضوع زیر رو مطرح می کنم همه از المان تا بورکینافاسو می خوان بهم آدرس و لینک بدن که قبلا این موضوع بحث شده اما همتون میدونید به عمل کار برآید به سخندانی نیست.
    حالا چه ربطی داره؟
    ببینید من خودم هم می دونم ie به درد نمی خوره اما اگه برای کسب که قالب بهش دادم پیله کنه که من خایلی متمدنم الا و بالا باید قالبی که دارم با ie هماهنگ باشه من چیکار کنم؟

    یکی پیداشه اینو واسم درس کنه :
    style.css به صورت زیره :

    @CHARSET "utf-8";
    /* */
    /*====================== reset css ========================*/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    a,a:hover {
    	text-decoration:none;
    }
    a:hover{
    	color:#BB0003;
    }
    /******************************************************************************/
    body {
    	background: #304f6f;
    	padding: 0px;
    	margin: 0px;
    	margin-top: 0px;
    	font: 13px Tahoma, Arial;
    	font-weight: normal;
    	color: #000;
    }
    a {
        color: #1809A6;
        outline: medium none;
    }
    .page {
        background: none repeat scroll 0 0 #F0FFFF;
        direction: rtl;
        margin: auto;
        width: 964px;
    }
    .main{
        float: right;
        margin-left: 7px;
        width: 578px;
    }
    .header {
        margin-bottom: 7px;
        width: 964px;
    }
    .logo {
        height: 143px;
        margin-bottom: 2px;
        width: 964px;
    }
    .nav_search {
        background: url("images/bg_nav.gif") repeat-x scroll 0 0 transparent;
        height: 31px;
        width: 964px;
    }
    .fr_img {
        border: 0 none;
        display: block;
        float: right;
    }
    #nav1 {
        float: right;
        font-family: tahoma,'Times New Roman';
        font-weight: normal;
        height: 31px;
        line-height: 29px;
        margin-left: 151px !important;
        overflow: hidden;
        padding: 0;
        width: 520px;
    }
    #nav1 a {
        background: url("images/bg_btn_nav.gif") repeat-x scroll 0 0 transparent;
        color: #023876;
        display: block;
        float: right;
        font-size: 11px;
        height: 31px;
        line-height: 29px;
        text-align: center;
        text-decoration: none;
        width: 78px;
    }
    #nav1 a:hover {
        background: url("images/bg_btn_nav.gif") repeat-x scroll 0 -33px transparent;
    }
    .search_form {
        border: 0 none;
        display: block;
        height: 23px;
        margin: 0;
        padding: 8px 0 0;
        width: 128px;
    }
    .search_container {
        background: url("images/bg_search.gif") repeat-x scroll 0 0 transparent;
        float: right;
        height: 31px;
        width: 128px;
    }
    .search_btn {
        background: url("images/btn_search.gif") no-repeat scroll 0 0 transparent;
        display: block;
        float: right;
        height: 31px;
        margin-left: 2px;
        outline: medium none;
        overflow: hidden;
        text-decoration: none;
        width: 22px;
    }
    .search_input {
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        display: block;
        font: 11px tahoma;
        height: 17px;
        margin: 0 !important;
        overflow: hidden;
        padding: 0;
        width: 136px;
    }
    .rss_btn {
        background: url("images/rss.gif") no-repeat scroll 0 0 transparent;
        display: block;
        float: right;
        height: 31px;
        outline: medium none;
        overflow: hidden;
        text-decoration: none;
        width: 22px;
    }
    .wrapper {
        clear: both;
        height: 0;
        overflow: hidden;
    }
    .clr{
    	clear:both;
    	height:0;
    }
    
    /* ==================== ticker ================ */
    #ticker{height: 34px;}
    .ticker-right{
        background-image: url("images/ticker-right.gif");
        background-repeat: no-repeat;
        float: right;
        height: 34px;
        width: 27px;
    }
    .ticker-left{
        background-image: url("images/ticker-left.gif");
        background-repeat: no-repeat;
        height: 34px;
    	width:27px;
    	float:left;
    }
    .ticker-main{
        background-image: url("images/ticker-main.gif");
        background-repeat: repeat-x;
        height: 34px;
    	width:910px;
    	float: left;
    }
    .ticker-content{
        color: #648DB9;
        float: center;
        font: 11px/31px tahoma;
        height: 34px;
        text-align: center;
        width: 250px;
    }
    /* ====================featured=============== */
    .featured{
        margin-bottom: 7px;
        width: 578px;
        background: #ffffff;
    }
    .feat-top{
        background-image: url("images/featured-top.gif");
        background-repeat: no-repeat;
    	height:6px;
    }
    .feat-mid{
        border-left: 1px solid #E0ECF8;
        border-right: 1px solid #E0ECF8;
        padding: 4px 10px;
        width: 556px;
    }
    .feat-bot{
        background-image: url("images/featured-bot.gif");
        background-repeat: no-repeat;
    	height:6px;
    }
    .feat-img{
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        float: right;
        padding: 4px;
    	margin-left: 8px;
    	width:192px;
    }
    .featured .text{
    	width:340px;
    	float:left;
    }
    /* ====================special=============== */
    .special{
        margin-bottom: 7px;
        width: 578px;
    }
    .special .cycle{
        float: right;
        height: 170px;
        padding: 0 10px;
        width: 92px;
    	text-align:center;
    }
    .special a{
        color: #891708;
        font: 11px tahoma;
    }
    .spc-img{
        border: 2px solid #d9ecff;
        display: block;
        margin: auto;
        padding: 3px;
    }
    .spc-top{
        background: url("images/special.gif") repeat-x scroll 0 0 transparent;
        height: 36px;
        width: 578px;
    	/*float:right;*/
    }
    .spc-right{
        background: url("images/spc-r.gif") repeat-x scroll 0 0 transparent;
        height: 36px;
        width: 36px;
    	float:right;
    }
    .spc-left{
        background: url("images/spc-l.gif") repeat-x scroll 0 0 transparent;
        height: 36px;
        width: 92px;
    	float:left;
    }
    .spc-mid{
        background: url("images/spc-m.gif") repeat-y scroll 0 0 transparent;
        height: 170px;
        padding: 5px 9px;
        position: relative;
        width: 560px;
    }
    .spc-bot{
        background-image: url("images/spc-b.gif");
        background-repeat: no-repeat;
    	height:9px;
    }
    /* =================bottom section========== */
    .bottom{
    
    }
    .note{
        margin-left: 7px;
        padding-bottom: 1px;
    	margin-bottom: 7px;
        width: 200px;
    }
    .news{
        float: right;
        padding: 10px 10px 1px;
        background: none repeat scroll 0 0 #FFFFFF;
        width: 351px;
    }
    .note-top{
        background: url("images/note-top.gif") no-repeat scroll 0 0 transparent;
        color: #013976;
        font: 11px/31px tahoma;
        height: 34px;
        text-indent: 36px;
        width: 200px;
    }
    .note-mid{
        background: url("images/note-mid.gif") repeat-y scroll 0 0 transparent;
        padding: 10px;
        width: 180px;
    }
    .note-bot{
        background: url("images/note-bot.gif") no-repeat scroll 0 0 transparent;
        width: 200px;
        height: 9px;
    }
    #bottom-right{
    	float:right;
    }
    #bottom-left{
    	float:left;
    }
    .news-img{
        display: block;
        margin: auto;
        padding: 3px;
    	float:right;
    	margin-left:5px;
    	background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
    }
    .note-img{
        display: block;
        margin: auto;
        padding: 3px;
    	width:50px;
    	height:59px;
    	float:right;
    	margin-left:5px;
    	background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
    }
    .note1{
        height: 80px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    /* =================left section========== */
    .sidebar{
        float: right;
        margin-left: 7px;
        width: 230px;
    }
    .mm{
       margin-bottom: 7px;
        width: 230px;
    }
    .mm-top{
        background: url("images/mm.gif") no-repeat scroll 0 0 transparent;
    	height: 34px;
        width: 230px;
    }
    .mm-right{
    
    }
    .mm-left{
    
    }
    .mm-mid{
        background: url("images/mm-mid.gif") repeat-y scroll 0 0 transparent;
        height: 138px;
        padding: 0 11px;
        width: 208px;
    }
    .mm-bot{
        background: url("images/mm-bot.gif") no-repeat scroll 0 0 transparent;
    	height: 43px;
        width: 230px;
    }
    /* =================adv section========== */
    .adv{
        float: left;
        width: 142px;
        background: #ffffff;
    }
    .adv-top{
        background: url("images/adv-top.gif") no-repeat scroll 0 0 transparent;
    	height: 6px;
        width: 142px;
    }
    .adv-mid{
        border-left: 1px solid #BCD5EE;
        border-right: 1px solid #BCD5EE;
        padding: 0 5px;
        width: 130px;
    }
    .adv-bot{
        background: url("images/adv-bot.gif") no-repeat scroll 0 0 transparent;
    	height: 6px;
        width: 142px;
    }
    /* =================== Typography =================*/
    .feat-mid h2 a,.news h2 a {
        background-image: url("images/dot.gif");
        background-position: right center;
        background-repeat: no-repeat;
        direction: rtl;
        font-family: 'Times New Roman';
        font-size: 16px;
        font-weight: bold;
        line-height: 130%;
        margin-bottom: 10px;
        padding-right: 10px;
    	margin-left:10px;
        text-align: right;
        text-decoration: none;
    }
    .note h2 a{
        background-image: url("images/dot.gif");
        background-position: right 5px;
        background-repeat: no-repeat;
        direction: rtl;
        padding-right: 10px;margin-left: 10px;
        font: bold 10pt Times;
        text-align: right;
        text-decoration: none;
    }
    .lead1 {
        color: #000000;
        font: 11px/130% tahoma,arial,'Times New Roman';
        text-align: justify;
        text-decoration: none;
    }
    /* ========= dummy! ; because i'am lazy boy =============*/
    .news .lead1{
    	margin-bottom:10px;
    }
    .special a img{
        border: 2px solid #D9ECFF;
        display: block;
        margin: auto;
        padding: 3px;
    }
    /* ================== Single ===============*/
    .page_body {
        margin-bottom: 7px;
        width: 964px;
    }
    .single-r{
        float: right;
        min-height: 10px;
        margin-left: 7px;
        width: 230px;
    }
    .single-m{
        float: right;
        margin-left: 7px;
    	min-height: 100px;
        width: 578px;
        background: #ffffff;
    }
    .adv-mid li,.single-r-adv li {
    	list-style: none outside none;
        text-align: center;
    	padding-bottom: 5px;
    }
    .single-c1{
    	background-image:url("images/single-top.gif");
    	height:6px;
    	background-repeat:none;
    }
    .single-c2{
        border-left: 1px solid #E0ECF8;
        border-right: 1px solid #E0ECF8;
        padding: 9px 10px;
        width: 556px;
    }
    .single-c3{
    	background-image:url("images/single-bot.gif");
    	height:6px;
    	background-repeat:none;
    }
    .single-r-adv li a img{
    	width: 230px;
    }
    .single-meta{
        padding-bottom: 35px;
        padding-top: 5px;
    	color: #858585;
    	font: 11px tahoma;
    }
    .newscode{
        float: right;
        width: 100px;
    }
    .newsdate{
        float: right;
        width: 220px;
    }
    .newsprint{
        background-image: url("images/print.gif");
        background-position: right center;
        background-repeat: no-repeat;
        float: right;
        padding-right: 15px;
        width: 90px;
    }
    .newssend{
        background-image: url("images/email.gif");
        background-position: right center;
        background-repeat: no-repeat;
        float: right;
        padding-right: 15px;
        width: 110px;
    }
    h2.single{
        color: #9A1010;
        font: bold 16px Arial;
        padding-bottom: 10px;
        padding-top: 4px;
        text-align: center;
    }
    /******** slider *******/
    #mycarousel-next, #mycarousel-prev {
       margin-top: 8px;
       margin-bottom:0!important;
       margin-left:5px;
    }
    #mycarousel-next
    {
        background: url("images/btn_cycles.gif") repeat scroll -18px 0 transparent;
        display: block;
        float: left;
        height: 16px;
        margin-right: 4px;
        overflow: hidden;
        text-decoration: none;
        width: 16px;
    }
    #mycarousel-next:hover{
    	background-position:-54px 0;
    }
    #mycarousel-prev{
       background: url("images/btn_cycles.gif") repeat scroll 0 0 transparent;
        display: block;
        float: left;
        height: 16px;
        margin-right: 4px;
        overflow: hidden;
        text-decoration: none;
        width: 16px;
    }
    #mycarousel-prev:hover{
    	background-position:-36px 0;
    }
    #nav1 ul li{
        background-image: url("images/sp_nav.gif");
        background-repeat: no-repeat;
        display: block;
        float: right;
        text-align: center;
        width: 80px;
    }
    .nav_search{}
    .nav-r{
        background: url("images/r_nav.gif") no-repeat scroll right center transparent;
        border: 0 none;
        display: block;
        float: right;
        height: 31px;
        width: 15px;
    }
    #nav1{}
    #nav2{}
    .nav-l{
        background: url("images/l_nav.gif") no-repeat scroll left center transparent;
        border: 0 none;
        display: block;
        float:left;
        height: 31px;
        width: 15px;
    }
    .comments{margin-top:20px;}
    #com-top{
        background: url("images/comment-top.gif") no-repeat scroll center top transparent;
        height: 45px;
    }
    #com-main{
        background: url("images/comment-main.gif") repeat-y scroll 0 0 transparent;
        padding: 10px;
        width: 536px;
    }
    #com-bot{
        background: url("images/comment-bot.gif") no-repeat scroll center bottom transparent;
        height: 9px;
    }
    .commentlist{
       color: gray;
        font: 11px/120% tahoma,arial,'Times New Roman';
        text-align: justify;
       border-bottom: 1px dashed #93C0E9;
        margin-bottom: 10px;
        padding-bottom: 10px;
    
    }
    .commentlist li{
        background: url("images/comments.gif") no-repeat scroll right top transparent;
        margin-left: 15px;
        padding-right: 15px;
    }
    #comment {width: 400px;}
    #commentform p{
        font-family: tahoma;
        font-size: 11px;
        margin: 5px 0;
    }
    #submit,#author,#comment,#email{font-family:tahoma;font-size:12px;}
    #footer{
        background: url("images/footer.gif") no-repeat scroll center top transparent;
        height: 110px;
        margin-top: 20px;
        width: 964px;
    }
    #footer p{
    	text-align:center;
        height: 80px;
        padding-top: 15px;
        width: 948px;
    }
    /* end of slider **/
    .boxtitle{
        color: #003872;
        font-size: 11px;
        line-height: 32px;
        margin-right: 40px;
    }
    .miniboxtitle{
        color: #003872;
        font-size: 11px;
        line-height: 32px;
    }
    .mainsidebar{    border: 1px solid #BCD5EE;    border-radius: 5px 5px 5px 5px;margin-bottom:10px;    padding: 5px;}
    .mainsidebar .ms1{}
    .search{font-family: 'Times New Roman';font-size: 16px;margin-bottom:15px;font-weight: bold;color: #1809A6;}
    .searchresult{line-height:22px;}
    input.field{border: 0 none;font-family: tahoma;font-size: 11px;font-weight: normal;margin-top: 8px;}
    input.submit{float: right;}
    .linkspage{
        border: 1px solid #E0ECF7;
        border-radius: 5px 5px 5px 5px;
        padding: 10px 20px;
        width: 922px;
    }
    .links-c1{
        background-color: #FFFFFF;
        float: right;
    	height: 437px;
        padding-bottom: 20px;
        width: 131px;
    }
    .links-c2{
        background-color: #D1DDEF;
        float: right;
    	height: 437px;
        padding-bottom: 20px;
        width: 131px;
    }
    .linkcat{
    	list-style: none outside none;
    }
    .linkcat h2{
        background-color: #1B3E81;
        border-right: 1px solid white;
        color: #FFFFFF;
        font: 11px/17px Tahoma;
        height: 20px;
        text-align: center;
    }
    .linkcat a{
        color: #000000;
        font: 11px tahoma;
        text-decoration: none;
    	text-align:center;
    	margin-bottom:2px;
    }
    .linkcat ul li {text-align:center;}
    .linksrow{height: 437px;}

    css بالا با مرورگرها خوبه به جز خاندان ie.

    خواهشا نگید برو به فلان لینک و از این حرفا. خودم همرو دوبار دوبار نگاه کردم . لینکا به درد عمل نمی خوره فقط یه سری تئوریه همین. من هرجور ور رفتم نتونستم کاری کنم لطفا کمک کنید.

    ممنون

  • NESTED

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۲۳۵۴
    تشکر شده: ۲۳۷۰ بار
    # نوشته شده: ۸ سال پیش
    ۱۰ اسفند ۱۳۹۰ - ۱۰:۰۵

    این استایلی که شما دادین به خودی خود نمیشه روی اون کاری کرد
    شما قالب رو جایی اپلود کنید تا انلاین مواردش رو برطرف کنیم
    و اِلا ندید از کجا بدونیم کدوم کلاس در IE مورد داره !!!

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۸ سال پیش
    ۱۰ اسفند ۱۳۹۰ - ۱۱:۱۳

    سوالتون بیربط به وردپرس هست

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.