سورس underline نقطه چین

m_bahare

New Member
سلام
کسی می تونه برای من سورس CSS برای آندرلاین نقطه چین وقتی ماوس روی لینک میره رو بنویسه یا پیدا کنه ؟ ممنون میشم
فوریه !!
 

Babak Sateli

Active Member
اين كد CSS كه خواسته بوديد :

کد:
<style type="text/CSS">
<!--
a:link {
      color:#0000cc;
      background-color:transparent;
      text-decoration:none;
      border-bottom-style: none;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
a:visited {
      color:#9999cc;
      background-color:transparent;
      text-decoration:none;
      border-bottom-style: none;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
a:hover {
      color:#ff0000;
      background-color:transparent
      text-decoration:none;
      border-bottom-style: dashed;
      border-bottom-color: #ff0000;
      border-bottom-width: 1px;}
a:active {
      color:#ff0000;
      background-color:#ffffcc;
     text-decoration:none;
      border-bottom-style: dashed;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
-->
</style>

يك نمونه هم به اين ارسال Attach كردم كه مي تونيد دانلود كنيد و ببينيد.
موفق باشيد
 

Babak Sateli

Active Member
شما هم موفق باشید.
ضمناً یادتان باشد که می توانید با استفاده از Class ها
تنها برخی از لینک ها را به این صورت درست کنید و مابقی
را به حالت عادی برگردانید.
این هم یک مثال :

[web:1a45c29c30]http://www.majidonline.com/babak/Files/dashedClass.htm[/web:1a45c29c30]

اين هم سورس اين فايل HTML :

کد:
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dashed Link Class</title>
</head>

<style type="text/CSS">
<!--
a.dashed:link {
      color:#0000cc;
      background-color:transparent;
      text-decoration:none;
      border-bottom-style: none;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
a.dashed:visited {
      color:#9999cc;
      background-color:transparent;
      text-decoration:none;
      border-bottom-style: none;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
a.dashed:hover {
      color:#ff0000;
      background-color:transparent
      text-decoration:none;
      border-bottom-style: dashed;
      border-bottom-color: #ff0000;
      border-bottom-width: 1px;}
a.dashed:active {
      color:#ff0000;
      background-color:#ffffcc;
     text-decoration:none;
      border-bottom-style: dashed;
      border-bottom-color: #0000cc;
      border-bottom-width: 1px;}
-->
</style>


<body>

<font face="Tahoma" size="2">
<p dir="rtl">
<a href="http://www.yahoo.com">این یک لینک معمولی است</a>
</p>
<p dir="rtl"><a class="dashed" href="http://www.yahoo.com">اما این لینک با استفاده از Class به صورت نقطه چین است</a>
</p>
</font>


</body>

</html>

اگر سوال و يا مشكلي بود در خدمت هستم.
 

جدیدترین ارسال ها

بالا