رفتن به مطلب

مشکل لوگوی قالب


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

سلام

من می خوام برای قالبم یه لوگو بذارم که به صورت کامل بخش لوگوی هدر رو پوشش بده، اما متأسفانه قالب من طوری هست که از چهار طرف نزدیک چند سانت فاصله می ندازه، توی عکس زیر مشخصه:

m580edsiftug424bt5i2.png

من می خوام لوگو دقیقا تا اونجایی که با خط قرمز مشخص کردم بیاد

این هم فایل هدر:


<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'tie' ), max( $paged, $page ) );
?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?php wp_head(); ?>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'/>
</head>
<?php global $is_IE ?>
<body id="top" <?php body_class(); ?>>
<div class="background-cover"></div>
<div class="wrapper">
<header>
<div class="top-nav">
<?php if(tie_get_option( 'top_date' )):
if( tie_get_option('todaydate_format') ) $date_format = tie_get_option('todaydate_format');
else $date_format = 'l , j F Y';
?>
<span class="today-date"><?php echo date_i18n( $date_format , current_time( 'timestamp' ) ); ?></span><?php endif; ?>

<?php wp_nav_menu( array( 'container_class' => 'top-menu', 'theme_location' => 'top-menu', 'fallback_cb' => 'tie_nav_fallback' ) ); ?>
<?php echo tie_alternate_menu( array( 'menu_name' => 'top-menu', 'id' => 'top-menu-mob' ) ) ?>

<?php if(tie_get_option( 'top_right' ) == 'search'): ?>
<div class="search-block">
<form method="get" id="searchform" action="<?php echo home_url(); ?>/">
<input class="search-button" type="submit" value="<?php if( !$is_IE ) _e( 'Search' , 'tie' ) ?>" />
<input type="text" id="s" name="s" value="<?php _e( 'Search...' , 'tie' ) ?>" onfocus="if (this.value == '<?php _e( 'Search...' , 'tie' ) ?>') {this.value = '';}" onblur="if (this.value == '') {this.value = '<?php _e( 'Search...' , 'tie' ) ?>';}" />
</form>
</div><!-- .search-block /-->
<?php elseif( tie_get_option('top_right') == 'social' ):
tie_get_social( 'yes' , 16 , 'tooldown' ); ?>
<?php endif; ?>
</div><!-- .top-menu /-->

<div class="header-content">
<?php if( tie_get_option( 'logo_margin' )) $logo_margin = ' style="margin-top:'.tie_get_option( 'logo_margin' ).'px"'; ?>
<div class="logo"<?php echo $logo_margin ?>>
<?php if( tie_get_option('logo_setting') == 'title' ): ?>
<h1 id="site-title"><a href="<?php echo home_url() ?>/"><?php bloginfo('name'); ?></a></h1>
<span><?php bloginfo( 'description' ); ?></span>
<?php else : ?>
<?php if( tie_get_option( 'logo' ) ) $logo = tie_get_option( 'logo' );
else $logo = get_template_directory_uri().'/images/logo.png';
?>
<h1>
<a title="<?php bloginfo('name'); ?>" href="<?php echo home_url(); ?>/">
<img src="<?php echo $logo ; ?>" alt="<?php bloginfo('name'); ?>" />
</a>
</h1>
<?php endif; ?>
</div><!-- .logo /-->
<?php tie_banner('banner_top' , '<div class="ads-top">' , '</div>' ); ?>
<div class="clear"></div>
</div>

<nav id="main-nav">
<?php wp_nav_menu( array( 'container_class' => 'main-menu', 'theme_location' => 'primary' ,'fallback_cb' => 'tie_nav_fallback' ) ); ?>
<?php echo tie_alternate_menu( array( 'menu_name' => 'primary', 'id' => 'main-menu-mob' ) ) ?>
<?php if(tie_get_option( 'random_article' )): ?>
<a href="<?php echo home_url(); ?>/?random" class="random-article ttip" title="<?php _e( 'Random Article' , 'tie' ) ?>"><?php _e( 'Random Article' , 'tie' ) ?></a>
<?php endif ?>
</nav><!-- .main-nav /-->

</header><!-- #header /-->

<?php tie_include( 'breaking-news' ); // Get Breaking News template ?>
<?php
$sidebar = '';
if( tie_get_option( 'sidebar_pos' ) == 'left' ) $sidebar = ' sidebar-left';
if( is_single() || is_page() ){
$get_meta = get_post_custom($post->ID);

if( !empty($get_meta["tie_sidebar_pos"][0]) ){
$sidebar_pos = $get_meta["tie_sidebar_pos"][0];
if( $sidebar_pos == 'left' ) $sidebar = ' sidebar-left';
elseif( $sidebar_pos == 'full' ) $sidebar = ' full-width';
elseif( $sidebar_pos == 'right' ) $sidebar = ' sidebar-right';
}
}
?>
<div id="main-content" class="container<?php echo $sidebar ; ?>">

ممنون میشم اگه دوستان کمک کنند

لینک به ارسال

ضمنا لوگویی که من گذاشتم اندازش 1000 در 100 پیکسل هست و همچنین می خواستم بدونم اگه بخواهیم عکس رو دقیقا فیت کنیم، عرض عکس چند پیکسل باید بشه؟

لینک به ارسال

با سلام

اگه اشتباه نکنم اینطوری که دیدم باید برید به فایل css قالبتون و قسمت کلاس header-content. و مقدار padding: 20px 15px ; رو بردارید درست میشه و دیگه یه به صورت کامل قرار میگیره :rolleyes: (فایل رو باز کنید خط 2551 باید باشه )(البته امیدوارم اشتباه نکرده باشم :P )

خوش باشید ^_^

لینک به ارسال

ممنونم دوست عزیز، بالا و اطراف درست شد فقط پائینش هنوز مونده! توی عکس زیر با رنگ سبز مشخص کردم

lofo7b5splz5706o7q0g.png

لینک به ارسال

دوست عزیز برای من که درست شد و خودمم زیاد وارد نیستم ولی

تو همون کلاس

header-content. توی پرانتز ها اضافه کن

padding-bottom: 0; اضافه کن ببین fix میشه ؟

اگه نشد این دوتای پایینی رو اضافه کن ببین درست میشه

padding:0;

margin: 0;

اگه بازم نشد باید اساتید بیان نظر بدن من خودم زیاد css بلد نیستم :P

خوش باشی ^_^

لینک به ارسال

آدرس زیر رو نگاه کنید:

http://feghahat.com

توی اون عکسی که فرستادم قسمت سبز رنگ باید حذف بشه

لینک به ارسال

1- کمی بخاطر وجود تگ h1 در لوگو هست

2- کمی بخاطر منوی پایین لوگو هست

لینک به ارسال

اینجوری که خیلی بد میشه!میشه کاری کرد که لوگو متغیر بشه و توی همه رزولیشن ها و همه مانیتورها اتوماتیک فیت بشه؟

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

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

و شما با تغییراتی که دادید این هماهنگی رو خراب کردید ، برای مثال اسلایدر و هدر بالا از حالت اول خارج شدند و با تغییر سایز قالب به هم میخوره ..

این طرح‌هارو ببینید و مرورگرتون رو ریسایز کنید تا منظورم از ریسپانسیو رو درک کنید ..


http://hamrahyar.com/
http://webhub.ir/

لینک به ارسال

آره درسته، من اسلایدر رو نیاز داشتم که عوض کنم و به هر حال می خواستم یک لوگو تمام عرض داشته باشم، خب باید چیکار می کردم؟

اسلایدر رو به این جهت تمام عرض نکردم که توی رزولیشن های مختلف از صفحه بیرون نزنه، ولی مشکلم لوگو هست که نمی دونم باید چیکار کنم که تمام عرض بشه، به هر حال باید یه راهی باشه که توی همین قالبهای

ریسپانسیو هم وقتی مرورگر ریسایز بشه لوگو هم اتوماتیک عرضش تغییر کنه

لینک به ارسال

اون فضای سبز رنگی که اصرار به حذفش داشتید برای این موقع بود - به هر حال اگر نمی خواین از حالت رسپانسیو استفاده کنید کلاً از پوسته ی دیگری استفاده کنید

و یا از خیر لوگوی فول واید بگذرید

لینک به ارسال

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

لینک به ارسال

بله میشه ..

این کد رو در هدر در جایی که قرار گرفته شده دقیقا یک‌بار دیگه قرارش بدید :


<div class="logo">
<h1>
<a href="http://feghahat.com/" title="مؤسسه فقاهت و تمدن سازی اسلامی">
<img alt="مؤسسه فقاهت و تمدن سازی اسلامی" src="http://mobser.ir/1212.png">
</a>
</h1>
</div>

بعد کلاس جدید به div اضافه کنید و لوگو رو چپ به راست کنید ( در صورت نیاز البته )

آدرس عکس هم که در کد هست

لینک به ارسال

ممنون، من کد رو اضافه کردم اما بالای لوگوی اول قرار می گرفت، بعد کد رو به صورت زیر وارد کردم و لوگوی دوم قبل از لوگی اول قرار می گرفت و اونور صفحه نمی رفت، به علاوه اینکه قالب رو هم به هم میریخت


<dir= "rtl" div class="logo"

لینک به ارسال

اگر مجموع عرض دو عکس با هم از مجموع المان دربرگیرنده شون بیشتر بشه روی هم قرار میگیرن. وگرنه باید کنار هم بایستن

لینک به ارسال

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

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

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

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

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

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

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

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

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