• اطلاعیه ها

    • Saeed Fard

      سیاره وردپرس ایران   15/10/95

      سایت‌های زیادی در ایران و سرتاسر وب در زمینه گسترش وردپرس تلاش دارند و نوشته‌های آموزشی منتشر می‌کنند. اما ضرورت یک منبع خوب و ارزشمند برای جمع‌آوری بهترین‌های وب ایران و دنیا باعث ایجاد سیاره وردپرس شد تا دنبال کنندگان این موضوع به صورت یکجا و آسان بتوانند به این نوشته‌ها دسترسی داشته باشند.     در سیاره وردپرس این بستر فراهم شده است که آدرس وب‌سایت‌های مربوطه ثبت و برای این سرویس ارسال شود، آخرین نوشته‌های مفید وب‌سایت‌ها در سیاره وردپرس و نیز در بخش اخبار وردپرس پیشخوان سایت‌های وردپرسی از طریق افزونه‌ی Parsi Date نمایش داده می‌شود. همینطور کاربران از طریق عضویت در خبرنامه ایمیلی سیاره وردپرس می‌توانند به صورت دوره‌ای بهترین و جدیدترین نوشته‌های وردپرسی را که توسط اعضای تحریریه و همکاران سیاره وردپرس بررسی و تایید می‌شود را در ایمیل خود دریافت کنند.   امکانات سیاره وردپرس امکان ثبت آدرس سایت‌هایی که نوشته‌های مفید در زمینه وردپرس دارند. نمایش نوشته‌های وردپرس سایت‌ها در سیاره وردپرس نمایش نوشته‌های وردپرس در پیشخوان سایت‌های وردپرس فارسی توسط ویجت اخبار پلاگین Parsi Date و ... امکان ثبت ایمیل کاربران علاقه‌مند جهت دریافت مطالب محبوب و ویژه در خبرنامه دوره‌ای سیاره توسط اعضای تحریریه و ... جهت ثبت سایت وردپرسی یا ایمیل خود به سایت سیاره وردپرس مراجعه کنید   تاپیک پیشنهادات و همکاری در سیاره وردپرس : http://wpu.ir/qlhy5  
go23user

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

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

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

من برای هر بخشی از سایت یک 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>

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


لینک به پست

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

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

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط rezarnmsh
      با سلام خیلی ممنون میشم که پاسخ بدید که چطور میتونم هم ورد پرس فارسی و هم انگلیسی را روی لوکال هاست xampp نصب کنم
    • توسط amin2007r
      سلام وقت بخیر
      از دوستان افرادی که میتونن قالب و سایت ما رو بهینه کنن لطفا اعلام کنن
      سئو داخلي
      بهينه سازي كدهاي php
      بهينه سازي كدهاي استايل
      بهينه سازي كدهاي جاوا
      بهينه سازي تصاوير
      اصلاح متاتگ ها
      افزايش سرعت بارگزاري سايت
      نصب و تنظيم افزونه هاي مورد نياز
      اماده كردن سايت براي كلمات كليدي و سئو خارجي
      بررسي و انجام تنظيمات گوگل وبمستر 
      و ...
      ادرس سایت : www.aloatari.ir
       
      ایدی تلگرام جهت تسریع کار : ***
    • توسط koolfayfer
      سلام دوستان
      من یه منو دارم که پیش فرض بازه و توی همه صفحات سایتم دارم
      میخوام وقتی کاربر در صفحه اول اونو بست توی صفحه های دیگه هم بسته باشه
       
      یعنی این که پیشفرض چسبیده به سمت راست وقتی اونو بست اسلاید بشه برای بسته شدن
      و در مابقی صفحه ها بسته باشه مگه این که دوباره بخواد نمایش بده و وقتی بازش کرد بازم توی صفحه های دیگه باز بمونه...
    • توسط mansourmoosavi
      با سلام
      دوستان کسی میتونه در مورد دلیل عدم نمایش تصاویر پست های ارسال شده از سایت در تلگرام راهنمایی کنه؟ اکثر افرادی که مطلبی رو از سایت ها در تلگرام منتشر می ککند، تصاویر اون پست سایت در تلگرام در اندازه تصویر شاخص نمایش داده میشه ولی برای سایت من این اتفاق نمی افته!! یعنی فقط متن منتشر میشه! در فیسبوک امتحان کردم و تصور با لینک اومد ولی توی تلگرام وقتی لینک رو کپی می کنم فقط عنوان پست سایت میاد و نه تصویر یا خلاصه پست و .../ البته من فقط تصویر مدنظرم هست بیشتر
    • توسط mehdiilbeigi
      سلام
      من برای دسته خبر سایتم یک صفحه جدا باظاهری جدا درست کردم و پست های خبریم دیگه توی صفحه اولم نمایش داده نمی شه آدرسشم (http://domain.net/news) ولی موقعی که میخوام برم صفحه بعد نمی ره شمارش تغییر میکنه ولی پست ها همونن پستهای قدیمی تر و نمی یاره من از کد صفحه بندی index.php استفاده کردم:
      <?php endwhile; global $wp_rewrite; $paginate_base = get_pagenum_link(1); if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) { $paginate_format = ''; $paginate_base = add_query_arg('paged', '%#%'); } else { $paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') . user_trailingslashit('page/%#%/', 'paged');; $paginate_base .= '%_%'; } echo paginate_links( array( 'base' => $paginate_base, 'format' => $paginate_format, 'total' => $wp_query->max_num_pages, 'mid_size' => ($paged<5 ? 10 : 5), 'current' => ($paged ? $paged : 1), 'type' => 'list', 'prev_text' => __('PEREVIOS', 'default'), 'next_text' => __('NEXT', 'default'), )); else :?> <p style="text-align: center; color: #848484; padding-top: 50px;">با عرض پوزش، نتیجه ای یافت نشد.</p> <?php endif; ?>  
      چرا ؟؟؟؟؟؟؟؟؟؟؟؟