hamidreza_np

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

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

درود دوستان

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

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

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

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

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

y5g6wie70gs0xv5353hz.png

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

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

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

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

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

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

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


لینک به پست

سلام

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

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

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

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

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

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

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

موفق باشی

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


لینک به پست

سلام

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

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

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

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

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

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

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

موفق باشی

درود

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

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

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

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

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

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

سپاس برا کمک

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


لینک به پست

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط hamid.he
      سلام بر دوستان .
      يك سايت با استفاده از قالب هاي آماده روي لوكال هاست طراحي كرده ام تصميم گرفت بقيه كار سايت را بعد از انتقال بر روي هاست انجام دهم . خودم بلد نبودم سايت را به هاست منقل كنم از دوستي خواهش كردم انجام دهد . منتها بعد از انتقال به هاست اولا صفحه به هم ريخته و نادرست است . عكس ها نمي آيند و هم چنين روي هر لينك و يا منويي كليك مي كنيم صفحه به لوكال هاست مي خواهد برود و براي همين چيزي بالا نمي آيد . آدرس سايت : www.behinja.com  مي باشد كه مي توانيد مشاهده . چگونه مي شود اين مشكل را رفع كرد . پيشاپيش از پاسخ گويي دوستان تشكر مي كنم
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط armakcell
      سلام ، بنده یک مشکل خیلی بزرگ دارم اگر به بنده کمک کنید واقعا مدیون شما میشم
      بنده افزونه سئو را در وردپرس نصب کرده ام و اما هویت گوگل وقتی کد را میفرستد و بنده میزنم میگوید نمایه وجود ندارد
      فایلی را آپلود میکنم ببینید متوجه مشکل بنده میشید