درخواست نمونه کد

[s4d3ghi 246]

با سلام دوستان

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

مشابه تصویر زیر

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

نمونش»»»

[Farzad 3805]

المان مورد نظر رو با Inspect element مرورگر پیدا کنید

و با نمونه کد CSS زیر به آن hover دهید

.test {
background : #FFF
}
.test:hover {
background : #000
}

نمونه :

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_link_more1

[s4d3ghi 246]

المان مورد نظر رو با Inspect element مرورگر پیدا کنید

و با نمونه کد CSS زیر به آن hover دهید

.test {
background : #FFF
}
.test:hover {
background : #000
}

نمونه :

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_link_more1

ممنونم دوست عزیز اما میشه یکم ابتدایی تر توضیح بدین چون من در css در حد صفر هستم و در html یک و نیم

چیز زیادی نمیدونم تازه دارم باهاش ور میرم تا یاد بگیرم

[Farzad 3805]

اگر در حال حاضر، کد html برای بخش مذکور دارید، کد رو بدید تا CSS رو ارائه کنیم.

در غیر این صورت، نمونه های زیر رو بررسی کنید :

http://cssdeck.com/labs/another-simple-css3-dropdown-menu

http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

[s4d3ghi 246]

اگر در حال حاضر، کد html برای بخش مذکور دارید، کد رو بدید تا CSS رو ارائه کنیم.

در غیر این صورت، نمونه های زیر رو بررسی کنید :

http://cssdeck.com/labs/another-simple-css3-dropdown-menu

http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

سلام من از نمونه

http://www.w3schools.com/css/tryit.asp?filename=trycss_float5

خوشم اومد در قالب قرار دادم اما قاطی شد خیلی هم باهاش کلنجار رفتم نتونستم بسازمش چون در قالب از css دیگه ای هم استفاده شده قاطی میشد.

به همین خاطر کد html رو قرار دادم تا به css تبدیلش کنید فقط اینکه طوری کدرو بنویسید که وقتی در قالب قرار دادم با css موجود بالا نیادش که قاطی بشه

ممنونم

<div class="subtitle"><b><h1><a href="http://pnubah.ir" rel="nofollow" ><font color="white">صفحه نخست </font></a> |
<a href="http://solblog.ir" rel="nofollow" ><font color="yellow">دانلود پروژه</font></a> |
<a href="http://reg.pnu.ac.ir" rel="nofollow" ><font color="white">سیستم گلستان </font></a> |
<a href="http://pnubah.ir/category/1" rel="nofollow" ><font color="yellow">اخبار پیام نور</font></a> |
<a href="http://pnub.ac.ir" rel="nofollow" ><font color="white">دانشگاه پیام نور بهار</font></a> |
<!-- Contact Form v2 by www.1abzar.com --->
<script type="text/javascript" src="http://1abzar.ir/abzar/tools/contact-form/v2/files/jquery.js"></script>
<style type="text/css">@import url("http://1abzar.ir/abzar/tools/contact-form/v2/files/st.css");</style>
<a id="form-1abzar" href="http://1abzar.com/visit/contact-form/?email=alexasms.ir@gmail.com" style="text-decoration:none;font-family:tahoma;font-size:10pt;color:yellow" rel="nofollow" >تماس با ما</a>
<!-- Contact Form v2 by www.1abzar.com --->
</h1></b></div>

[Morteza 34190]

چرا استایل داره زیر منو لود میشه؟!

[s4d3ghi 246]

چرا استایل داره زیر منو لود میشه؟!

بله!

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

و درست کار نمیکنه

قالب هم در تاپیک زیر موجوده

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

اما وقتی این استایل رو قرار میدم قاطی میشه هم رنگها و هم چیدمانش

http://forum.wp-parsi.com/topic/17668-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D9%88%DB%8C%D8%B1%D8%A7%DB%8C%D8%B4-%D9%82%D8%A7%D9%84%D8%A8-html/

[Ghaem 1492]

بعد از <style> اینو قرار بدید:

.subtitle a:hover{
background-color:#ff3300;
border-radius: 5px;
padding: 3px;
}

ویرایش شده اسفند 92 توسط Ghaem