go23user

مشکل در استایل دادن به لینک خاص

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

سلام و خسته نباشید

من برای هر بخشی از سایت یک li و ul تعریف کردم ولینک ها رو جداگانه معرفی کردم و رنگ دادم

ولی اصلا اینطور نیست که فقط برای اون بخش باشه و رنگ کل لینک های سایت با هم قاطی میشه .

کسی می تونه طریق درست ul و li دادن به کد ها و همچنینی css متناسب باهاش رو بهم بگه .

ممنون

0

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


لینک به پست

سلام

ببینید مثلا شما می خوایید به لینک داخل یه لیست (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

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


لینک به پست

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

سلام

ممنون

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

کد :


<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>

ویرایش شده در توسط go23user
0

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


لینک به پست

خب شما باید به ul های ( الف ) و (ب) کلاس جدا بدید تا درست شه ... مثال رو نگاه کنید متوجه میشید :

http://codepen.io/faridghasemi/pen/gEIbD

3

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


لینک به پست

سلام

ممنون منظورم اینکه مثلا روی لینک هایی که جزو این کد ها هم نیستن تاثیر می ذاره مثل منوی بالای سایت .

0

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


لینک به پست

شما به ul یک کلاس یا آی دی بدید و بعد به اول استایل دهی ها اضفه کنید مثلا اگر اسم آی دی باشه tes میشه:

#test .horoof .....

3

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


لینک به پست

ممنون ولی منظورتون رو متوجه نشدم .

میشه روی کد های بالا توضیحش بدید هم کلاس ul رو و هم css اش رو.

خدا خیرتون بده

0

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


لینک به پست

شما 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

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


لینک به پست

<div> رو داخل کد ها بستم اینجا نمی دونم کامل نگرفتم دابو اینجا نیومد

آقا مرتضی می شه کمی توضیح بیشتر بدید منظورتون رو یا روی کد ها اعمال کنید

ممنون

0

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


لینک به پست

بهتر نیست کد رو تست کنید

و یا با کد خودتون مقایسه

کدی که دادم مشکلی نداره

2

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


لینک به پست

بهتر نیست کد رو تست کنید

و یا با کد خودتون مقایسه

کدی که دادم مشکلی نداره

ممنون داداش کد ها که کار می کنن

مشکل اینه که روی بعضی لینک های صفحه هم مثل منوهای بالای سایت تاثیر می ذارن .

و مثلا رنگ hover لینک اینجا هست زرد .

اونجا که این کد رو می ذارم علاوه بر این منوی بالای سایت هم hoveresh می شه زرد .

اسانداردترین کد برای تعیین رنگ link و hover چیه ؟

0

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


لینک به پست

شما میتونید به این شکل کلی استفاده کنید:


a{
color:رنگ مورد نظر
}
a:hover{
color:رنگ مورد نظر
}

این برای کل لینک ها هست مگر اینکه برای لینکی خاص رنگ تعیین شده باشه.مثلا:


.post a{
color:رنگ مورد نظر
}

شما آدرس سایتتون که مشکل داره رو بدین و دقیقا بگین که کدوم قسمت مشکل داره

3

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


لینک به پست

ممنون

اینا رو می دونم

من تو ul گذاشتن مشکلی ندارم مشکل اینه که این مقدار تعیین شده برای بعضی لینک های دیگه که ربطی به این css نداره هم اجرا می شه.

0

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


لینک به پست

ممنون

اینا رو می دونم

من تو ul گذاشتن مشکلی ندارم مشکل اینه که این مقدار تعیین شده برای بعضی لینک های دیگه که ربطی به این css نداره هم اجرا می شه.

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

1

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


لینک به پست

یک نمونه


<!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

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


لینک به پست

ممنون از همه شما دوستان آقا مرتضی ، پارسا ، اشکان و آقا فرید عزیز بابت راهنماییتون .

گویا مشکل در سی اس اس قالبه و نه در این کد.

ولی مطالبتون واقعا به کار اومد ;)

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

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط stanesti
      با سلام
      من به تازگی یک سایت با وردپرس راه اندازی کردم و الان به مشکل خوردم و هر کار کردم نتونستم حلش کنم و برای همین هم این مطلب رو ارسال می کنم
       
      حالا شرح سوال:
      وب سایت من علاوه بر بخش نوشته ها، از بخش نمونه کار ها، تیم ما، نظرات کاربران و .... نیز برخوردار هست.

      من می خواستم که نوشته هام در پوشه blog/ به نمایش در بیان مثل لینک زیر:
      https://stanesti.ir/blog/how-to-create-gravatar-account/
      برای این منظور اومدم و در داشبورد سایت به "تنظیمات > پیوندهای یکتا" رفتم و این تنظیمات رو اعمال کردم:

      پس از انجام این تنظیمات، نوشته ها به درستی کار می کنن اما نمونه کار ها نیز به پوشه blog/ منتقل شدن مانند لینک زیر:
      https://stanesti.ir/blog/portfolio/argon-dashboard-html-template/
      در حالی که من فقط می خواستم پست هایی که در بخش نوشته ها ارسال می کنم به blog/ منتقل بشن و بقیه پست های بخش های دیگه تغییری نداشته باشن و مثل لینک زیر باشن:
      https://stanesti.ir/portfolio/argon-dashboard-html-template/
       
      حالا به نظرتون چه کار باید بکنم؟ چه راهکاری پیشنهاد میدین؟
       
      ممنون میشم سریع تر جوابم رو بدید چون عجله دارم.
      تشکر
    • توسط jbihamta
      سلام وقتتون بخیر دوستان
      یک مساله خیلی غیر معمول برام پیش اومده اونم اینکه در بخش افزودن پست میخوام ۷ هزارو خورده ای کلمه پیش نویس کنم نمیزاره و بیشتر از  ۵ هزارتا ذخیره نمیشه کسی میدونه از چی هستش؟
    • توسط soshiant
      سلام
      دوستان یه کمک خیلی مهم ازتون میخوام
      به طور پیش فرض تو سایت وقتی کاربر میخواد یه فایل خریداری کنه، به صفحه پرداخت که edd به صورت پیش فرض ساخته میره (همون صفحه ای که رسید و فاکتور و مبلغ کل رو داره و از مشتری ایمیل و مشخصات رو میخواد)
       
      من میخوام تغییری تو این روند بدم. جوری که وقتی کاربر میخواد فایل رو بخره (تصویر 1)
      فاکتور و رسیدی که بعد از زدن روی دکمه پرداخت (تو سایت من اسمش دکمه بفرمایید هست) تو صفحه بعد میده رو میخوام تو همون صفحه و به صورت آژاکس نشون بده (تصویر 2 - با فتوشاپ درست کردم)
       
      ینی منظورم اینه که بعد از زدن رو دکمه، بجای این که صفحه رسید و پرداخت تو یه پنجره جدید باز بشه، میخوام همونجا و به صورت آژاکس فاکتور رو نشون بده و با زدن رو دکمه پرداخت به بانک وصل بشه
      لطفا راهنماییم کنید خیلی مهمه برام


    • توسط sajjad.1156
      با سلام
      دوستان بنده در سایتم از اسلایدر روولوشن استفاده می کنم اما متاسفانه وقتی از 13 لایه بیشتر به هر اسلاید اضافه می کنم خطای ایجکس میده و نمیذاره اسلاید رو ذخیره کنم.
      چه مسئله ای میتونه وجود داشته باشه؟
    • توسط hosseyn
      سلام سایت من به تازگی این مشکل رو پیدا کرده و توی گوگل وب مستر و گوگل سرچ کنسول خطای ایندکس نشدن صفحه اصلی سایت رو میده
      برای تبلیغ گوگل هم از صفحه اصلی ایراد می گرفت ولی با صفحات دیگه مشکلی نداره