davood59
چهارشنبه 06 اسفند 1393, 07:56 صبح
سلام دوستان؛
وقتتون بخیر
من دیروز یه سوالی تو این پست (http://barnamenevis.org/showthread.php?487079-%D8%A8%D9%87-%DA%86%D9%87-%D9%86%D8%AD%D9%88%DB%8C-%D8%AA%DA%AF-a-hover-%D8%B1%D9%88-%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%DA%A9%D9%86%D9%85-%DA%A9%D9%87-%DA%A9%D9%84-%D8%A7%D8%B7%D8%B1%D8%A7%D9%81-%D9%85%D8%AA%D9%86-%D9%85%D9%88%D8%B1%D8%AF-%D9%86%D8%B8%D8%B1-%D8%B1%D9%88-%D8%A8%DA%AF%DB%8C%D8%B1%D9%87%28%D8%B3%D9%84%D9%8 8%D9%84-%D9%85%D8%AA%D9%86-%D9%85%D9%88%D8%B1%D8%AF-%D9%86%D8%B8%D8%B1-%D8%B1%D9%88-%D8%B1%D9%86%DA%AF%DB%8C-%DA%A9%D9%86%D9%87%29) پرسیده بودم؛ که سعید جان دوست عزیزم لطف کرده و جواب رو دادن. ولی چون میخواستم خودم هم انجامش بدم و بعدش به کد سعیدجان نگاه کنم،با کدی که خودم نوشته بودم ور رفتم و تقریبا به همون جوابی که میخواستم رسیدم. حالا کد سعید با کد من فرق داره؛ میخواستم بپرسم آیا در این وقتها و اینجور زمانها، آیا کد من غیر استاندارد هستش یا اینکه نه! (مثل راههای رسیدن به خدا:افسرده:) این رو هم میشه به هر روشی که جواب داد بنویسیم.
کد CSS من :
ul#mylink{
margin-left:6px;
}
ul#mylink li{
background-color:#000;
line-height:50px;
list-style-type:none;
width:85px;
float:left;
display:block;
border-right:2px solid white;
text-align:center;
}
#mylink li a{
display:block;
}
#mylink li a:hover{
background-color:#8c8c8c;
color:white;
}
ul#mylink li:last-child{
border-right:none;
}
کد css سعید:
ul#mylink{
}
ul#mylink li{
background-color:#000;
float:left;
margin-left: 5px;
list-style-type: none;
}
#mylink li a{
height:50px;
padding: 10px;
line-height:50px;
text-decoration: none;
display: block;
color: gray;
}
#mylink li a:hover{
background-color: #8c8c8c;
color: white;
}
شبه کد Html :
<div id="rightbox" class="box">
<ul id="mylink">
<li><a href="index.html">Google</a> </li>
<li> <a href="con.html">Microsoft</a></li>
<li> <a href="index.html">yahoo</a></li>
</ul>
</div>
وقتتون بخیر
من دیروز یه سوالی تو این پست (http://barnamenevis.org/showthread.php?487079-%D8%A8%D9%87-%DA%86%D9%87-%D9%86%D8%AD%D9%88%DB%8C-%D8%AA%DA%AF-a-hover-%D8%B1%D9%88-%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%DA%A9%D9%86%D9%85-%DA%A9%D9%87-%DA%A9%D9%84-%D8%A7%D8%B7%D8%B1%D8%A7%D9%81-%D9%85%D8%AA%D9%86-%D9%85%D9%88%D8%B1%D8%AF-%D9%86%D8%B8%D8%B1-%D8%B1%D9%88-%D8%A8%DA%AF%DB%8C%D8%B1%D9%87%28%D8%B3%D9%84%D9%8 8%D9%84-%D9%85%D8%AA%D9%86-%D9%85%D9%88%D8%B1%D8%AF-%D9%86%D8%B8%D8%B1-%D8%B1%D9%88-%D8%B1%D9%86%DA%AF%DB%8C-%DA%A9%D9%86%D9%87%29) پرسیده بودم؛ که سعید جان دوست عزیزم لطف کرده و جواب رو دادن. ولی چون میخواستم خودم هم انجامش بدم و بعدش به کد سعیدجان نگاه کنم،با کدی که خودم نوشته بودم ور رفتم و تقریبا به همون جوابی که میخواستم رسیدم. حالا کد سعید با کد من فرق داره؛ میخواستم بپرسم آیا در این وقتها و اینجور زمانها، آیا کد من غیر استاندارد هستش یا اینکه نه! (مثل راههای رسیدن به خدا:افسرده:) این رو هم میشه به هر روشی که جواب داد بنویسیم.
کد CSS من :
ul#mylink{
margin-left:6px;
}
ul#mylink li{
background-color:#000;
line-height:50px;
list-style-type:none;
width:85px;
float:left;
display:block;
border-right:2px solid white;
text-align:center;
}
#mylink li a{
display:block;
}
#mylink li a:hover{
background-color:#8c8c8c;
color:white;
}
ul#mylink li:last-child{
border-right:none;
}
کد css سعید:
ul#mylink{
}
ul#mylink li{
background-color:#000;
float:left;
margin-left: 5px;
list-style-type: none;
}
#mylink li a{
height:50px;
padding: 10px;
line-height:50px;
text-decoration: none;
display: block;
color: gray;
}
#mylink li a:hover{
background-color: #8c8c8c;
color: white;
}
شبه کد Html :
<div id="rightbox" class="box">
<ul id="mylink">
<li><a href="index.html">Google</a> </li>
<li> <a href="con.html">Microsoft</a></li>
<li> <a href="index.html">yahoo</a></li>
</ul>
</div>