رفتن به مطلب

دادن استایل به هیدینگ


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

سلام من میخوام توی تمام مطالب سایت زمانی که متنی رو بین <h2> </h2> قرار میدی به طور خودکار اون متن دارای استایل مناسبی بشه

یه چیزی مثل این:

H.jpgاگه راهنمایی کنید ممنون میشم

با تشکر فراوان

لینک به ارسال

سلام

داخل css


h2 { استایل شما }

استایل ها رو هم اگه می خواید یاد بگیرید داخل w3schols می تونید یاد بگیرید

لینک به ارسال

ممکنه در مورد

w3schols یکم بیشتر توضیح بدین؟

یه سایت آموزش برنامه نویسی به صورت آنلاین هست

لینک به ارسال

سلام

داخل css


h2 { استایل شما }

استایل ها رو هم اگه می خواید یاد بگیرید داخل w3schols می تونید یاد بگیرید

توی فایل css چند جا اسم h2 اومده استایل کدومو تغیر بدم?

ویرایش شده توسط Ali WP
لینک به ارسال

توی فایل css چند جا اسم h2 اومده استایل کدومو تغیر بدم?

ببنید در قبل از اینکه وارد تگ h2 شوید چه کلاس و ای دی قبل از آن تعریف شده. مثل را نگاه کنید.


<div class="header">
<div class="logo"></div>
<h2>متن مورد نظر</h2>
</div>

برای استایل دادن به این h2 باید به شکل زیر عمل کرد.


.header h2{
font:12px tahoma;
}

لینک به ارسال

خیای ممنون درست شد

فقط الان دو تا مشکل وجود داره

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

H2.jpg

مشکل اول اینه که با این استایل هیدینگ های 2 قالب هم درای استایل میشه(مثل عنوان و یا عکس لوگوی سایت)

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

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

H2.jpg

اگه ممکنه راهنمایی کنید

با تشکر

لینک به ارسال

ببخشید یه مشکل دیگه هم هست

چون بعضی وقتا ممکنه که یه عکس روی هیدینگ بیاد مطلب اینطوری میشه:

H2_2.jpg

یعنی هیدینگ میاد روی عکس من میخوام عکس بیاد روی هیدینگ

مثل این:

H2_3.jpg

با تشکر فراوان

لینک به ارسال

اگر سوال اول را درست متوجه شده باشم منظورتان این است که تمام h2 این طوری میشه. خوب اون موردی که در بالا را گفتم گسترشش دهید. مثل شکل زیر


#mian .top .header h2{
font:12px tahoma
}

یه جوری ادرس بدهید که دقیقا همان به همان h2 برسد.

و برای سوال اخر هم که ظاهرا کد می خواهید کافی با border-radius این کار را انجام دهید. نمونه


http://jsfiddle.net/8jL9eLrs/

اگر هم خواستید می توانید مقدار آن را زیاد کنید

لینک به ارسال

متوجه منظور شما از حرف"

موردی که در بالا را گفتم گسترشش دهید." نشدم اگه ممکنه بیشتر توضیح بدید

برای سوال دوم راه حلی ندارید؟

لینک به ارسال

شاید من اصطلاح درستی به کار نبردم.منظورم این است که شما بگردید ببنید قبل از کلاس که h2 تعریف شده چه کلاس های دیگری است.دقیقا مثلا ادرس دادن است.شما وارد یک شهر می شوید(index.php) حالا می خواهید بروید خانه header. برای رفتن به آن جا باید از چه کلاس ها و ای دی هایی عبور کنید.اون کلاس ها و ای دی هایی را پش سر بنویسید و استایل را به اون h2 بدهید. مثلا زیر


<div id="main">
<div class="top">
<div class="header">
<div class="logo">
<h2>متن</h2>
</div>
</div>
</div>
</div>

استایل h2 میشه


#main .top .header .logo h2{
font:12px tahoma;
}

برای سوال بعدی توضیح نمی دهم فقط مثال صفحه زیر را نگاه کنید.


http://www.beyamooz.com/try_it_yourself/tryit.php?filename=trycss_zindex

الان z-index برابر -1 است.حالا مقدار ان را بکنید 1 و ببنید چه اتفاقی می افتد.

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

متوجه شدم

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

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

لینک به ارسال

شاید من اصطلاح درستی به کار نبردم.منظورم این است که شما بگردید ببنید قبل از کلاس که h2 تعریف شده چه کلاس های دیگری است.دقیقا مثلا ادرس دادن است.شما وارد یک شهر می شوید(index.php) حالا می خواهید بروید خانه header. برای رفتن به آن جا باید از چه کلاس ها و ای دی هایی عبور کنید.اون کلاس ها و ای دی هایی را پش سر بنویسید و استایل را به اون h2 بدهید. مثلا زیر


<div id="main">
<div class="top">
<div class="header">
<div class="logo">
<h2>متن</h2>
</div>
</div>
</div>
</div>

استایل h2 میشه


#main .top .header .logo h2{
font:12px tahoma;
}

برای سوال بعدی توضیح نمی دهم فقط مثال صفحه زیر را نگاه کنید.


http://www.beyamooz.com/try_it_yourself/tryit.php?filename=trycss_zindex

الان z-index برابر -1 است.حالا مقدار ان را بکنید 1 و ببنید چه اتفاقی می افتد.

ممکنه شما این آدرس رو پیدا کنید

من هر کاری میکنم نتیجه ی مطلوب حاصل نمیشه

ویرایش شده توسط Ali WP
لینک به ارسال

به اول همون استایل هیدینگ

مثل این عکس:

H2.jpg

اون بنفش پررنگه

border-radius هست

ویرایش شده توسط Ali WP
لینک به ارسال

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

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

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

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

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

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

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

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

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