Ali WP

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

19 پست در این موضوع قرار دارد

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

داخل css


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

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

2

به اشتراک گذاری این پست


لینک به پست

ممکنه در مورد

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

0

به اشتراک گذاری این پست


لینک به پست

ممکنه در مورد

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

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

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام

داخل css


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

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

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

ویرایش شده در توسط Ali WP
0

به اشتراک گذاری این پست


لینک به پست

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

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


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

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


.header h2{
font:12px tahoma;
}

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

H2.jpg

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

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

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

H2.jpg

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

با تشکر

0

به اشتراک گذاری این پست


لینک به پست

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

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

H2_2.jpg

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

مثل این:

H2_3.jpg

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

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

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


http://jsfiddle.net/8jL9eLrs/

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

شاید من اصطلاح درستی به کار نبردم.منظورم این است که شما بگردید ببنید قبل از کلاس که 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
0

به اشتراک گذاری این پست


لینک به پست

بسیار ممنون

اگه ممکنه در مورد جواب سوال اول هم توضیح بدید

با تشکر

0

به اشتراک گذاری این پست


لینک به پست

متوجه شدم

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

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

شاید من اصطلاح درستی به کار نبردم.منظورم این است که شما بگردید ببنید قبل از کلاس که 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
0

به اشتراک گذاری این پست


لینک به پست

خوب ادرس را بگذارید تا بگم چه کار کنید

0

به اشتراک گذاری این پست


لینک به پست

خیلی ممنون

آدرس:http://www.elmyarticle.ir/

0

به اشتراک گذاری این پست


لینک به پست

درست شد فقط الان میخوام که border-radius رو به اول استایل اضافه کنم

اگه ممکنه یکی کمک کنه

0

به اشتراک گذاری این پست


لینک به پست

به کدام عکس ها؟ صفحه اول؟ صفحه مطالب؟ عکس های مطالب پیشنهادی؟

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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

مثل این عکس:

H2.jpg

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

border-radius هست

ویرایش شده در توسط Ali WP
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری