انجمن


100 در صد کردن عرض هدر  (۳ نوشته)

  • mkk

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

    سلام چطور می تونم کاری کنم که عرض هدر من کل صفحه رو بگیره و وابسته به بدنه سایت نباشه
    این هدرمن هست و در ادامه استایل اون رو اوردم

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    <title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <meta name="author" content="خسروی" />
    <META NAME="Revisit-After" CONTENT="one Days">
    <meta name="robots" content="index,follow,archive" />
    <?php if(WP_VERSION < 3.0): ?>
    <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s خوراک مطالب', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s خوراک اتم', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
    <?php endif; ?>
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
    <?php endif; ?>
    <?php
    remove_action('wp_head', 'wp_generator');
    wp_enqueue_script('jquery');
    if (is_singular() && comments_open() && (get_option('thread_comments') == 1)) {
     wp_enqueue_script('comment-reply');
    }
    wp_head();
    ?>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
    </head>
    <body <?php if(function_exists('body_class')) body_class(); ?>>
    <?php
    ob_start();

    این هم استایل

    /* begin Header */
    div.art-header
    {
      margin: 0 auto;
      position: relative;
      width:100%;
      height: 130px;
      overflow: hidden;
    }
    div.art-header-jpeg
    {
      position: absolute;
      top: 0;
      width: 960px;
      height: 130px;
      background: url('images/header.jpg') no-repeat center center;
    }
    
    /* end Header */

    ممنون و متشکر

  • Mostafa

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

    سلام، اینو بررسی کنید:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    <title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <meta name="author" content="خسروي" />
    <META NAME="Revisit-After" CONTENT="one Days">
    <meta name="robots" content="index,follow,archive" />
    <?php if(WP_VERSION < 3.0): ?>
    <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s خوراک مطالب', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s خوراک اتم', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
    <?php endif; ?>
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php if (is_file(TEMPLATEPATH .'/favicon.ico')):?>
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
    <?php endif; ?>
    <?php
    remove_action('wp_head', 'wp_generator');
    wp_enqueue_script('jquery');
    if (is_singular() && comments_open() && (get_option('thread_comments') == 1)) {
     wp_enqueue_script('comment-reply');
    }
    wp_head();
    ?>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
    </head>
    <div class="new_header"></div>
    <body <?php if(function_exists('body_class')) body_class(); ?>>
    <?php
    ob_start();

    css

    div.new_header{
      height: 100px;
      width: 100%;
      background-color: #6699FF;
      float: left
    }
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    mkk
  • mkk

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

    ممنونم مصطفی جان هدرم درست شد
    فقط وقتی عکس برا هدر میزارم متن عنوان و توضحات سایت میره زیر هدر و پشت بلوک دسته ها قرار میگیره
    ممنون میشم راهنماییم کنید
    http://hozekosar.com/

    یه سوال دیگه هم دارم
    من این قالب رو با ارتیستر طراحی کردم و کد های توی css اون خیلی زیاده و بعضی از اونها حتی بی استفاده
    مثلا همین استایل هدری که گذاشتم 3 تا استایل داشت که من اون رو 2 تا کردم و شما زحمت کشیدن و اون رو یکی کردین . مطمئنا رو سرعت بارگذاری صفحه تاثیر میزاره حالا می خوام بدونم این کدها رو چه جوری اصلاح کنم تا حجم css کم بشه و ساختار صفحه به هم نریزه
    ممنون
    http://hozekosar.com/wp-content/themes/hozekosar5/style.css

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



برچسب‌ها

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