Jump to content
  • 0

ccs

kerzo

Asked by kerzo,

 Share

Question

kerzo Explorer

kerzo

Posted
Posted (edited)

Добрый день. Подскажите мне пожалуйста кто нибудь -

как мне зделать так чтобы ссылки подсвечивались меняли цвет и т.д.

Куда мне вставлять коды :D пока не разобрался еще.

Коды есть а как и куда незнаю.Если кто откликнется то большое спасибо! :D

пишите на емайл-здесь быстрее прочитаю

Edited by kerzo
Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0
Justnewone Explorer

Justnewone

Posted
Posted
Добрый день. Подскажите мне пожалуйста кто нибудь -

как мне зделать так чтобы ссылки подсвечивались меняли цвет и т.д.

Куда мне вставлять коды :D пока не разобрался еще.

Коды есть а как и куда незнаю.Если кто откликнется то большое спасибо!http://forum.htmlbook.ru/style_images/elegance/folder_post_icons/icon12.gif

пишите на емайл-здесь быстрее прочитаю

Покажите Ваш код. Иначе, чувствую, все может затянуться.

Link to comment
Share on other sites
  • 0
kerzo Explorer

kerzo

Posted
  • Author
Posted
Покажите Ваш код. Иначе, чувствую, все может затянуться.

<html>

<head>

<title>Ссылки светятся ( при наведении курсора)</title>

<style type="text/css">

.nav { COLOR: #ffff00; FONT-FAMILY: arial; FONT-SIZE: 10pt; LEFT: 150px; POSITION: absolute; TEXT-DECORATION: none}

</style>

<script language="JavaScript">

<!--

var i_strength=0

var max_strength=6

var shadowcolor="red"

var timer

var speed=50

var thisobj

function stopfilter(thisdiv){

if (document.all) {

clearTimeout(timer)

thisobj=thisdiv

thisobj.style.filter=" "

}

}

function startfilter(thisdiv){

if (document.all) {

clearTimeout(timer)

thisobj=thisdiv

morefilter()

}

}

function morefilter(){

if (i_strength <=max_strength) {

thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"

i_strength++

timer = setTimeout("morefilter()",speed)

}

else {

clearTimeout(timer)

lessfilter()

}

}

function lessfilter(){

if (i_strength >=0) {

thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"

i_strength--

timer = setTimeout("lessfilter()",speed)

}

else {

clearTimeout(timer)

morefilter()

}

}

// -->

</SCRIPT>

</head>

<body>

<div class="nav" id="news" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 10px"><a href="http://studia.scriptic.ru" style="color: #ffff00">ГЛАВНАЯ СТРАНИЦА</a></div>

<div class="nav" id="contact" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 30px"><a href="http://studia.scriptic.ru" style="color: #ffff00">JAVASCRIPT</a></div>

</body>

</html>

Link to comment
Share on other sites
  • 0
kerzo Explorer

kerzo

Posted
  • Author
Posted
Автор, уберите ява скрипт и делайте через css, ява скрипт тут ни к чему.

а код куда ставить ccs перед чем

Автор, уберите ява скрипт и делайте через css, ява скрипт тут ни к чему.

совсем мало понимаю как убрать яву

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted (edited)
Автор, уберите ява скрипт и делайте через css, ява скрипт тут ни к чему.

Это точно, прочтите тут или тут например, если по ссылкам выше будет не совсем понятно.

А еще лучше, потратьте время на раздел этого сайта под названием "шаг за шагом".

Edited by Justnewone
Link to comment
Share on other sites
  • 0
kerzo Explorer

kerzo

Posted
  • Author
Posted
Автор, уберите ява скрипт и делайте через css, ява скрипт тут ни к чему.

JAVASCRIPT</a></div> - вот это убрать нужно

Это точно, прочтите тут или тут например, если по ссылкам выше будет не совсем понятно.

А еще лучше, потратьте время на раздел этого сайта под названием "шаг за шагом".

спасибо большое!!!!!!!! :D

Link to comment
Share on other sites
  • 0
rus Explorer

rus

Posted
Posted
а код куда ставить ccs перед чем

1) Создаешь файл и называешь его например style.css.

2) Записываешь в него код примерно следующего содержания:

.nav a {
COLOR: #ffff00; // это и есть цвет ссылки. насчет того какие есть еще атрибуты см. выше я привел ряд ссылок на инфу
FONT-FAMILY: arial;
FONT-SIZE: 10pt;
LEFT: 150px;
POSITION: absolute;
TEXT-DECORATION: none
}

3) А в твоем html файле подключаешь этот файл со стилями между тегами:

<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

А ява скриптовый код можешь удалить

4) Ну и соответственно на странице у тебя в коде будет:

<div class="nav" id="news"><a href="http://studia.scriptic.ru">ГЛАВНАЯ СТРАНИЦА</a></div>
<div class="nav" id="contact"><a href="http://studia.scriptic.ru">JAVASCRIPT</a></div>

не знаю для чего здесь: id="news" , но удалять его не стал.

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted (edited)
JAVASCRIPT</a></div> - вот это убрать нужно

<html>
<head>
<title>Ссылки светятся ( при наведении курсора)</title>
<style type="text/css">
.nav {color: #FF0; font-family: arial; font-size: 10pt; left: 150px; top:10px; position: absolute; text-decoration: none}
#contact {top:30px;}
.nav A{color:#F00}
.nav A:link{color:#F0F;}
.nav A:active{color:#0FF}
.nav A:hover{color:#FF0}
.nav A:visited{color:#0F0}
</style>
</head>
<body>
<div class="nav" id="news"><a href="http://studia.scriptic.ru">ГЛАВНАЯ СТРАНИЦА</a></div>
<div class="nav" id="contact"><a href="http://studia.scriptic.ru">JAVASCRIPT</a></div>
</body>
</html>

Сравните и постарайтесь разобраться.

Edited by Justnewone
Link to comment
Share on other sites
  • 0
rus Explorer

rus

Posted
Posted
JAVASCRIPT</a></div> - вот это убрать нужно

Нет, ява скрипт это вот это:

<script language="JavaScript">
<!--
var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=50
var thisobj
function stopfilter(thisdiv){
if (document.all) {
clearTimeout(timer)
thisobj=thisdiv
thisobj.style.filter=" "
}
}
function startfilter(thisdiv){
if (document.all) {
clearTimeout(timer)
thisobj=thisdiv
morefilter()
}
}
function morefilter(){
if (i_strength <=max_strength) {
thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
i_strength++
timer = setTimeout("morefilter()",speed)
}
else {
clearTimeout(timer)
lessfilter()
}
}
function lessfilter(){
if (i_strength >=0) {
thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
i_strength--
timer = setTimeout("lessfilter()",speed)
}
else {
clearTimeout(timer)
morefilter()
}
}
// -->
</SCRIPT>

Да, и вот это тоже можно будет убрать, если будете подключать файл style.css со стилями:

<style type="text/css">
.nav { COLOR: #ffff00; FONT-FAMILY: arial; FONT-SIZE: 10pt; LEFT: 150px; POSITION: absolute; TEXT-DECORATION: none}
</style>

Link to comment
Share on other sites
  • 0
ivanivanich Explorer

ivanivanich

Posted
Posted

Подскажите решение проблемы. Мне в CSS нужно прописать два стиля для ссылок hover. Как задать стиль одной ссылке понятно

A:hover

{

описание стиля

}

Как сделать несколько? Пробывал

A:style1.hover и потом вставлял <div class="style1"> в код страницы. Не получается, об остальных пробах писать не буду.

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
Подскажите решение проблемы. Мне в CSS нужно прописать два стиля для ссылок hover. Как задать стиль одной ссылке понятно

A:hover

{

описание стиля

}

Как сделать несколько? Пробывал

A:style1.hover и потом вставлял <div class="style1"> в код страницы. Не получается, об остальных пробах писать не буду.

Если у тя в блоке <div class="style1"> лежит ссылка, то так div.style1 a:hover { color: red;}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept