کد ساعت و تاریخ در یک خط

strong110

تازه وارد
سلام

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

میخام تاریخ شمسی راست باشه ساعت وسط و تاریخ میلادی چپ باشه

با کدنویسی آشنایی ندارم این کد رو قرار دادم اما زیر هم میزاره نه تو یه خط ، لطفا یه راهنمایی بدند تشکر

کد:
<div style=" text-align:center; ">
    ساعت <?php echo jdate('H:i:s'); ?>
<div style=" text-align:right; ">
  امروز <?php echo jdate ('l, j F , Y') ; ?>
  <div style=" text-align:left; ">
  Today <?php echo date ('l, j F , Y') ; ?>
</div> 
</div>
</div>
 

حسن غویشه

کاربر عضو
سلام

وقت بخیر @strong110

در همان موقعیت هایی که میخواهید قرار دارند!



فقط من کمی تو کد ها دستکاری کردم (در جهت استاندارد سازی)

<div style="text-align:center;">
ساعت <?php echo jdate('H:i:s'); ?> </div>
<div style="text-align:right;">
امروز <?php echo jdate ('l, j F , Y'); ?> </div>
<div style="text-align:left;">
Today <?php echo date ('l, j F , Y'); ?> </div>




با آرزوی بهترین ها :)

 

strong110

تازه وارد
سلام

وقت بخیر @strong110

در همان موقعیت هایی که میخواهید قرار دارند!



فقط من کمی تو کد ها دستکاری کردم (در جهت استاندارد سازی)

<div style="text-align:center;">
ساعت <?php echo jdate('H:i:s'); ?> </div>
<div style="text-align:right;">
امروز <?php echo jdate ('l, j F , Y'); ?> </div>
<div style="text-align:left;">
Today <?php echo date ('l, j F , Y'); ?> </div>




با آرزوی بهترین ها :)
سلام

ممنون دوست عزیز اما شما متوجه منظور من نشدید

ببینید الان این 3 تا تو یه خط نیست بلکه زیر همه شما اگر به جای left و rigth کلمه center رو بزارید این سه تا زیر هم قرار میگیرند

من میخام تو یه خط باشه یعنی تو یه خط سمت راستش تاریخ شمسی وسط ساعت و چپ تاریخ میلادی قرار بگیره

دقت بفرمایید تو یه خط نه اینکه بیاد پایینتر

 

حسن غویشه

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

ولی در اینجا دوباره راهنمایی میکنم شاید دوست دیگری هم همین مشکل رو داشته باشه :)

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

کد زیر فقط شامل تغییر تگ div به span و زیر مجموعه قرار دادن آن ها در تگ div نمیشود!

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

<div style="padding-bottom: 25px;">
<span style="text-align:right; right: 10px; position: absolute;">
امروز <?php echo jdate ('l, j F , Y'); ?> </span>
<span style="text-align:center; left: 50%; position: absolute;">
ساعت <?php echo jdate('H:i:s'); ?> </span>
<span style="text-align:left; left: 10px; position: absolute;">
Today <?php echo date ('l, j F , Y'); ?> </span>
</div>


با تغییر مقدار مشخصه padding-bottom فاصله نوار تاریخ تا هدر رو تغییر دهید

و با تغییر مقادیر مشخصه های left و right فاصله تاریخ خورشیدی و میلادی از کنار را مشخص نمایید.

تصویر بعد از درج کد بالا در قالب:

You must be registered for see images attach


پ.ن: توصیه ای برای تمام دوستان دارم اگه مشکلی در سایت دارید که آنلاین هست لطفا آدرس صفحه مشکل دار رو قید کنید! به رفع سریع تر مشکل کمک شایانی میکند :)

با آرزوی بهترین ها :)

 
آخرین ویرایش توسط مدیر:

ngk24

تازه وارد
سلام. نکته خیلی جالبی هست اما یک مشکل: تاریخ درست نشان می دهد اما ساعت اشتباه نشان می دهد یعنی الان ساعت 10:30 نشان می دهد در صورتیکه ساعت 15:03 است.



 
آخرین ویرایش توسط مدیر:

حسن غویشه

کاربر عضو
سلام

اصلا ساعتی نمایش داده نمیشود!

You must be registered for see images attach


 

strong110

تازه وارد
سلام. نکته خیلی جالبی هست اما یک مشکل: تاریخ درست نشان می دهد اما ساعت اشتباه نشان می دهد یعنی الان ساعت 10:30 نشان می دهد در صورتیکه ساعت 15:03 است.

این مشکل مربوطه میشه با ساعت وردپرس به تنظیمات برید و ساعت رو مطابق ساعت سرور تنظیم کنید

این مشکل رو منم داشتم که حلش کردم

 

strong110

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

ولی در اینجا دوباره راهنمایی میکنم شاید دوست دیگری هم همین مشکل رو داشته باشه :)

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

کد زیر فقط شامل تغییر تگ div به span و زیر مجموعه قرار دادن آن ها در تگ div نمیشود!

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

<div style="padding-bottom: 25px;">
<span style="text-align:right; right: 10px; position: absolute;">
امروز <?php echo jdate ('l, j F , Y'); ?> </span>
<span style="text-align:center; left: 50%; position: absolute;">
ساعت <?php echo jdate('H:i:s'); ?> </span>
<span style="text-align:left; left: 10px; position: absolute;">
Today <?php echo date ('l, j F , Y'); ?> </span>
</div>


با تغییر مقدار مشخصه padding-bottom فاصله نوار تاریخ تا هدر رو تغییر دهید

و با تغییر مقادیر مشخصه های left و right فاصله تاریخ خورشیدی و میلادی از کنار را مشخص نمایید.

تصویر بعد از درج کد بالا در قالب:

You must be registered for see images attach


پ.ن: توصیه ای برای تمام دوستان دارم اگه مشکلی در سایت دارید که آنلاین هست لطفا آدرس صفحه مشکل دار رو قید کنید! به رفع سریع تر مشکل کمک شایانی میکند :)

با آرزوی بهترین ها :)
با تشکر از دوست عزیزم که وقت گذاشتند و مشکل رو حل کردند

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

 
بالا