ahadto

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

22 پست در این موضوع قرار دارد

سلام

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

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 )

خوش باشید ^_^

به اشتراک گذاری این پست


لینک به پست

توی فایلهای پوشه css گشتم ولی اینجور چیزی اصلا نبود!

به اشتراک گذاری این پست


لینک به پست

سلام مجدد

دوست گل شرمنده منظور همون فایل style.css هست :rolleyes:

خوش باشید ;)

به اشتراک گذاری این پست


لینک به پست

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

lofo7b5splz5706o7q0g.png

به اشتراک گذاری این پست


لینک به پست

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

تو همون کلاس

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

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

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

padding:0;

margin: 0;

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

خوش باشی ^_^

به اشتراک گذاری این پست


لینک به پست

ممنون از توجهتون ولی باز هم نشد :)

به اشتراک گذاری این پست


لینک به پست

سلام

الان که من جک کردم درست بود و از پایین فاصله ای نداشت !!!

به اشتراک گذاری این پست


لینک به پست

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

http://feghahat.com

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

به اشتراک گذاری این پست


لینک به پست

یه لوگوی 985 در 83 فعلاً قرار بدید

به اشتراک گذاری این پست


لینک به پست

امتحان کردم فقط عرض 1045 فیت میشه با قالب!

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

بر اساس تغییر رزولوشن مونیتور و یا زوم، سایز تمام باکس ها تغییر می کنه

post-865-0-61191700-1361913740_thumb.png

و

post-865-0-32945400-1361913769_thumb.png

به اشتراک گذاری این پست


لینک به پست

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

ویرایش شده در توسط 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"

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری