Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

как в Dw изменить цвет и стиль ссылки
1, 2, 3  .
 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
Блуждающий
Новичок

Новичок




: 03.04.2005
: 8

: 03, 2005 1:48 pm     : как в Dw изменить цвет и стиль ссылки

при переопределении тэга "а", все ссылки меняют цвет. Как сделать, чтобы ссылки в меню, например, были одного цвета (и не подчеркнутые), а в тексте другого?

жду ответа
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 03, 2005 7:45 pm     :

Это делается с CSS. Просто назначаете разные стили.
andrei
Новичок

Новичок




: 04.04.2005
: 3

: 04, 2005 1:09 am     :

U menja podobnaja problema. Ne mogu s pomoshju CSS zadatj 2 stilja a:hover dlja odnoi stranitsi. Podskazite kak eto sdelatj.
Блуждающий
Новичок

Новичок




: 03.04.2005
: 8

: 04, 2005 9:40 pm     :

admin ():
Это делается с CSS. Просто назначаете разные стили.

то-то и оно. В css переопределяю стиль тэгу "а" и меняются все ссылки...
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 05, 2005 8:35 pm     :

Создаете два (можно и больше) стилей, например first и second и каждому описываем свойства.
[code:1:65074015b5].first {font-size: 15px;}
a.first:link,a.first:visited,a.first:active { text-decoration: none; color: #0000FF; }
a.first:hover { text-decoration: underline; color: #00FFFF; }

.second {font-size: 18px;}
a.second:link,a.second:visited,a.second:active { text-decoration: none; color: #FF0000; }
a.second:hover { text-decoration: line-through; }[/code:1:65074015b5]
И стили прописываем ссылкам:
[code:1:65074015b5]<a href="#" class="first">link1</a>
и
<a href="#" class="second">link2</a>[/code:1:65074015b5]

Думаю объяснил понятно. Wink
andrei
Новичок

Новичок




: 04.04.2005
: 3

: 06, 2005 2:13 am     :

Spasibo ja razobralsja.
Mehan1k
Новичок

Новичок




: 04.05.2005
: 12

: 07, 2005 12:49 pm     :

Блин а вот до меня что то не доходит.
Я вижу как это написать в ручную а как в программе Dremweaver всё это обозначить и создать? Я ручками мало что могу Rolling Eyes
Mehan1k
Новичок

Новичок




: 04.05.2005
: 12

: 19, 2005 7:37 pm     :

Хочу ответить на свой же вопрос Smile
Для того что бы назначить действия ссылкам :
В правом верхнем углу окно "Design"
Жмём правой кнопкой на мыши на <style>
В выпавшем меню жмём "Edit"
В появившемся окне -> "New"
Меню "Selector" выбираем действия (a:link-то что мы видим в дриме,a:vizited-то что мы увидим на готовой не посещённой страничке,a:hover-такую ссылку мы увидим при наведении курсора, a:active-ссылка во время посещения)
Меню "Selector type" выделяем строку "Advanced (IDs, contextual selectors, etc)"
Меню "Define in" нужно выбрать : если у вас отдельный CSS файл то в выпадающем меню нужно выбрать его, если вставить в страницу то выделить точкой строку "This document only"(я использую 2-й случай)
Далее в появившемся меню назначаем вид нашей ссылки в том или ином действии (можно поэксперементировать)
После всех настроек жмём ok и далее Done, после всего этого в окне Design появится строчка с нашими назначениями, которые опять же можно отредактировать.
Денис
Модератор

Модератор


: 43

: 21.08.2004
: 1490
: Санкт-Петербург

: 20, 2005 9:34 pm     :

Mehan1k, спасибо за то, что не скрыли от всех свои же ошибки! Может быть, остальные посетители будут учиться на них?
Mehan1k
Новичок

Новичок




: 04.05.2005
: 12

: 21, 2005 10:37 am     :

Денис ():
Mehan1k, спасибо за то, что не скрыли от всех свои же ошибки! Может быть, остальные посетители будут учиться на них?

Рад помогать Exclamation
lyuba
Новичок

Новичок


: 38

: 11.06.2005
: 20

: 12, 2005 11:47 pm     :

Подскажите, пожалуйста подробнее, (по поводу как в меню ссылки одним цветом делать, а в тексте - другим)

у меня не выходит два стиля создать сразу, делаю один - все автоматические настройки слетают, делаю второй- он ломает предыдущий стиль. и Дрим ругается, говорит, все настройки для тега "а" , то есть ссылок уже сделаны.. Как сделать так, чтобы стиль применялся только к заданной ссылке (например в меню), а не по всему тексту?
sandro
Модератор

Модератор


: 53

: 21.08.2004
: 95

: 13, 2005 4:29 am     :

Люба почитай вот это - http://dreamweaver.net.ru/forum/viewtopic.php?t=481 может поможет...
lyuba
Новичок

Новичок


: 38

: 11.06.2005
: 20

: 13, 2005 1:08 pm     :

Sandro, спасибо, это все понятно, я так и делаю... Но у мння не получается на одной странице применить два вида стилей для ссылок. Даже если задаю стиль ссылки для тега "р" , ссылки меняются по всему тексту, хотя для текста я не давала команды применения этого стиля. Также если я задаю для тега "а" происходит тоже самое... У меня вопрос как сделать, чтобы свойства ссылки в меню, которое я задаю отдельно, "не цепляло" ссылки, которые идут по тексту?
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 13, 2005 2:56 pm     :

а через классы не пробовали?

Подробности - тут - http://htmlbook.ru/content/?id=57
sandro
Модератор

Модератор


: 53

: 21.08.2004
: 95

: 13, 2005 5:39 pm     :

Вот посмотри мой CSS файл... Может это тебе поможет, ну не могу я обьяснить виртуально про CSS, у меня все получается, как мне надо! Этот стиль задает несколько разнообразных стилей для различных меню на одной странице...
:
.menuitem:link {
font: 12px "Times New Roman", Times, serif;
background-color: #FFFFCC;
color: black;
text-decoration: none;
padding-left: 1em;
width: 100%;
border-top: 1 dashed #009900;
border-right: 1 dashed #009900;
border-bottom: 0 dashed #009900;
border-left: 1 dashed #009900;

}
.menuitem:visited
{
font: 12px "Times New Roman", Times, serif;
color: black;
text-decoration: none;
padding-left: 1em;
width: 100%;
border-top: 1 dashed #009900;
border-right: 1 dashed #009900;
border-bottom: 0 dashed #009900;
border-left: 1 dashed #009900;

}
.menuitem:active
{
color: black;
text-decoration: none;

}
.menuitem:hover
{
color: white;
background-color: #009900;
text-decoration: none;


}
.history:link {
font: 12px Arial, Helvetica, sans-serif;
background-color: #FFFFCC;
color: black;
text-decoration: none;
padding-left: 1em;
width: 100%;
border-top: 0 dashed #009900;
border-right: 0 dashed #009900;
border-bottom: 1 dashed #009900;
border-left: 1 dashed #009900;
text-align: center;

}
.history:visited
{
font: 12px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding-left: 1em;
width: 100%;
border-top: 0 dashed #009900;
border-right: 0 dashed #009900;
border-bottom: 1 dashed #009900;
border-left: 1 dashed #009900;
text-align: center;

}
.history:active
{
color: black;
text-decoration: none;
text-align: center;

}
.history:hover
{
color: white;
background-color: #009900;
text-decoration: none;
text-align: center;


}
.menu-top:link {
font: 12px Arial, Helvetica, sans-serif;
background-color: #FFFFCC;
color: black;
text-decoration: none;
padding-left: 1em;
width: 100%;
border-top: 0 dashed #009900;
border-right: 1 dashed #009900;
border-bottom: 1 dashed #009900;
border-left: 0 dashed #009900;
text-align: center;

}
.menu-top:visited
{
font: 12px Arial, Helvetica, sans-serif;
color: black;
width: 100%;
border-top: 0 dashed #009900;
border-right: 1 dashed #009900;
border-bottom: 1 dashed #009900;
border-left: 0 dashed #009900;
text-decoration: none;
}
.menu-top:active
{
font: 12px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
.menu-top:hover
{
color: white;
background-color: #009900;
text-decoration: none;
}
.news {
font: 12px "Courier New", Courier, mono;
}
.title-1 {
font: bold 14px "Courier New", Courier, mono;
background: #99FF99 center center;
margin: 0px;
padding: 0px;
width: 100%;
}.title-2 {
font: bold 14px "Courier New", Courier, mono;
background: #FFCC00 center center;
margin: 0px;
padding: 0px;
width: 100%;
}
hr {
border: 1px dashed #009900;
}
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1, 2, 3  .
1 3

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 137783 / 0

Rambler's Top100 @Mail.ru