رفتن به مطلب
آسایشگاه خیریه قم

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

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

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

برای جابجا کردن هدر و منو ، 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;

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

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


لینک به ارسال

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


width: 924px;

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

حذف کردم

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

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

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


لینک به ارسال

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

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

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


لینک به ارسال

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

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

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

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

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


لینک به ارسال

سلام

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

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

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط mohammad1214
      سلام خسته نباشید دوستان 
      یک مشکلی ایجاد شده برای بنده اینکه میخوام مطلبی منتشر کنم دمه انتشار و پیش نمایش تغییرات غیر فعال میشود باید چیکار کنم ؟
    • توسط hossein.hz
      سلام وقتتون بخیر
      من افزونه Slide Anything را در سایتم نصب نمودم ولی بعد از آن متوجه به هم ریختگی افزونه در صفحات سایتم شدم.
      خیلی دوست داشتم از این افزونه تو سایتم به عنوان اسلایدر استفاده کنم؛ افزونه های دیگه را بررسی کردم و متأسفانه، فقط این افزونه به دردم میخوره.
      میشه لطفاً بفرمایید این مسئله چطوری حل میشه، اگر راهی هست چطوری انجام میشه؟ بسیار ممنونم

    • توسط sina_ebrahimi
      سلام 
      من از betheme استفاده میکنم و یک قالبی انتخاب کردم حالا توی این قالب یه دکمه هست به نام buy now  . میخوام حذف کنم .
      چطور می تونم حذف کنم ؟؟؟؟؟

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

       

    • توسط david7222222222
      چطور میتونم تقویم یک افزونه ی وردپرس رو شمسی کنم ؟ از تقویم این افزونه برای حسابداری و ثبت قرار ملاقات استفاده میشه و باید در نمایش هم کاملا شمسی باشه.لطفا کمک کنید ممنون
×
×
  • اضافه کردن...