PHP تبدیل کد pug به php

  • نویسنده موضوع sir1
  • تاریخ شروع

sir1

کاربر عضو
با سلام.
میخام از یک استایل برای بوردر باکس دانلود استفاده کنم . این استایل با scss نوشته شده که به راحتی میشه به css تبدیل کرد و کد html اون را نمیدونم چطوری به php تبدیل کنم و در سایت استفاده کنم.
کد html و scss در لینک زیر موجود است:
لطفا کد html که فقط نوشته bb را ادیت کنید و php آن را قرار دهید. تشکر
 

Mesmaili

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

من کد html رو ندیدم متاسفانه. فکر میکنم وارد نکردید.

در خصوص سوالتون، متوجه نشدم منظورتون چیه به php تبدیل بشه.
شما میخواید توی چه پلتفرمی استفاده کنید؟ سیستم اختصاصی هست یا وردپرس و...؟
اگر وردپرس باشه باید زمینه دلخواه درست کنید و فقط تگ گذاری کنید و نیاز به تبدیل به php نیست.
اگر میخواید این کد هارو توی قالب php استفاده کنید که یکی از راه ها این هست هر خط رو echo کنید
 
  • Like
واکنش‌ها[ی پسندها]: sir1

sir1

کاربر عضو
با سلام مجدد. این کارو انجام دادم
ولی فقط وقتی width و height را که 200px هستند تغییر میدم افکت کار نمیکنه. میشه راهنمایی کنید که چطور بدون width و height اافکت کار کنه و در مبایل و دسکتاپ عرض و ارتفاع اتوماتیک تنظیم بشه و ریسپانسیو باشه؟
 

Mesmaili

کاربر عضو
شما چندین راه دارید برای رفع این مورد.
یکی از موارد استفاده از max-width - max-height هست.

همچنین میتونید از grid در سی اس اس استفاده کنید که البته همخوانی درستی با IE نداره.

و البته مورد media query هم فراموش نکنید که میتونید برای هر سایزی، طراحی دلخواه خودتون رو اعمال کنید.
 
  • Like
واکنش‌ها[ی پسندها]: sir1

sir1

کاربر عضو
ممنون از پاسختون.
متاسفانه خودم نتونستم درست کنم. شما لطف کنید کد css را با توجه به موردی که گفتین ست کنین تشکر
 

Mesmaili

کاربر عضو
بفرمائید
 

sir1

کاربر عضو
مهندس افکت فقط در max-wight کمتر از 220 px اجرا میشه وقتی مقدار پهنا را بیشتر مکنی اجرا نمیشه و بهم میریزه. دلیلش میتونه به کد زیر باشه:
CSS:
@keyframes clipMe {
  0%,
  100% {
    clip: rect(0px, 220px, 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, 220px, 0px);
  }
  50% {
    clip: rect(218px, 220px, 220px, 0px);
  }
  75% {
    clip: rect(0px, 220px, 220px, 218px);
  }
}
من میخام در همه پهناها اجرا بشه و اصلا محدود به پهنا و ارتفاع خاصی نباشه.
باکس دانلود سایتم اصلا wight و height نداره و در همه دستگاه های ریسپانسیو است. این افکت هم باید به همین صورت باشه.
 

Mesmaili

کاربر عضو
بله، keyframes نوشته شده هم متناسب سایز اصلی کادر شماست.
اگر اون رو میخواید بزرگتر کنید باید در اینیشمن هم تغییراتی ایجاد کنید.


سورس اصلی شما این هست؟

خب کد اصلی خیلی کامل هست شما چرا تغییرش دادید؟
سایز یک متغیر داره و یک فرمول برای تولید و محاسبه مقدار بردر
 

sir1

کاربر عضو
بله میخام به همراه بودر کنارش ریسپانسیو باشه و فقط یک سایز نباشه و وابسته به باکس دانلود باشه. اگر هزینه هم داره مشکلی نیست پرداخت میکنم. فقط افکت در width: 100% کار کنه و ارتفاعش هم بر اساس باکس دانلود باشه. تشکر
 

sir1

کاربر عضو
سورس اصلی ریسپانسیو نیست و دوما باکس دانلود من مربعی نیست بلکه مستطیلی است.
برای قرار دادن در داخل سایت باید html را به حالت div دربیارم و scss هم به css تبدیل کنم. سایتم وردپرس هست.
 

Mesmaili

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

در خصوص مورد آخر، div یک تگ html هست. چجوری میتونید html رو به div تغییر بدید؟! قدیم قبل از اینکه طراحی با css باب بشه و سایت هارو با table و اینلاین طراحی میکردیم این حرفتون میشه گفت معنا داشت. البته به این شکل که تیبل ها باید به div تغییر داده بشند.
اما
برای قرار دادن در داخل سایت باید html را به حالت div دربیارم
اشتباه هست. یا حداقل من درست متوجه منظورتون نشدم/
scss رو میتونید به css تبدیل کنید البته اجباری نیست.
.
 

sir1

کاربر عضو
کد html pug است که باید به html تبدیل بشه/
کد نویس های عزیز هر کسی میتونه حتی اگر هزینه هم داشته باشه کد css را برام بنوسه ممنون.
 
بالا