hamidreza_np

سوالاتی درباره طراحی قالب (css&html)

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

درود دوستان

من یه قالب پس اس دی خودم طراحی کردم و با اندک اطلاعاتی از اچ تی ام ال و سی اس اس شروع به تبدیل این قالب به html کردم و بعد از اون میخوام به وردپرس تبدیلش کنم!

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

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

http://nicepatogh.net/test/Nicepatogh/

واینم عکس پی اس دی و قالب نهایی که میخوام در بیارم

y5g6wie70gs0xv5353hz.png

همونطور که توی عکس میبینید عنوان منو کناری همون مطلب اختصاصی و یا منو سمت چپ یا همون منوی 2 عکسشون روی بالای کل بلاک قرار داره و اون حال گرافیکی که بهش دادم خیلی واضع و مشخصه!

سوال من اینه چطوری من این عکس عنوان رو بالای این بلوک قرار بدم جوری که اون حالت مشخص باشه؟

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

میخواستم ببینم این حالت رو چطوری باید ایجاد کنم؟

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

سپاس استادان عزیز

0

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


لینک به پست

سلام

برای منو ها که وقتی توی فتوشاپ طراحی میکنی باید با ابزار اسلایس تیکه تیکه کنی

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

حالا برای پس زمینش اگر رنگ پس زمینه کلت سفید هست که میتونی همینطوری جدا کنی چون معلوم نمیشه ولی اگر رنگ پس زمینه فرق داره ، عکس منورو طوری جدا کن که بدون پس زمینه باشه و با فرمت png ذخیره کن که پس زمینه نداشته باشه و به راحتی با css میشه جایگذاری کرد

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

در مورد سوال دوم هم نفهمیدم میخوای اون بیرون زدگیا نباشه و با زیرش میزون باشه ؟

خب اگه اینه که width هرو دورو در css یه اندازه قرار بده و اگر میخوای مثل عکس باشه کم و زیاد کن خودت تاثیرش رو میبینی

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

موفق باشی

4

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


لینک به پست

سلام

برای منو ها که وقتی توی فتوشاپ طراحی میکنی باید با ابزار اسلایس تیکه تیکه کنی

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

حالا برای پس زمینش اگر رنگ پس زمینه کلت سفید هست که میتونی همینطوری جدا کنی چون معلوم نمیشه ولی اگر رنگ پس زمینه فرق داره ، عکس منورو طوری جدا کن که بدون پس زمینه باشه و با فرمت png ذخیره کن که پس زمینه نداشته باشه و به راحتی با css میشه جایگذاری کرد

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

در مورد سوال دوم هم نفهمیدم میخوای اون بیرون زدگیا نباشه و با زیرش میزون باشه ؟

خب اگه اینه که width هرو دورو در css یه اندازه قرار بده و اگر میخوای مثل عکس باشه کم و زیاد کن خودت تاثیرش رو میبینی

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

موفق باشی

درود

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

http://nicepatogh.net/test/Nicepatogh/images/title-block.png

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

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

من برای این کار margin:auto; و سایز width رو هم زیاد میکنم ولی فقط از سمت چپ بزرگ میشه و بیرون میزنه وه سمت راست به این شکل در نمیاد

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

سپاس برا کمک

0

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


لینک به پست

ببینید تمام جابجایی ها رو میشه با margin انجام داد. میتونید المان هایی که نیاز به جابجایی دارن رو توی مثلا یک div قرار بدید و بعد تغییر margin بدید. توجه کنید که با margin منفی هم میتونید کار کنید.

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط prooshe
      سلام خسته نباشید.
      من بدون فعالسازی ssl و نصب افزونه از قسمت تنظیمات وردپرسم آدرس سایتم را از http به https تغییر دادم الان دیگه نه سایتم بالا میاد نه دسترسی به مدیریتم دارم تا دوباره ویرایش کنم لطفا راهنمایی کنید؟
    • توسط samadionline
      سلام خدمت شما عزیزان
      چطوری میشه در وردپرس مثل جوملا برای کاربران گروه و سطوح دسترسی تعریف کرد؟
      و همچنین اینکه در جوملا در تنظیمات میشد صفحه آفلاین تعریف کرد و کاربران با لاگین کردن وارد صفحه اصلی سایت میشدند در وردپرس چطور میشه این کار رو انجام داد؟
      تشکر می کنم اگر کسی سر در میاره یه توضیح مختصر بده
    • توسط ashkan91
      با سلام و خسته نباشید
      دوستان کسی میدونه چطور میشه فیلد ایمیل رو از تو فرم تسویه حساب ووکامرس غیرضروری کرد؟ (بدون استفاده از افزونه) یکی از دوستان این لینک رو فرستادن اما نمیدونم کدام تکه کد از این صفحه را میبایست درون کدهای سایت قرار بدم که مشکل حل بشه؟
      https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/#example-make-phone-number-not-required
    • توسط aiinaz
      سلام دوستان 
       برای فونت من از @font face استفاده کردم تا فونتی که لازم دارم اعمال بشه اما نمی دونم چرا هر دفعه که صفحه رفرش میشه برای چند ثانیه فونت تغییر میکنه؟!!!! از نظر ادرس دهی هم درست انجام دادم و بعضی از فونت ها کلا اعمال نمیشه با اینکه روی سیستمم دارم؟!!!
    • توسط seosec
      سلام دوستان وقت بخیر ما یک سایت داریم قبلا توسط یک نفر طراحی شده و دگ پشتیبانی نمیشه.میخاییم خودمان پشتیبانی را انجام بدیم قصد داریم افزونه ووکامرس از ساست ژاکت بخریم فقط نمیدوینم با قالب ما سازگار هست یا نه؟اسم قالب سایت هم نمیدونیم!! سایت ما در زمینه اموزش امنیت اطلاعات میباشد!کسی میتونه راهنمایی کنه؟؟ ادرس سایت seosec.ir