رفتن به مطلب

جابجا کردن هدر و منو


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

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

برای جابجا کردن هدر و منو ، header.php رو تغیر دادم

از این حالت :


<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Twelve
* @since Twenty Twelve 1.0
*/
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<LINK REL="SHORTCUT ICON" HREF=" favicon.png">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 Javascript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->
<header id="masthead" class="site-header" role="banner">
<hgroup>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
<?php endif; ?>
</header><!-- #masthead -->
<div align='center'>
<?php echo do_shortcode( '[cycloneslider id="961"]' ); ?>
<marquee behavior="scroll" bgcolor="#DED7E2" dir="rtl" direction="right" height="25" width="700" loop="-1" scrollamount="2" scrolldelay="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2"style="line-height:32px;min-height:32px;color:green">کسی که حاجتی را از مؤمنی رفع سازد خداوند حوائج بسیاری را برای او برآورده میکند که کمترین آن بهشت است. امام صادق (ع)</marquee>

<div id="main" class="wrapper">

به این حالت:


<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Twelve
* @since Twenty Twelve 1.0
*/
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<LINK REL="SHORTCUT ICON" HREF=" favicon.png">
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 Javascript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<header id="masthead" class="site-header" role="banner">
<hgroup>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
<?php endif; ?>
</header><!-- #masthead -->
<nav id="site-navigation" class="main-navigation" role="navigation">
<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->

<div align='center'>
<?php echo do_shortcode( '[cycloneslider id="961"]' ); ?>
<marquee behavior="scroll" bgcolor="#DED7E2" dir="rtl" direction="right" height="25" width="700" loop="-1" scrollamount="2" scrolldelay="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2"style="line-height:32px;min-height:32px;color:green">کسی که حاجتی را از مؤمنی رفع سازد خداوند حوائج بسیاری را برای او برآورده میکند که کمترین آن بهشت است. امام صادق (ع)</marquee>

<div id="main" class="wrapper">

موفق شدم اما بالای هدر فضای خالی هست که نمیدونم چکارش کنم که بره اون بالا بچسبه

لطفا راهنمایی بفرمایید اگر سایت مشکل دیگری هم داره بفرمایید، این سایت مال همه ماست ،طراح خاصی هم نداره

با نظرات تخصصیتان برای جذاب شدن سایت و رفع مشکلات آن، در نگهداری این عزیزان و جلب کمک برای آنها مشارکت کنید

ارادتمند ، دکتر فرهاد عبداله زاده

www.AsayeshgahQom.com

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

اگر آدرسی که دادید آدرس تست پوسته هست

لود نمیشود

سلام

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

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

خیلی جاها هم لینک سایت رو برای جلب مشارکت تیلیغ کردیم

ولی متاسفانه گاهی چندین ساعت سایت لود نمیشه

دوستان فرمودند که بخاطر سرور اشتراکی هست

تجربه ما هم کمه نمیدونیم با چه شرکتی باید قرار داد ببندیم

و سرور رو جابجا کنیم اگر ممکنه راهنمایی بفرمایید همبنجا با خصوصی

موفق باشید

لینک به ارسال

سلام

قبلا بحث شده در انجمن


http://forum.wp-parsi.com/topic/9903-%D8%A8%D9%87-%D8%AF%D9%86%D8%A8%D8%A7%D9%84-%DB%8C%DA%A9-%D9%85%DB%8C%D8%B2%D8%A8%D8%A7%D9%86%DB%8C-%D9%88%D8%A8-%D9%87%D8%A7%D8%B3%D8%AA%DB%8C%D9%86%DA%AF-%D8%AE%D9%88%D8%A8/page__hl__%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86+%D9%87%D8%A7%D8%B3%D8%AA%DB%8C%D9%86%DA%AF


http://forum.wp-parsi.com/topic/7442-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D9%87%D8%A7%D8%B3%D8%AA%DB%8C%D9%86%DA%AF/page__hl__%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86+%D9%87%D8%A7%D8%B3%D8%AA%DB%8C%D9%86%DA%AF

لینک به ارسال

سلام

هنوز نتونستم فضای خالی بالای سایت رو از بین ببرم

خیلی ناجوره دوستان راهنمایی کنند

ممنون

لینک به ارسال

سلام من دقيق نفهميدم كجا اضافي هست با عكسنشون بدين ممنون ميشم !

خیلی ممنون

در تصویر با خط قرمز نشان دادم

مشکل از اونجا پیدا شد که بعد از تغییر پوزیشن منو از فیکس به اسکرول در style.css

تغییراتی رو که در ابتدای تایپیک گذاشتم ایجاد کردم تا هدر بیاد بالای منو که موفق شدم

اما هدر با بالای صفحه سایت فاصله داره و بین هدر و منو هم فاصله هست

ملاحظه بفرمایید

AsayeshgahQom.com

AsayeshgahQom.com-printscreen.gif

لینک به ارسال

تگهایی مانند meta , link باید در بخش head باشد


body .site {
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0 2.85714rem;
}


.site-header {
border: 1px solid #DDDDDD;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
margin-top: 4px;
padding: 1.71429rem;
}

نوشته بالای صفحه رو هم بردارید

لینک به ارسال

براي چسبيدن منو به عكس هدر توي فايل استليل خط 548:


.site-header {
margin-top: 40px;
padding: 1.71429rem;
box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.3);
border: 1px solid rgb(221, 221, 221);
}
اين موراد از داخلش حذف كنيد :
margin-top: 40px;
padding: 1.71429rem;

براي فاصله بالا هم خط 1648:


body .site {
margin-bottom: 3.42857rem;
box-shadow: none;
margin-top: 3.42857rem;
padding: 0px 2.85714rem;
}
دو تا مورد آخر حذف كنيد
margin-top: 3.42857rem;
padding: 0px 2.85714rem;

فقط قبلش لطف كنيد ي بكاپ از فايل استايلتون بگيريد كه اگه بد شده برگردونيد به حالت اول !‌

لینک به ارسال

سپاس از توجه شما

خیلی بهتر شده

هنوز هم مقداری بالاو پایین هدر فاصله دارد

احتمالا بخاطر اینست که تصویری که برای هدر گذاشتم

کوچکتر از انئازه پیشفرض (960در 250) است

اگر بتونیم حلش کنیم هدر و منو و اسلایدر و متن متحرک زیرش هنگام باز شدن سایت

درنمای اول با هم قابل مشاهده است

حالا ورژن جدید این پوسته هم اومده این همه زحمت میکشیم موقع ارتقای پوسته از بین میره؟

موفق باشید

لینک به ارسال

با بروزرسانی بله تغییرات از بین میرود

میتونید تغییرات در فایل rtl.css قرار دهید

http://forum.wp-parsi.com/tutorials/article/188-%D8%B4%DB%8C%D9%88%D9%87-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%81%D8%A7%DB%8C%D9%84-rtlcss/

و داشتن بکاپ

لینک به ارسال

سلام و سپاس فراوان

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

1- هنوز اطراف هدر فضای خالی است که احتمالا به خاطر سایز پیشفرض هدر است

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

زیرش باهم دیده نمیشه . در تصویر با خطوط قرمز نشون دادم:

Clip_resize.jpg

2-منو با zoom in-zoom out کردن تغیری نمیکنه و از بقیه عناصر صفحه جامیمونه در تصاویر با خطوط رنگی نشان دادم

چکار کنم که مثل هدر و منوی همین سایت انجمن بشه که به بالای صفحه و دو طرف به این زیبایی چسبیده و از zoom تبعیت میکنه

zoom-in_resize.jpg

zoom-out_resize.jpg

3- در انجمن از چه پلاگینی برای نمایش تصاویری که گذاشتم وقتی روی آنها کلیک میکنیم استفاده شده

میخوام اگر بشه برای نمایش گالری های سایت از اون استفاده کنم هر پلاگینی مثل لایت باکس که گذاشتم

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

متشکرم

www.asayeshgahqom.com

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

شما كد كه من دادم برداشتين ؟‌ انگار هست هنوز ها !‌

سلام

بله ببخشید

الان هر چهار مورد را حذف کردم

فاصله بین هدر ومنو عالی شد اون مقدار کم هم فکر کنم 1px بوردر باشه متشکرم

فاصله بالا و عدم تبعیت از zoom باقی مانده

موفق باشید

لینک به ارسال

خط 591اين از داخل كلاس حذف كنيد :


width: 924px;

فك كنم مشكل رفع بشه !‌

حذف کردم

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

برای حذف فاصله بالای تصویر هدر مقادیر سطر 585 رو حذف کنم اشکالی نداره؟

لینک به ارسال

والا من هم زوم كم كردم هم زياد واسه من مشكلي پيش نمياد !

اون خط 858 نه خير مشكلي نيس مقادير داخلش پاك كنيد كامل ميچسبه به بالا ديگه !

لینک به ارسال

والا من هم زوم كم كردم هم زياد واسه من مشكلي پيش نمياد !

اون خط 858 نه خير مشكلي نيس مقادير داخلش پاك كنيد كامل ميچسبه به بالا ديگه !

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

ممنون اون کد رو هم حذف کردم عالی شد چسبید اون بالا

لینک به ارسال

سلام

الان که با لب تاپ نگاه میکنم مشکل زوم نداره

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

خیلی ممنون که وقت گداشتید

لینک به ارسال
  • 1 سال بعد...

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

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

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

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

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

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

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

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

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