انجمن


وارد کردن یک فایل html در هدر  (۷ نوشته)

  • quran

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

    با سلام خدمت دوستان عزیز
    من یه سوال داشتم اون هم این که من برای هدرم یه منو با نرم افزار CSS Tab Designer ساختم حالا خروجیش یه صفحه html شده حالا چه جوری اینو توی فایل هدر بیارم .
    نمونه سورس این فایل html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
    
    <html>
            <head>
                    <title>Sliding Doors Preview</title>
                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                    <style type="text/css">
    <!--
    BODY {
            PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: small/1.5em Georgia,Serif; COLOR: #000; PADDING-TOP: 0px; voice-family: inherit
    }
    UNKNOWN {
            FONT-SIZE: small
    }
    #header {
            FONT-SIZE: 93%; BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 960px; LINE-HEIGHT: normal
    }
    #header UL {
            PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
    }
    #header LI {
            PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(left.gif) no-repeat left top; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
    }
    #header A {
            PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
    }
    #header A {
            FLOAT: none
    }
    #header A:hover {
            COLOR: #333
    }
    #header #current {
            BACKGROUND-IMAGE: url(left_on.gif)
    }
    #header #current A {
            BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
    }
    -->
    </style>
            </head>
    
            <body>
                    <div id="header">
                            <ul>
                                    <!-- CSS Tabs -->
    <li><a href="/sitemap">نقشه ی سایت</a></li>
    <li><a href="/about">درباره ی سایت</a></li>
    <li><a href="/contact">ارتباط با ما</a></li>
    <li><a href="/">خانه</a></li>
    
                            </ul>
                    </div>
            </body>
    </html>
  • Morteza

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

    اول باید تیکه کد css رو بریزی توی فایل style.css بعد هم

    <div id="header">
                            <ul>
                                    <!-- CSS Tabs -->
    <li><a href="/sitemap">نقشه ی سایت</a></li>
    <li><a href="/about">درباره ی سایت</a></li>
    <li><a href="/contact">ارتباط با ما</a></li>
    <li><a href="/">خانه</a></li>
    
                            </ul>
                    </div>

    رو بزار توی جایی که میخوای منو باشه.

  • quran

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

    با سلام
    واقعا ممنونم از کمکتون .

  • quran

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

    دوست عزیز کار کرد اما چون توی این تیکه سی اس اس هم از body استفاده شده با body خود قالب تداخل پیدا می کنه.
    حالا باید چی کار کنم؟

  • Parsa

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

    body رو نزار فکر نکنم مشکلی باشه
    یا قسمتهای مشترک با body قالبت رو حذف كن

  • quran

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

    وقتی یکیشون رو حذف می کنم اون یکی به هم می خوره. همینطور برای قسمت های مشترک

  • Morteza

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

    قاعدتا نباید با حذف یکی مشکلی پیش بیاد.
    چجوری بهم میخوره؟؟

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



برچسب‌ها

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