• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      کد مطالب تصادفی توی وبلاگ های میهن بلاگ چیه؟
      اگه کسی میدونه لطفا بگه خیلی گیرم
      کد بیشترین بازدید چیه توی مطالب؟
      سریع بگید
    • توسط asghar
      سلام
      من یک سایت وردپرسی دارم که خیلی دیر لود میشه 
      میخواستم بدونم برای رفعش باید چی کار کنم؟
      آدرس سایت https://www.hairent.com
       
    • توسط cheeta
      با سلام خدمت اساتید گل وردپرس
      من برای فروش از افزونه edd و با قالب دستکاری شده صحیفه کار میکنم. مشکلی که دارم اینه مه وقتی به عنوان مدیر خرید میکنم تمام مراحل تا پس از پرداخت تا اخر اجرا میشه اما وقتی با نقش های کاربری دیگه از جمله مشترک خرید میکنم وقتی در صفحه سبد خرید روی " خرید و دانلود " کلیک میکنم هیچ اتفاقی نمی افته. یعنی به صفحه پرداخت نمیره و البته هیچ خطایی هم نمیده.
      با عوض کردن قالب مشکل حل میشه اما می خوام مشکل رو در همین قالب بر طرف کنم. چطور میشه این محدودیت رو برای سایر نقش های کاربری برداشت؟ کی چیزی در این زمینه هست؟
    • توسط saeid1872
      سلام دوستان
      تو کمتر از یک ماه سایتم 61 ارور 500 ثبت کرده که در حال زیاد شدن هستش نمیدونم چرا این ارورهارو ثبت میکنه
      لطفا دلیلش رو بگید و اینکه چطور باید رفع کنم
      من خیلی اصلا حرفه ای نیستم فقط خواهشا جوری راهنمایی کنید که بتونم رفعش کنم.

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم