go23user 5 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 سلام و خسته نباشیدمن برای هر بخشی از سایت یک li و ul تعریف کردم ولینک ها رو جداگانه معرفی کردم و رنگ دادمولی اصلا اینطور نیست که فقط برای اون بخش باشه و رنگ کل لینک های سایت با هم قاطی میشه .کسی می تونه طریق درست ul و li دادن به کد ها و همچنینی css متناسب باهاش رو بهم بگه .ممنون نقل قول لینک به ارسال
Farid 2281 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 سلامببینید مثلا شما می خوایید به لینک داخل یه لیست (ul) رنگی متفاوت از رنگ لینک کل سایت بدید ... مثلا html اش اینجوریه :<ul class="farid"><li><p> <a href="#">متن</a> </p></li></ul>حالا برای این که فقط لینکی که توی این لیست هست رو انتخاب کنید بهش کلاس میدید و css اش رو اینجوری می نویسید :ul.farid li p a {}ul.farid li p a:hover {} 3 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 (ویرایش شده) سلامممنونبعد از تغییرات بقیه لینک های صفحه هم تحت تاثیر این رنگ ها قرار می گیره.کد :<style type="text/css">.horoof {width:200px;height:100px;}.horoof-alefba {background-color:#0060b9;width:34px;height:34px;float:right;margin:5px 5px 0 0;direction:rtl;border-radius:4px;}.horoof-alefba:hover {background-color:#01468e;width:34px;height:34px;margin:5px 5px 0 0;border-radius:4px;box-shadow:0 0 8px #333;transition: .21s;-webkit-transition: .21s;-o-transition: .21s;-moz-transition: .21s;}.horoof-text li {list-style: none;font-weight:bold;}ul.horoof-text a {color:#fff;font-weight:bold;list-style: none;}ul.horoof-text a:hover,a:visited {color:#ffff00;font-weight:bold;list-style: none;}.horoof-text {color:#fff;font-size:14px;font-weight:bold;text-align:center;font-family:tahoma;padding-top:7px;}.horoof-text:hover {color:#ffff00;font-size:14px;font-weight:bold;font-family:tahoma;text-align:center;padding-top:7px;}</style><div class="horoof"><div class="horoof-alefba"><ul class="horoof-text"><li><a href="#" target="_blank">الف </a></li></ul></div><div class="horoof-alefba"><ul class="horoof-text"><li><a href="#" target="_blank">ب </a></li></ul></div> ویرایش شده آبان 92 توسط go23user نقل قول لینک به ارسال
Farid 2281 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 خب شما باید به ul های ( الف ) و (ب) کلاس جدا بدید تا درست شه ... مثال رو نگاه کنید متوجه میشید :http://codepen.io/faridghasemi/pen/gEIbD 3 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 سلامممنون منظورم اینکه مثلا روی لینک هایی که جزو این کد ها هم نیستن تاثیر می ذاره مثل منوی بالای سایت . نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 شما به ul یک کلاس یا آی دی بدید و بعد به اول استایل دهی ها اضفه کنید مثلا اگر اسم آی دی باشه tes میشه:#test .horoof ..... 3 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 ممنون ولی منظورتون رو متوجه نشدم .میشه روی کد های بالا توضیحش بدید هم کلاس ul رو و هم css اش رو.خدا خیرتون بده نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 شما div رو نبسته بودید<style type="text/css">.horoof {width:200px;height:100px;}.horoof-alefba {background-color:#0060b9;width:34px;height:34px;float:right;margin:5px 5px 0 0;direction:rtl;border-radius:4px;}.horoof-alefba:hover {background-color:#01468e;width:34px;height:34px;margin:5px 5px 0 0;border-radius:4px;box-shadow:0 0 8px #333;transition: .21s;-webkit-transition: .21s;-o-transition: .21s;-moz-transition: .21s;}.horoof-text li {list-style: none;font-weight:bold;}ul.horoof-text a {color:#fff;font-weight:bold;list-style: none;}ul.horoof-text a:hover,a:visited {color:#ffff00;font-weight:bold;list-style: none;}.horoof-text {color:#fff;font-size:14px;font-weight:bold;text-align:center;font-family:tahoma;padding-top:7px;}.horoof-text:hover {color:#ffff00;font-size:14px;font-weight:bold;font-family:tahoma;text-align:center;padding-top:7px;}</style><div class="horoof"><div class="horoof-alefba"><ul class="horoof-text"><li><a href="#" target="_blank">الف </a></li></ul></div><div class="horoof-alefba"><ul class="horoof-text"><li><a href="#" target="_blank">ب </a></li></ul></div></div><a href="ss">adasd</a> 2 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 <div> رو داخل کد ها بستم اینجا نمی دونم کامل نگرفتم دابو اینجا نیومدآقا مرتضی می شه کمی توضیح بیشتر بدید منظورتون رو یا روی کد ها اعمال کنیدممنون نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 بهتر نیست کد رو تست کنیدو یا با کد خودتون مقایسهکدی که دادم مشکلی نداره 2 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 بهتر نیست کد رو تست کنیدو یا با کد خودتون مقایسهکدی که دادم مشکلی ندارهممنون داداش کد ها که کار می کننمشکل اینه که روی بعضی لینک های صفحه هم مثل منوهای بالای سایت تاثیر می ذارن .و مثلا رنگ hover لینک اینجا هست زرد .اونجا که این کد رو می ذارم علاوه بر این منوی بالای سایت هم hoveresh می شه زرد .اسانداردترین کد برای تعیین رنگ link و hover چیه ؟ نقل قول لینک به ارسال
اشکان 1989 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 شما میتونید به این شکل کلی استفاده کنید:a{color:رنگ مورد نظر}a:hover{color:رنگ مورد نظر}این برای کل لینک ها هست مگر اینکه برای لینکی خاص رنگ تعیین شده باشه.مثلا:.post a{color:رنگ مورد نظر} شما آدرس سایتتون که مشکل داره رو بدین و دقیقا بگین که کدوم قسمت مشکل داره 3 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 ممنوناینا رو می دونممن تو ul گذاشتن مشکلی ندارم مشکل اینه که این مقدار تعیین شده برای بعضی لینک های دیگه که ربطی به این css نداره هم اجرا می شه. نقل قول لینک به ارسال
اشکان 1989 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 ممنوناینا رو می دونممن تو ul گذاشتن مشکلی ندارم مشکل اینه که این مقدار تعیین شده برای بعضی لینک های دیگه که ربطی به این css نداره هم اجرا می شه.شما آدرس سایتتون که مشکل داره رو بدین 1 نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 یک نمونه<!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>a:link{color:#666;text-decoration:none;}a:visited{color:#666;}a:hover{color:#3f9fe0;}a:active{color:#3f9fe0;}.other a:link{color:#0f0;text-decoration:none;}.other a:visited{color:#0f0;}.other a:hover{color:#f00;}.other a:active{color:#f00;}</style></head><body><a href="#">تست 1 </a><div class="other"><a href="#">تست 1 </a></div></body></html> 4 نقل قول لینک به ارسال
go23user 5 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 ممنون از همه شما دوستان آقا مرتضی ، پارسا ، اشکان و آقا فرید عزیز بابت راهنماییتون .گویا مشکل در سی اس اس قالبه و نه در این کد.ولی مطالبتون واقعا به کار اومد پاینده باشید دوستان نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .