رفتن به مطلب

کدی برای فونت و سایه دار شدن آن


jc313

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

سلام دوستان

میخواستم بدونم چطوری میتونم وقتی که موس روی لینک های سایتم میره لینک هام سایه دار بشن؟!

همچنین چطوری میتونم یه همچین فونتی برای تایتل هام درست کنم و استفاده کنم؟! مثلا بخش "شبهات" مثه این سایت: http://www.zohur12.ir

دقیقا نمونه سوالاتی که دارم این سایت استفاده کرده! وقتی روی لینک هاش میرین میخوام همونطوری بشه دقیقا!

لینک به ارسال

آقا امید شرمنده اظهار نظر کردم اگر دقیقاً میخواید لینکها سایش مثل همون باشه:


a {
color: black;
text-decoration: none;
}
.test a:hover {
text-shadow: 0px 0px 1px #008CD2;
color: blue;
}

لینک به ارسال

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

c:\WINDOWS\Fonts

در دسترستونه و اگر نه هم معمولا با جستجو در نت منابع رایگان زیادی می یابید فرض می کنیم کد انتخابی نامش myfont است و اونرو انتقال دادید به پوشه ای به نام font در قالبتون و باز فرض می کنیم کلاس عناوین مورد نظر title باشه



@font-face {
font-family: 'myTitleFont';
src: url('font/myfont.ttf') format('truetype'),
url('font/myfont.woff') format('woff'),
url('font/myfont.eot');
}
.title {
font-family:myfont,'myTitleFont';
}

کد بالا رو به style.css اضافه کنید

توضیح معمولا فونت های فارسی در پسوند ttf موجودند اگر فونت ما تنها در یک فرمت موجود بود نیازی به نوشتن آدرس های دیگه نیست

لینک به ارسال
  • 2 هفته بعد...

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

c:\WINDOWS\Fonts

در دسترستونه و اگر نه هم معمولا با جستجو در نت منابع رایگان زیادی می یابید فرض می کنیم کد انتخابی نامش myfont است و اونرو انتقال دادید به پوشه ای به نام font در قالبتون و باز فرض می کنیم کلاس عناوین مورد نظر title باشه



@font-face {
font-family: 'myTitleFont';
src: url('font/myfont.ttf') format('truetype'),
url('font/myfont.woff') format('woff'),
url('font/myfont.eot');
}
.title {
font-family:myfont,'myTitleFont';
}

کد بالا رو به style.css اضافه کنید

توضیح معمولا فونت های فارسی در پسوند ttf موجودند اگر فونت ما تنها در یک فرمت موجود بود نیازی به نوشتن آدرس های دیگه نیست

اگه بخوایم فونت مثلا قسمت تایتل سایتو عوض کنیم چطوری باید استفاده کنیم از این؟

یعنی چه کدی به کجا اضافه کنیم که فونت اون بخش تغییر کنه؟!

لینک به ارسال

شما هر جا که می خواهی عوض شه اول بهش یک کلاس می دی و بعد کلاس را با title در این کد عوض می کنی

لینک به ارسال
میخواستم بدونم چطوری میتونم وقتی که موس روی لینک های سایتم میره لینک هام سایه دار بشن؟!

پیشنهاد می کنم نوشته های زیر را مطالعه کنید...#

سایه دار کردن باکس ها با css3

سایه دار کردن متن ها با css3

لینک به ارسال

شما هر جا که می خواهی عوض شه اول بهش یک کلاس می دی و بعد کلاس را با title در این کد عوض می کنی

سلام

ببخشید من زیاد آشنایی ندارم با کدنویسی

این کدی هست که من برای فونت درست کردم و توی style.css گذاشتم


@font-face {
font-family: 'A-HOMA';
src: url('font/A-HOMA.TTF') format('truetype'),
}
.title {
font-family:A-HOMA,'A-HOMA';
}

حالا میخوام فونت کد پایین تغییر کنه چیکار باید بکنم؟


.post #post-title h1{font-size:11px;font:bold;padding-right:15px;text-shadow: 0px 0px 5px #00FF33;}

لینک به ارسال

سلام

ببخشید من زیاد آشنایی ندارم با کدنویسی

این کدی هست که من برای فونت درست کردم و توی style.css گذاشتم


@font-face {
font-family: 'A-HOMA';
src: url('font/A-HOMA.TTF') format('truetype'),
}
.title {
font-family:A-HOMA,'A-HOMA';
}

حالا میخوام فونت کد پایین تغییر کنه چیکار باید بکنم؟


.post #post-title h1{font-size:11px;font:bold;padding-right:15px;text-shadow: 0px 0px 5px #00FF33;}


@font-face {
font-family: 'A-HOMA';
src: url('font/A-HOMA.TTF') format('truetype'),
}
.post #post-title h1{
font-family:B HOMA,Homa,'A-HOMA';
}

لینک به ارسال

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

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

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

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

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

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

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

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

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