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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط behnamstar
      سلام و عرض ادب
      من یه سایت وردپرسی دارم که به تازگی تغییر دامنه روش انجام دادم که بعد ازینکار مشکل عجیبی اتفاق افتاده 
      من دامنه ی https://damane1.co m رو ریدایرکت کردم به https://damane2.co m الان اتفاقی که میفته دامنه 1 ریدایرکت میشه روی دامنه 2 
      ولی زیر دامنه ها ریدایرکت نمیشن 
      مثلا روی این لینک کلیک بشه (https://damane1.co m/linksite) باید این لینک باز شه (https://damane2.co m/linksite)
      ولی این لینکها جدا جدا باز میشن 
      فقط دامنه https://damane1.co m روی https://damane2.co m ریدایرکت میشه بقیه ی لینک ها همه جدا جدا باز میشن.
      ممنون میشم از دوستان کمک کنن 
      حتی به هاست پشتیبانی هم تیکت دادم ولی متوجه مشکل نشدن.
    • توسط Timecity.ir
      سلام دوستان خسته نباشید . 
      من یک « پک فونت ایران سنس » خریداری کردم ، اما نمیدونم چجوری باید روی قالب وردپرس نصبش کنم .
      یه بار امتحان کردم سایت ارور مرگ صفحه سفید داد و با کلی تلاش تونستم آخرین بک آپی که داشتم رو اجرا کنم . 
      ممنون میشم اگه کسی راهنمایی کنه چجوری این فونت رو نصب کنم .
    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط naff
      سلام.
      من  میخوام یه صفحه ی استاتیک رو روی ftp  آپلود کنم به عنوان  index اصلی و بعد از کلیک روی دکمه ی مورد نظر کاربر منتقل بشه به سایت اصلی یا همون قالب وردپرس.
       مشکل اینجاست که وقتی صفحه ی  html  رو روی  ftp  آپلود میکنم سایت فقط این صفحه رو به عنوان  index  میشناسه و  این رو جایگزین  index وردپرس میکنه و این صفحه  رو  front page  میشناسه.
       در صورتی که من هر دوتاش رو  میخوام . و صفحه ی html  رو به عنوان  index  میخوام یعنی با وارد کردن اسم سایت اسن صفحه ظاهر بشه.
      صفحه ی اچ دی ام ال:
      https://altourneur.com/new.html
       صفحه ی اصلی سایت:
      https://altourneur.com