loading...
تیک تاک :: برنامه نویسی کامپیوتر
مدیر بازدید : 705 چهارشنبه 14 تیر 1391 نظرات (3)

تغییر موقعیت عناصر صفحه با استفاده از CSS 

position

ویژگی position به ما اجازه می دهد تا تعیین کنیم که آیا می خواهیم موقعیت یک عنصر در صفحه مشخص شود یا نه. اگر می خواهیم آن عنصر موقعیت مشخصی داشته باشد موقعیت عنصر را در صفحه تعیین می کند. چندین مقدار را می توان برای این ویژگی قرار داد. در اینجا می توانید این مقادیر را با کمی توضیح در مورد هر کدام ببینید:

  • static : 
    این مقدار پیش فرضی است که در صورت تعریف نشدن position در صفحه استفاده می شود. با این مقدار اجزا در همان جایی که کد آنها را می نویسید دیده می شوند.
  • absolute : 
    این مقدار به ما اجازه می دهد تا یک عنصر از صفحه را در هر موقعیتی نسبت به بالا، راست، پایین یا چپ صفحه که بخواهیم نمایش دهیم.
  • fixed : 
    این گزینه به ما اجازه می دهد تا موقعیت یک عنصر صفحه را در پنجره مرورگر مشخص کنیم. در صورتی که برای یک عنصر از این ویژگی استفاده کنیم، موقعیت آن عنصر حتی در صورتی که به بالا و پایین صفحه برویم یا اندازه پنجره مرورگر را تغییر دهیم به همان صورت قبلی باقی می ماند. البته اینترنت اکسپلورر در ویندوز از این ویژگی پشتیبانی نمی کند ولی اینترنت اکسپلورر در مکینتاش همچنین مرورگرهای نت اسکیپ از این ویژگی پشتیبانی می کنند.
مدیر بازدید : 724 دوشنبه 12 تیر 1391 نظرات (1)

تنظیم حاشیه و فاصله از لبه در عناصر صفحه

حاشیه ها

margin-left

این گزینه به ما اجازه وی دهد تا برای هر یک از اجزای صفحه حاشیه چپ مشخصی را تعیین کنیم. در حقیقت این گزینه مقدار فاصله اجزا را از سمت چپ صفحه مشخص می کند. به یک مثال در این مورد توجه کنید:

<div style="margin-left:200px; border:double">این DIV دویست پیکسل از سمت چپ صفحه فاصله دارد.</div>

همانطور که می بینید کد بالا یک DIV را با کادر مضاعف و 200 پیکسل حاشیه از چپ نشان می دهد:

این DIV دویست پیکسل از سمت چپ صفحه فاصله دارد.
مدیر بازدید : 750 دوشنبه 12 تیر 1391 نظرات (0)

نحوه ایجاد کادر برای عناصر صفحه با استفاده از استایل

 

کادر (Boder)

border-style

با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم.

 

مدیر بازدید : 547 دوشنبه 12 تیر 1391 نظرات (0)

تنظیم عرض، ارتفاع، وoverflow با CSS

عرض و ارتفاع

width

این مشخصه به ما امکان می دهد تا عرض یک بخش از صفحه را تعیین کنیم. برای مثال می توانیم با آن عرض یک DIV را تعیین کنیم. در مثال زیر برای DIV عرضی معادل 200 پیکسل تعیین می کنیم:

مدیر بازدید : 445 دوشنبه 12 تیر 1391 نظرات (0)

استفاده از استایل خارجی برای طراحی صفحات HTML

فرض کنيد مي خواهيم براي چندين صفحه از يک سري استايل استفاده کنيم که در همه صفحات مشابه هستند. در اين مورد مي توانيم از يک فايل استايل خارجي استفاده کنيم تا نيازي به چندين بار نوشتن استايلها نباشد.

مدیر بازدید : 423 دوشنبه 12 تیر 1391 نظرات (0)

تعریف کردن استایل در بخش head صفحه HTML

استفاده از استايلها مي تواند به ما کمک کند تا از دوباره نويسي فرمانها جلوگيري کنيم. براي انجام اين کار ما مي توانيم يک Style را در بخش HEAD در متن HTML خود تعريف کنيم. يک استايل در HEAD با تگ <STYLE> آغاز مي شود و با <STYLE/> به پايان مي رسد. در قسمت زير مي توانيد يک نمونه از استايل را که مشخصاتي را براي تگ <SPAN> تعريف مي کند مشاهده کنيد که در بخش HEAD در متن قرار گرفته است.

مدیر بازدید : 554 دوشنبه 12 تیر 1391 نظرات (0)

 

 

وارد کردن CSS در تگهای HTML با استفاده از شناسه Style 

 

ساده ترين راه براي افزودن استايل به يک صفحه استفاده از شناسه style در تگهاي HTML است.براي افزودن استايل به يک تگ بايد عبارت " "=style را وارد تگ مربوطه کنيم و ويژگيهاي مورد نياز خود را بين دو دابل کوت ( " ) وارد مي کنيم. مثلاً فرض کنيد مي خواهيم به يک تگ DIV استايل اضافه کنيم. در اين صورت تگ DIV به صورت زير در مي آيد.

مدیر بازدید : 584 دوشنبه 12 تیر 1391 نظرات (0)
  • سلکتور کلاس

با استفاده از کلاس مي توانيم براي يک تگ HTML استايلهاي متفاوتي را تعريف کنيم. براي نمونه فرض کنيم مي خواهيم در صفحه دو نوع پاراگراف داشته باشيم: يکي با متن مشکي و ديگري با متن قرمز. براي مشخص کردن اين دو نوع پاراگراف مي توانيم از سلکتور کلاس استفاده کنيم.

مدیر بازدید : 770 دوشنبه 12 تیر 1391 نظرات (0)

تنظیم خاصیت float برای عناصر HTML از طریق جاوا اسکرپت

امروز با در خواست يکي از بازديد کنندگان در مورد خاصيت float و جاوا اسکرپت صحبت ميکنيم. احتمالاً با خاصيت float در CSS آشنايي داريد. اين خاصيت به ويژه وقتي مورد استفاده قرار ميگيرد که طراح قصد داشته باشد بدون استفاده از جدولها چهارچوب صفحه را طراحي کند.

مدیر بازدید : 448 دوشنبه 12 تیر 1391 نظرات (0)

درخواست اطلاعات از کاربر

بياييد فرض کنيم مي خواهيم نام فردي را قبل از ورود به صفحه بپرسيم و سپس نام آنها را در صفحه براي خودشان نمايش دهيم. اين کار را با استفاده از جاوااسکرپت مي توان انجام داد.

تبلیغات

تعداد صفحات : 7

اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نظرسنجی
    کدام زبان را میپسندید؟
    پیوندهای روزانه
    تبلیغات
    آمار سایت
  • کل مطالب : 63
  • کل نظرات : 7
  • افراد آنلاین : 1
  • تعداد اعضا : 9
  • آی پی امروز : 1
  • آی پی دیروز : 28
  • بازدید امروز : 3
  • باردید دیروز : 40
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 258
  • بازدید ماه : 503
  • بازدید سال : 2,480
  • بازدید کلی : 105,958
  • کدهای اختصاصی

    پيج رنک گوگل

    چت با مدیر