طرز نوشتن متن به سبک ....

2lphin

Member
سلام
توی فتوشاپ وقتی متنی رو می نویسیم حالاتی از قبیل sharp,Crisp,None,Strong,Smooth وجود داره!
آمی خواستم بدونم همچین قابلیتی در DreamWeaver وجود داره یا خیر !؟
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
متاسفانه موارد مورد نظر شما با این دقت در وب وجود ندارد.
یکی از علت ها این هست : زمانی که شما فونتی را به نام nazanin برای وب سایت خود انتخاب می کنید، اگر در کامپیوتر بازدید کننده این فونت وجود داشته باشد، انگاه با فونت درخواستی شما متن مورد نظر نمایش داده می شود، در غیر این صورت، یک فونت پیش فرض دیده می شود...
 

2lphin

Member
منظورم نوع فونت نبود منتها منظورتونو متوجه شدم !تشکر
 

farik

Well-Known Member
با سلام...در وب 3 .امکان سایه زدن ارائه شده که تو نسخه قبلی نبوده...ولی در مورد بقیه افکت ها چیزی نمیدونم..
 

farik

Well-Known Member
با سلام..دولفین جان..ممنون میشم اگه چند تا مثال بزاری..
در ضمن هنگام استفاده از css3باید توجه داشت که همه مرورگرها که کاربرا استفاده میکنن ساپورتش نمیکنه..
 

2lphin

Member
Css3

اول باید فونت مورد نظر رو توی فایل استایل فراخوانی کنیم .

برای فراخوانی باید از کاراکتر @ استفاده کنیم . به صورت زیر :

@font-face​

بعد از کاراکتر @ یه اسم قرار میدیم که مهم نیست چی باشه… در اینجا Font-Face هست .

حالا نحوه فراخوانی کلی هم به صورت زیر هست :

@font-face {

font-family: Delicious;

src: url(‘Delicious-Roman.otf‘);

}​

کد بالا رو توی فایل استایل قرار میدیم…به جای Delicious-Roman.otf باید آدرس فونت مورد نظر رو بدیم و به جای Delicious اسم فونت یا هر اسمی که موقع فراخوانی فونت میخوایم ازش استفاده میکنیم رو قرار میریم….

برای دادن خواص دیگه به کد بالا ، مثلا Bold کردن و … کد font-weight: bold; رو بهش اضافه میکنیم… به صورت زیر…

@font-face {

font-family: Delicious;

src: url(‘Delicious-Roman.otf‘);

font-weight: bold;
}​

خوب…حالا فونت مورد نظر رو با استفاده از کد بالا تعریف کردیم . برای استفاده از اون در هر بخشی به صورت عادی عمل میکنیم . یعنی با استفاده از font-family نام فونتی که تعریف کردیم رو فراخوانی میکنیم . به صورت زیر…

h3 { font-family: Delicious, sans-serif; }​

به همین راحتی به همین خوشمزگی:paint:
منبع
 
آخرین ویرایش:

2lphin

Member
Text shadow

ببخشید اصلا حواسم نبود ! پست قبلی بی ربط بود .... با یه جای دیگه قاطی کردم :rose:

ولی بجاش برات منبع و نمونه میزارم !قبلش باید اضافه کنم که سایه زدن مربوط به Css3 نیست و از ورژن قبلیش وجود داشته
نمونه :

text-shadow.png
کلا طرز نوشتنش به اینصورت هستش :
کد:
#obj {
   text-shadow: <x-offset> <y-offset> <blur-radius> <color>;
}

کد:
text-shadow:2px 2px 2px #333333
text-shadow was included in CSS2, removed from CSS2.1 and returns in CSS3. It has been supported in Safari since version 1.1, and is supported in Chrome, Firefox 3.5 and Opera 10.

CSS Shadows take three length values, and a color. The length values are a horizontal offset, a vertical offset and a blur. Offsets may be negative or positive
[/LEFT]

البته ورژن جدید IE با بچه ها ردیف کردیم که اونجا هم جواب بده :lol:

همه چیزی که لازم دارید اینجا هست !یه ازار که کارتو خیلی راحت میکنه
 
آخرین ویرایش:

farik

Well-Known Member
با سلام..
خوب با تشکر از دولفین جان...اولا ازش خواهش میکنم که به جای 3 تاپیک پی در پی تاپیک اول رو ویرایش کنن و همه رو بزارن تو یک پست..
دوماممنون بابت مطالبشون
سوما خوب اینکه همون سایه خودمونه..واسه نرم کردن(smooth) کردن راه حلی ندادین..
چهارم:خودم به شخصه خیلی رو افکت های سی اس اس حساب نمیکنم چون امکاناتش خیلی محدوده..البته از هیچی بهتره..ولی اگه مخاطب اصلی شما کاربرایی هست که با کامپیوتر وارد سایتتون میشن بهترین گزینه استفاده از جی اس هست..
موفق باشید...
 

farik

Well-Known Member
با سلام..
خوب با تشکر از دولفین جان...اولا ازش خواهش میکنم که به جای 3 تاپیک پی در پی تاپیک اول رو ویرایش کنن و همه رو بزارن تو یک پست..
دوماممنون بابت مطالبشون
سوما خوب اینکه همون سایه خودمونه..واسه نرم کردن(smooth) کردن راه حلی ندادین..
چهارم:خودم به شخصه خیلی رو افکت های سی اس اس حساب نمیکنم چون امکاناتش خیلی محدوده..البته از هیچی بهتره..ولی اگه مخاطب اصلی شما کاربرایی هست که با کامپیوتر وارد سایتتون میشن بهترین گزینه استفاده از جی اس هست..
موفق باشید...
 

جدیدترین ارسال ها

بالا