PDA

View Full Version : مبتدی: راهنمایی در لینک و تغییر رنگ


dmax2328
پنج شنبه 15 بهمن 1388, 12:49 عصر
سلام

یه سوال



<p align="center" dir="rtl">
<font face="aria" size="5" color="#ffffff">
<span style="background-color: #000000">

صفحه اصلی
</span>
</font>
</p>


مثلا همچین کدی دارم که نتیجش به صورت زیر هست

http://img98.com/images/2j9mw187gb3ttw8n94m.jpg


من باید چطور کد رو تغییر بدم که وقتی موس رو اون قرار میگیره رنگ پس زمینه و رنگ نوشته تغییر کنه

و اینکه وقنی من لینک میزارم که با کلیک به صفحه مورد نظر برم فونتم کوچیک میشه همین فونت نمی مونه ؟


تشکر
Lagon666
پنج شنبه 15 بهمن 1388, 13:13 عصر
جواب سوال اول:


<style>
a {
background: black;
color: white;
}

a:hover {
background: green;
color: red;
}
</style>
<a href="#">LINK</a>


جواب سوال دومت هم CSS هست. سعی کن CSS رو خوب یاد بگیری:


http://www.w3schools.com/Css/default.asp
bloodapple
پنج شنبه 15 بهمن 1388, 13:37 عصر
قسمت تنظیم صفحه ی این اموزش و بخون کمکت می کنه . اگه تو دریم ویور اجراش کنی می تونی کداشو ببینی.

pdf دانلود (http://rapidshare.com/files/345730270/Dreamweaver_FA__www.txt.ir_.pdf.html)
dmax2328
پنج شنبه 15 بهمن 1388, 15:21 عصر
ممنون خیلی به دردم خورد یه سوال

الان این کد پس زمینه همراه حرکت موس تغییر میکنه

می خوام نوشتم هم با حرکت موس تغیر رنگ بده باید چه تغیری بدم تو کد




<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}

</style>
</head>

<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="C#‎ontact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>





تشکر
Lagon666
پنج شنبه 15 بهمن 1388, 15:34 عصر
فقط اینو اضافه کردم:


color: red;


که در نهایت این شد:


<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
color: red;
}

</style>
</head>

<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="C#??ontact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
dmax2328
پنج شنبه 15 بهمن 1388, 15:56 عصر
تشکر خدا خیرت بده امروز خیلی کمکم کردی


حالا اگه بخوام بجای یکی از این منوها بجا نوشتش یه تصویر بزارم چی ؟؟
یه دنیا ممنون همیشه موفق باشی
Lagon666
پنج شنبه 15 بهمن 1388, 18:16 عصر
راه اول:


<li><a href="#home"><img src="myimage.jpg" /></a></li>


راه دوم:


<li style="background: url(myimage.jpg);"><a href="#home">Home</a></li>
dmax2328
پنج شنبه 15 بهمن 1388, 19:41 عصر
ممنون من همه اینارو درست کردم با راهنمای شما

ولی وقتی می زارم تو theme.php وب سایت باز نمیشه کل کدم


<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:right;
}
a:link,a:visited
{
display:block;
width:100px;
font-weight:bold;
color:#000000;


background-color:#ffffff ;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:C#‎‎c0066;
color:#ffffff;
}

</style>
</head>

<body>
<ul>
<li><a href=" http://1.melodi98.com/index.html">صفحه اصلی</a></li>
<li><a href=" http://1.melodi98.com/forums.html">تالار گفتمان</a></li>
<li><a href="http://1.melodi98.com/modules.php?name=Your_Account&op=new_user">عضویت</a></li>

<li><img border="0" src="main.gif"></li>

<li><a href=" http://1.melodi98.com/modules.php?name=Your_Account">تنظیمات کاربری</a></li>
<li><a href=" http://1.melodi98.com/modules.php?name=Search">جستجو</a></li>
<li><a href=" http://1.melodi98.com/Contact/">تماس با ما</a></li>
</ul>
</body>
</html>

یعنی چه کارش باید بکنم
Lagon666
پنج شنبه 15 بهمن 1388, 20:37 عصر
اگر این کدی که نوشتی محتوای theme.php باشه نباید مشکلی پیش بیاد.

شاید مرورگرت روی Work office هست.
شاید هم FTP فرصت به روز رسانی فایل جدید و Replace کردن فایل جدید با قدیمی رو نداره.
یا از این قبیل مشکلات...
dmax2328
جمعه 16 بهمن 1388, 01:34 صبح
1 مشکل دیگه اینکه من این کد رو به قالبم اضافه میکنم هر چه لینک تو صفحه دارم تحت تاثیر این کد قرار گرفتن به محض اینکه موس روش بره صورتی میشن در صورتی که این فقط واسه منو ساختم :ناراحت:
Lagon666
جمعه 16 بهمن 1388, 20:50 عصر
درسته، با این کد های CSS ما میگیم هر تگ A که توی صفحه وجود داره باید از همچین قوانینی پیروی کنه.

اما یه راه حل:

اول برای تگ UL یک صفت Class با یه نام انتخاب کن:

<ul class="lagon">

حالا دستورات CSS رو اینطور تغییر بده:


.lagon a{
هر ویژگی که قبلا داشتیم
}


مفهومش اینه که فقط Anchor هایی که توی عنصری که دارای کلاس lagon هستن همچین ویژگی هایی پیدا کنن.
dmax2328
شنبه 17 بهمن 1388, 00:58 صبح
درسته، با این کد های CSS ما میگیم هر تگ A که توی صفحه وجود داره باید از همچین قوانینی پیروی کنه.

اما یه راه حل:

اول برای تگ UL یک صفت Class با یه نام انتخاب کن:

<ul class="lagon">حالا دستورات CSS رو اینطور تغییر بده:


.lagon a{
هر ویژگی که قبلا داشتیم
}
مفهومش اینه که فقط Anchor هایی که توی عنصری که دارای کلاس lagon هستن همچین ویژگی هایی پیدا کنن.


معذرت می خوام متوجه نشدم چطوری کد css رو تغییر بدم میشه تغییر بدین کد منو ویرایش کنید شرمنده انجام دادم ولی کدم بهم ریخت اصلا
Lagon666
شنبه 17 بهمن 1388, 17:48 عصر
بگرد دنبال این:


ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

به جاش اینو بنویس:


ul a
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}