چطور از یک تصویر به عنوان زمینه ی متن خود استفاده کنیم!؟
۱ - بعد از اینکه متن مورد نظرتو نوشتی روی کد HTML کلیک کن!
۲ - متن به صورت کدهای HTML ظاهر میشه، اول ِ همه ی اون کد ها، کد زیر رو تایپ کن!
۳ - حالا آدرس هر عکسی رو که میخوای زمینه ی متن باشه، بین پرانتزها وارد کن!
تموم شد، اگه میخوای متن رو قبل از انتشار ببینی، دوباره روی کد HTML کلیک کن!
تموم شد...
کد مذکور، مربوط به CSS هست!
اگه میخوای بیشتر یاد بگیری، از متن های محمد رشیدی بهره ببر:
متنی که دیروز منتشر کردم چند بار بازدید شد؟
درج شمارنده ی وبگذر در قالب متن
چطور قسمت اصلی متن را با طول معیار مقایسه کنیم؟
کد اصلی:
کد قلب:
کد ستاره:
کد پاکت نامه:
با تصاویر بزرگ هم میشه امتحان کرد!
تگ های Body و HTML خود به خود به کد اصلی اضافه شدن!

یه بار دیگه کد اصلی رو اینجا میزارم:
div style="background: url()"> l>
ممنون خیلی عالی بود
اتفاقا همین دیروز تو فکرش بودم که چه جوری از یه تصویر به عنوان زمینه استفاده کنم
خیلی به موقع بود
اما یه سوال

اکر نخوام که تصویرم تکرار بشه باید جیکار کنم؟؟؟
div style="background: url()"> l>
کافیه بعد از پرانتز، دستور عدم تکرار یا No-Repeat رو اضافه کنید:
div style="background: url() no-repeat"> l>
موفق باشید!
جناب توکلی بسیار ممنون از درج مطلب زیبا و کاربردی ای که گذاشتی. جا داره بلاگ اسکای هم این کد رو به صورت واسطه گرافیکی در بیاره.
جناب توکلی خوشحالم که سعادت دیدارشما نصیب ما می شه.
منم خوشحالم که سعادت دیدارت نصیبم میشه!
div تگ پایانی هم داره!
<div/>
وقتی تگ پایانی رو نذاریم، ادیتور بلاگ اسکای قبل از انتشار متن، به صورت خودکار، تگ پایانی رو در پایان همه ی کدها میزاره!
اگه <div/> رو مثلا در وسط کد های HTML تایپ کنید، تکرار ها تا وسط متن ادامه پیدا میکنن و بقیه ی متن بدون زمینه باقی می مونه!
در واقع هر قسمت از متن که بین تگ ابتدایی
div style="background: url()"> l>
و تگ پایانی
<div/>
قرار بگیره، زمینه دار میشه!
فکر نمی کردم با CSS اینقدر ساده باشه!!
!!
!!
مرسی!! تنکس اِ لات!!
CSS برای زندگی امروز... D:
خیلی خووووب بووووود
جالب بود
دوتا سوال:
1: آیا یک بار این کار رو انجام بدهم برای تمام متن ها زمینه خواهد بود.
2:منظور خانم یوسفی از تکرار نشه چی بود که شما جوابشون رو هم دادی؟
3:یعنی میشه برای یه متن چندتا پشت زمینه گذاشت، یعنی مثلا یک سوم اول یه چیزی ، دوسوم بعدی یه چیه دیگه...؟
۱ - خیر، زمینه فقط برای متنی ایجاد میشه که این کد رو بهش اضافه کنی!
=======================================
2 - این متن رو ببین:
http://kntu.blogsky.com/1387/09/12/post-7087
از یه تصویر کوچیک برای زمینه استفاده شده:
http://i35.tinypic.com/x4kdc4.gif
وقتی یه تصویر بزاریم، اون تصویر اونقدر تکرار میشه تا تمام زمینه رو پر کنه، درست مثل کاشی کاری!
=======================================
3 - آره اینم میشه، برای این کار باید از <div/> بهره برد!
هر جا که <div/> بزاریم، عملیات کاشی کاری یا تکرار عکس تموم میشه!
بعد از <div/> دوباره باید کد رو بزاریم اما اینبار با تصویر دوم!
اینجوری کاشی کاری دوباره شروع میشه منتها با کاشی دوم!
----------------------------------------------------------------------------
div style="background: url(Image.1.gif)"> l>
قسمت اول متن با تصویر زمینه ی یک
<div/>
div style="background: url(Image.2.gif)"> l>
قسمت دوم متن با تصویر زمینه ی دو
<div/>
----------------------------------------------------------------------------
div مخفف ِ division یا تقسیم هست!
در واقع با این تگ میشه یک صفحه ی وب رو به قسمت های مختلف تقسیم کرد و برای هر کدوم ویژگیهای خاص معین نمود!
=======================================
استفاده از no-repeat بعد از پرانتر هم برای موقعی هست که بخوایم مثلا عکس یه درخت رو بزاریم و روی اون عکس یه شعر در مورد درخت بنویسیم! D:
در این حالت لزومی نداره که عکس مثل کاشی تمام زمینه رو پر کنه، بنابراین no-repeat رو میزاریم تا عکس تکرار نشه!
موفق باشی!
خیلی ممنون
آفرین پسرم خیلی پیشرفت کردی