رفتن به مطلب
go23user

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

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

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

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

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

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

ممنون

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


لینک به ارسال

سلام

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

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


لینک به ارسال

سلام

ممنون

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

کد :


<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

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


لینک به ارسال

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

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

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


لینک به ارسال

سلام

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

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


لینک به ارسال

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

#test .horoof .....

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


لینک به ارسال

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

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

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

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


لینک به ارسال

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

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


لینک به ارسال

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

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

ممنون

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


لینک به ارسال

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

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

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

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


لینک به ارسال

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

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

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

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

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

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

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

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

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


لینک به ارسال

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


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

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


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

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

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


لینک به ارسال

ممنون

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

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

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


لینک به ارسال

ممنون

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

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

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

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


لینک به ارسال

یک نمونه


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

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


لینک به ارسال

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

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

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

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

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط SNSA
      سلام
      من یک نوجوان ۱۵ ساله هستم که علاقه مند برنامه نویسی و تحصیل در رشته آی تی هستم 
      شاید بگین الآن سنم برای انتخاب رشته کمه و بعدش نظرم عوض میشه ولی من دوساله تصمیمم رو گرفتم و براش تلاش میکنم
      در این راه به مشکل برخوردم از اونجایی که میخوام برای هدفم در المپیاد شرکت کنم نیازمند یادگیری زبان ++c هستم اما علاقه شدیدی به زبان python دارم اما نمیدونم کدوم رو انتخاب کنم
      بگم که از هرکدوم کمی بلد هستم و الآن گیج شدم
      اگر کسی در المپیاد کامپیوتر شرکت کرده ممکنه کمکم کنه؟
    • توسط Mahdyar.rng
      سلام.
      این مشکل اعصاب منو خورد کرده و اصلا نمیدونم چکار کنم. تو گوگل هم چیزی نمیدونم راجبش پیدا کنم.
      هرچی از المان های ویژوال کامپوزر استفاده میکنم تو طراحی برگه ها هیچ کدومش نمایش داده نمیشن. مثلا از المان های "آخرین محصولات" و "محصولات ویژه" که تو دسته ووکامرسن استفاده میکنم نشون داده نمیشن. یا از اسلایدر ها.
      چکار کنم دقیقا؟
    • توسط Mahdyar.rng
      سلام دوستان خسته نباشید.
      من به تازگی و با هزار مشکل و بی تجربگی سایت فروشگاهیه وردپرسی زدم. یه مشکل اساسی که در حال حاضر دارم دلاره. بله دلار. متاسفانه الان نوسانات نرخ دلار به انقد زیاده که باعث میشه قیت محصولات سایت من خیلی بالا پایین بشه و منم نمیتونم هر دقیقه بیام قیمتارو دستی بروز کنم. مخصوصا وقتی که محصولام زیاد بشه بعدا. الان میخواستم ببینم که راهی یا افزونه ای هست که بتونم متنی یا نوشته ای رو از سایت دیگر بگیرم و تو سایت خودم بگنجانم؟ من دقیقا میخوام اینکارو کنم:   میخوام یه قیمتی رو از یه سایت مد نظرم بگیره و ضربدره قیمت دلاری که در سایت tjgu.org نوشته شده بکنه، و در قسمت قیمت محصول درج کنه حاصل رو.
       
      واقعا این قضیه مهمه برام. خیلی لطف میکنید جواب بدید.
    • توسط MahdiBo
      با سلام 
      من نیاز دارم که بتونم به صورت دستی و دلخواه جدا از محصولات بتونم فاکتوری برای مشتری داخل پنل کاربریش ایجاد کنم 
      و کاربر بتونه اونو پرداخت کنه با دراگاه
       
      میخواستم بدونم افزونه ای هست برای این کار؟ رایگان یا پولی فرقی نداره
      ممنون مبشم کسی بتونه کمکم کنه 
    • توسط nasenaderi
      سلام به همه عزیزان
      مدتی هست هنگام افزودن محصول جدید ، قسمت برچسب هام تغییر کرد و حالت عادی نداره در عکس توضیح دادم
      الان میخوام مثل قبل بشه
      چون از افزونه wordpress-keyword-tool استفاده میکنم و الان دیگه برچسب ها رو وارد نمیکنه
      البته در قسمت نوشته ها این مشکل رو ندارم
      لطفا اگر میتونید کمکم کنید

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