رفتن به مطلب

کدنویسی html برای قالب وردپرس


پست های پیشنهاد شده

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

من دارم یه قالب html می نویسم فایل های بوت استرپ و ... هم به کدم اضافه کردم اما سوال من اینجاست که چطور میتونم یه باکس در html  تعریف کنم؟ یه باکس که کل فوتر رو پوشش بده و مربع سفید رنگ بندازه زیر فوتر

متوجه منظورم شدید که انشاالله؟ :(

 

لینک به ارسال
در 2 دقیقه قبل، davoodjafari گفته است :

سلام 

اگه ممکنه بیشتر توضیح بدید؟

ببینید من دارم روی فوتر کار میکنم، فوتر من هیچ بک گراندی نداره، این خیلی بده، سه تا ویجت براش تعریف کردم و کدنویسی کردم، یعنی فوترم سه بخش داره، حالا میخوام تمام این بخش ها برن توی یه باکس که بتونم اون باکس رو color سفید بدم، (یعنی یه کادر کلی برای فوتر)

لینک به ارسال
در 2 دقیقه قبل، Negar7 گفته است :

ببینید من دارم روی فوتر کار میکنم، فوتر من هیچ بک گراندی نداره، این خیلی بده، سه تا ویجت براش تعریف کردم و کدنویسی کردم، یعنی فوترم سه بخش داره، حالا میخوام تمام این بخش ها برن توی یه باکس که بتونم اون باکس رو color سفید بدم، (یعنی یه کادر کلی برای فوتر)

می تونید کدهای html فوتر رو بزارید؟

شما می تونید div تعریف به یک id یا class  مثلا  id=footer یا class=footer بعد سه تا ستون رو داخل این div بزارید و در اخر به id  یا class فوتر رنگ بدید


<div id="footer">
  <div>first column</div>
  <div>second column</div>
  <div>third column</div>
</div>

<style>
  #footer {
    width: 100%
    background-color: #ffffff;
  }
</style>

 

لینک به ارسال
در 3 دقیقه قبل، davoodjafari گفته است :

به id  یا class

ممنون

فقط من همه جا class دادم ، آیدی در چه مواقعی استفاده میشه؟

لینک به ارسال
در هم اکنون، Negar7 گفته است :

ممنون

فقط من همه جا class دادم ، آیدی در چه مواقعی استفاده میشه؟

مشکلی نداره

id تو هر صفحه باید یکبار باید استفاده بشه.... تو طراحی وب معمولا سکشن هایی که اصلی هستن و یکبار تو هر صفحه استفاده میشه از id استفاده میشه مثل footer , header,sidebar,slider ...

لینک به ارسال
در 1 دقیقه قبل، Mirrajabi گفته است :

<div class="row footer_box" >
  <div class="col-4">
    ویجت اول 
  </div>
   <div class="col-4">
    ویجت دوم 
  </div>
   <div class="col-4">
    ویجت سوم 
  </div>
</div>

سلام . الان می تونید به footer_box استایل بدید . دقت بفرمایید من بوت استرپ 4 استفاده کردم .

وای مررسی فکر کنم همین درسته، فقط ، خط اول کد نوشتین div class = row اگر اشتباه نکنم بخش دوم که نوشتین footer_box یعنی استایل row ، درسته؟ 

لینک به ارسال
در 8 دقیقه قبل، Negar7 گفته است :

وای مررسی فکر کنم همین درسته، فقط ، خط اول کد نوشتین div class = row اگر اشتباه نکنم بخش دوم که نوشتین footer_box یعنی استایل row ، درسته؟ 

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

و برای اینکه ی استایل اختصاصی بدید ی کلاس اضافه کردم تا بتونید استایل دلخواه بدید

لینک به ارسال
در 1 دقیقه قبل، Mirrajabi گفته است :

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

و برای اینکه ی استایل اختصاصی بدید ی کلاس اضافه کردم تا بتونید استایل دلخواه بدید

بله کاملا متوجه شدم ، مرسی از زمانی که گذاشتید

لینک به ارسال
در 2 دقیقه قبل، Negar7 گفته است :

بله کاملا متوجه شدم ، مرسی از زمانی که گذاشتید

خواهش می کنم .

موفق باشید .

لینک به ارسال
در 5 ساعت قبل، Mirrajabi گفته است :

خواهش می کنم .

موفق باشید .

ببخشید من اینکارو هم کردم اما تغیری حاصل نشد

کد html من

<div class="row backfoot">

 

کد css من

.row .backfoot{
  background: #fff;
  width: 100%;
  height: 100px;
}

 

لینک به ارسال
در 21 دقیقه قبل، Negar7 گفته است :

ببخشید من اینکارو هم کردم اما تغیری حاصل نشد

کد html من


<div class="row backfoot">

 

کد css من


.row.backfoot{
  background: #fff;
  height: 100px;
}

به این صورت باید استایل بدید

 

لینک به ارسال

خیلی سادس:

https://www.w3schools.com/howto/howto_css_shapes.asp

در ضمن به کمک تعریف border و box-shadow و... می تونی زیباش کنی.

یکم سرچ کنی کلی نمونه هست تو نت با نگاه کردن به کد های دیگران می تونی خیلی زودتر طراحی رو یاد بگیری

موفق باشی :)

لینک به ارسال
در در 10/15/2018 at 19:42، Mirrajabi گفته است :

 

 

در در 10/15/2018 at 20:10، macse گفته است :

خیلی سادس:

https://www.w3schools.com/howto/howto_css_shapes.asp

در ضمن به کمک تعریف border و box-shadow و... می تونی زیباش کنی.

یکم سرچ کنی کلی نمونه هست تو نت با نگاه کردن به کد های دیگران می تونی خیلی زودتر طراحی رو یاد بگیری

موفق باشی :)

ممنون از کمکتون دوستان

فقط یه سوال من توی کدهام یه row تعریف میکنم

بعد مثلا col-12

اینجوری یه کادر 12 ستونی بهم میده که محدوده

مثلا اگه بخوام قسمت سفیدی زیر header و منو تمام عرض باشه (یعنی بی نهایت) ولی محتوا توی همون کادر col-12 قرار بگیره

باید چه کار کنم؟

:rolleyes:

لینک به ارسال

بر اساس ترتیب اون div (یا nav) که استفاده کردید و اولویت داره رو بهش پس زمینه سفید بدید

<div style="background-color:#fff; width: 100%;">
  <div>
    .
    .
    .
  </div>
</div>

کدتون رو قرار می دادین راحت تر میشد توضیح داد. موفق باشید

ویرایش شده توسط macse
لینک به ارسال
  • Morteza عنوان را به کدنویسی html برای قالب وردپرس تغییر داده است

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...