Помогите с CSS Кодом
Страницы: 1 2 След.
[ Закрыто ] Помогите с CSS Кодом
Помогите сделать в CSS Коде так чтоб когда человек нажимает на Ссылку или Категорию ссылка или категория меняла свой цвет , чтоб человеку понятно было где он находится ....
Вот Код сайта http://zootop.org/ :


Код
@im * port url("local.css");
*{margin:0;padding:0}
html,body,form,p {padding: 0px; margin: 0px; }
html, body {
    background-color: #FEF8AB; 
   height: 100%
}

body{
    text-align: left; 
   font-size: 70%; 
   font-family: Tahoma, Arial, Verdana; 
   color: #000000; 
   background: url('img/img/pixel.gif') no-repeat; background-attachment: fixed;
}
select, input, div, span, font, textarea {
    font-size: 100%; 
   font-family: Tahoma, Arial, Verdana;
}
table.adn {
    border: none; 
   border-collapse: collapse; 
   width: 100%;
}
table.adnh {
    border: none; 
   border-collapse: collapse; 
   width: 100%; 
   height: 100%;
}
table.adw {
    border: none; 
   border-collapse: collapse;
}
a img, img, html, body{border: none;}
a img, img, a {outline: none !important;}
*:focus { outline: none; }
td{
    padding: 0px; 
   vertical-align: top; 
   text-align: left;
}
.mid, tr.mid td{
    vertical-align: middle;
}
.bot{
    vertical-align: bottom;
}

.fil1{overflow: hidden; height: 4px; width: 100%;}
.fil{overflow: hidden; height: 6px; width: 100%;}
.fil2{overflow: hidden; height: 14px; width: 100%;}
.arc{font-family: Arial, Tahoma, Verdana;}
.upc{text-transform: uppercase;}
.vright{text-align: right;}
.vleft{text-align: left;}
.vcent{text-align: center;}
.white {background-color: #FEF8AB;}
a {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
.profi{width: 100%; color: #54FF9F; font-size: 170%; padding-bottom: 60px; text-align: center;}
.bf{font-weight: bold;}
.inbr{border: 1px solid #CCCC66; padding-left: 2px; padding-right: 2px;}
textarea{border: 1px solid #CCCC66; padding: 1px;}


.highslide-active-anchor img {visibility: hidden;}
.highslide-wrapper {background: #FFF68F;}
.highslide-image {border: 4px solid white; background-color: #FFF68F;}
.highslide-loading {display: block; color: white; font-size: 100%; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black;}
a.highslide-loading, a.highslide-loading:hover {color: white; font-weight: bold; text-decoration: none; }
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}
a.highslide-full-expand {display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.controlbar {width: 127px; height: 34px;}
.controlbar a {display: block; float: left; height: 27px;}
.controlbar .previous {width: 50px;}
.controlbar .next {width: 40px; background-position: -50px 0;}
.controlbar .close {width: 36px; background-position: -130px 0;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}



.unit-rating {list-style:none; height: 20px; position: relative; padding: 0px; margin: 0px;}
.unit-rating li{text-indent: -90000px; float: left; padding: 0px; margin: 0px;}
.unit-rating li a {outline: none; display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.unit-rating li.current-rating {position: absolute; height: 20px; display: block; text-indent: -9000px; z-index: 1;}
.unit-rating li a:hover{z-index: 2; left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 20px;}
.unit-rating a.r2-unit{left: 20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}



div.dvmenusmall {text-align: left; display: block; margin: 0 -4px 0 -4px;}
.dtree img {vertical-align: middle;}
.dtree a, .dtree a:hover {text-decoration: none;}



.container {width: 100%; padding-bottom: 4px;}
.fix{overflow: hidden; height: 3px; background-color: #df6961; width: 100%;}
.headlink {color: #CCCC00; padding: 5px 16px; border-top: 1px solid #CCCC00; border-bottom: 1px solid #CCCC00; background: #E58A40 url('img/img/fon1.gif') repeat-x top left;}
.center {padding: 0 4px;}
.headlink a, .poisk a{color: #CCCC00; text-decoration: none;}
.headlink a:hover, .poisk a:hover{color: #CCCC00; text-decoration: underline;}

.htba{height: 94px; background: #FF4500 url('img/img/fon2.gif') repeat-x top left; padding-left: 15px;}
.htbb{padding-right: 16px; background: #FF4500 url('img/img/fon2.gif') repeat-x top left; width: 50%;}
.fonta{color: #ffffff; font-size: 200%; font-family: "Trebuchet MS", Arial, Verdana;}
.fontb{color: #ffffff; padding-left: 1px; font-size: 120%; font-family: "Trebuchet MS", Arial, Verdana;}

.poisk{color: #ffffff; width: 100%; background: #757A7B url('img/img/fon3.gif') repeat-x top left; border-top: 1px solid #ffffff;}
.poisk1{color: #ffffff; padding: 0px 16px; height: 30px;}
.btbl{text-align: left; color: #ffffff; padding: 0px 16px; height: 70px; background: #df6961 url('img/img/bfon.gif') repeat-x bottom left;}
.delm {margin: 0px 4px; cursor: default;}

.inn
{   
   position: relative;
   cursor: default;
   top:-5px;
   float: right;
}


.pform{width: 400px; border: 1px solid #616265; padding-left: 2px;}
.stat {font-family: Tahoma, Arial, Verdana !important;}


.left, .right {width: 190px; background: #CCCC99 url('img/bg.jpg') repeat-y top left;}
.left {width: 194px; background-color: #CCCC99;}
.right {width: 194px; background-color: #E1E2E5;}
img.fixwidth {width: 194px; height: 1px;}
.blmtop{margin-top: 4px;}
.blm{padding: 0px;}
.cbt {padding: 4px 8px; background-color: #CCCC99;}
.hd {padding: 5px 8px; background: #ca2f26 url('img/img/t_red.gif') repeat-x top left; color: #ffffff;}
.hd_red {padding: 5px 8px; background: #ca2f26 url('img/img/t_red.gif') repeat-x top left; color: #ffffff;}
.hd_#FFF68F {padding: 5px 8px; background: #ca2f26 url('img/img/t_green.gif') repeat-x top left; color: #ffffff;}
.hd_rd {padding: 5px 8px; background: #ca2f26 url('img/img/t_rd.gif') repeat-x top left; color: #ffffff;}

.hdb {padding: 12px 12px 14px 12px;}
.hdbtop {padding: 8px;}
.hdbot{background: #CCCC99; padding: 4px 8px;}
.hd a {color: #ffffff; text-decoration: none;}
.hd a:hover {color: #ffffff; text-decoration: none;}



table.gre {border: 1px solid #D7D3D0; border-bottom: 0px;}
.lt1{ background-color: #F0EFEE; border-bottom: 1px solid #D7D3D0;}
.lt2{ border-bottom: 1px solid #D7D3D0;}
.cnt{ border-left: 1px solid #D7D3D0;}
.ctt {padding: 4px 8px; background-color: #F0EFEE;}
.pad{padding: 8px 8px;}
.padt{padding: 4px 8px;}



.price{ color: #DF7017; font-size: 120%; font-weight: bold;}
#axcrt{border: 3px double #E48234; background: #FFEBB2; z-index: 100; width: 300px; height: 58px; font-size: 120%; padding-top: 42px;}
table.nl tr td a {text-decoration: none;}
table.nl tr td a:hover {text-decoration: underline;}
a.noline {text-decoration: none;}
a.noline:hover {text-decoration: underline;}
a.nl, a.nl:hover {text-decoration: none;}
.oki{color: #339933;}
.error{color: #FF4500;}
.cattop {margin-top: 4px; padding: 4px 0px;}
.imbox {padding-left: 8px;}
img.delim, td.delim{width: 4px; height: 4px;}
     
    /*Color headers*/
div.header{cursor:default;}
div.header, div.header *{height:24px;}
div.header *{float:left;}
div.header img{float:none;height:14px; width:23px;}
div.header div.ct{height:24px;background-repeat:repeat-x;float:left;padding:2px 17px 0 17px;font-weight:bold;}
/*настройки кнопок*/
#header_02 {margin-top:10px;position: relative;z-index: 1;right: -30%;}
#header_02 div.ct{color:#fff;}
#header_02 div.ct:hover {color:red;}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 6px 6px;
}

#parsetime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
  background: #f1f1f6;
  text-align:center;
}

.imgsub
{
  padding-left:5px;
}
/* блок ссылок content, information */
a.content 
{
   padding-left: 15px;
   background-image: url(img/icon_arrow_2.gif); 
   background-repeat: no-repeat;
}
        

h1.contentBoxHeading {
  color: #3f507d;
  text-decoration: none;
  font-size: 15px;
}

.CatNavi
{
   padding-left: 25px;
}

.CatLevel1,
.CatLevel2, 
.CatLevel3,
.CatLevel4,
.CatLevel5,
.CatLevel6
{
   list-style-type: none; 
   padding-left: 17px;
   padding-top: 2px;
   background: url('img/tree1.gif') no-repeat; 
   background-position: 0px 0px;
}


#CatNavi{
   padding: 0;
   margin: 0;
}

.SubMenue{
   background: url(img/tree3.gif) no-repeat top left;
}
.CurrentParent, .Current{
   background: url(img/tree2.gif) no-repeat top left;
}
li.Current{
   font-weight: bold;
}
.Current ul li 
{
   font-weight: normal;
}

#categoriesBoxMenu a
{
   text-decoration: none;
}

td.hd_red a
{
   color: #ffffff;
   text-decoration: none;
}

td.hd_red a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

.footer {
   color: #ffffff;
}

.footer a {
   color: #ffffff;
   text-decoration:underline;
}

ul.ajaxQuickFind {
   background-color: #00ff00;
   border: 1px solid #0C0;
   padding: 4px;
   margin: 4px;
   background-color: #CFC;
}

ul.ajaxQuickFind li 
{
   text-decoration:none;
   list-style:none;
}

ul.ajaxQuickFind li  a
{
   text-decoration:none;
}

#errormsg li 
{
   text-decoration:none;
   list-style:none;
}

#errormsg
 {
     border: 2px solid #c00;
     padding: 5px;
     width: 96%;
    margin-bottom:10px;
}    

.error
 {
    background: #fcc;
}

.products_info
{
    padding-left: 10px;
}
Код
   a:active {
    color: #ffffff; /* Цвет активной ссылки */ 
   } 
Читай этот топ http://www.html.by/threads/6768-izmenenie-cveta-ssylki-posle-nazhatija...
Цитата
Валентин Романько пишет:
Код
   a:active {
    color: #ffffff; /* Цвет активной ссылки */ 
   } 


Это где то вставить нужно или заменить ?
Я в Дизайне полный 0
Цитата
dsugar пишет:
Читай этот топ http://www.html.by/threads/6768-izmenenie-cveta-ssylki-posle-nazhatija...


Я не просто так выложил код....потому как данный Код для меня Дремучий лес....этот топик где Вы ссылку выложили я читал....но не знаю куда и что ставить.....
Конечно спасибо Вам за совет но увы не пойму куда и что...
Изучайте основы, это не так трудно smile:)
Цитата
RUPak пишет:
Изучайте основы, это не так трудно


Изучаю, и Видео уроки и Так на Форумах, но не могу пока понять куда это вставить....пробовал только что поставить в разных местах Кода но ничего не произошло
Вас в гугле забанили?? http://www.google.by/search?client=opera&rls=ru&q=%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D1%86%D0%B2%D0%B5%D1%82+%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8&sourceid=opera&ie=utf-8&oe=utf-8
RUPak,

Скажите мне на милость : Зачем нужны Форумы и в частности Разделы Дизайна ? Я так понимаю чтоб задать вопрос и получить ответ ?! Или я ошибаюсь ???????
Гугл не Банил.....пролазил все но не нашел куда вставить приводимые Коды, я ставлю, а цвет не меняется
mix2706

Если вы смотрели Видео-уроки, то там ЯСНО вам должны были сказать про id и class и то, что есть между лапками, например class="а тут название"

Теперь пример работы в div`e:
<div id="links">
< a href="#" >Ссылка</a>
</div>

п.с. Это было html, а вот и css к этому диву:
#links a {color:#000;}
#links a:hover{color:#CCCCCC;}
#links a:activ{color:#FFDEAD;}

Теперь разберем, что есть что:
#links - непосредственно айди дива, которое мы написали тут: <div id="links">
a - параметр относящийся к тегу <a>, то есть все теги <a> в диве с айди links будут цветом #000 (Это текст ссылки)
a:hover - цвет ссылки при наведении на нее курсора мышки
a:activ - цвет ссылки после клика по ней

п.с. Может где допустил ошибку, не проверял только что..
И форум может разорвать некоторые теги пробелами, так что по убирай пробелы не нужные
Изменено: Олег - 15 Апреля 2011 15:03
Олег,

Спасибо за очередной урок , но ничего не получается КСС код выложил здесь, куда мне нужно добавить то что Вы выложили ?
В Какие Файлы ? В КСС коде нет class= и в Индекс НТМЛ и ПХП
в css классы записываются как .имя_класса
С вашими знаниями лучше даже на форумы не идти, ибо запинают за дебилизм идти на форумы с такими знаниями.
Вы наверное свои видео уроки только открыли, быстро проклоцали и забили. Поверьте, если вы не можете разобраться в том, что css-код лежит в файле формата css, а html в файле формата html, то что говорить про классы, которые нужно приписывать к div`ам?

з.ы. На форумах объясняют не "азы" и "основы", а более тяжелые функции или помогают разобраться с редкими скриптами, которые неопытным программистам не под силу.
Это в html код страницы:
Код
<div id="links">
< a href="#" >Ссылка</a>
</div>


Это в css:
Код
#links a {color:#000;}
#links a:hover{color:#CCCCCC;}
#links a:active{color:#FFDEAD;} 

Можно либо в файл со стилями вставить, так же можно непосредственно в html код страницы - это будет выглядеть так:
Код
<st yle>
#links a {color:#000;}
#links a:hover{color:#CCCCCC;}
#links a:active{color:#FFDEAD;} </style>
(в треугольных скобках в слове уберите лишний пробел, он сам вставляется)
Изменено: krasti - 16 Апреля 2011 15:25 (не получается убрать пробел из слова "style")
Цитата
a:active {
color: #ffffff; /* Цвет активной ссылки */
}

ну вы дремичий - конкретно - #ffffff - fffff- это цвет ссылки, заменить на другой цвет , типа #FF0099
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
22:25 Стоит ли добавлять сайт в Rambler топ 100? 
18:09 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:06 Влияние ссылок буржнете 
10:53 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 
08:36 Обновления интерфейса яндекс метрики 
15:13 Рапида умерла. Куда выводить с AdSense? 
15:05 Чем заменили ТИЦ? 
22:15 Криптовалютный обменник Xgram.io - новое воплощение качества 
15:49 Проверка на индекс в Telegram боте @SpeedyIndexbot 
13:47 HidMark.com - естественные ссылки от 1.5$ Естественные ссылки. Крауд-маркетинг. 
12:05 USMobileSMSBot - 
11:16 4G/LTE Mobile Proxy 30+ geo  
15:34 «Взрываем языковые преграды» – переводим любые тексты 
15:31 Доходные сайты под бурж 
22:09 Точные прогнозы на футбол 
19:49 Текст.ру преподнёс "подарок" 
18:12 Подтягиваем физкультурку 
13:45 В России снизили беспошлинный порог для онлайн-покупок 
13:30 Тренды заработка 2024-2025 
13:12 Суд постановил заблокировать Telegram 
11:10 150+ хакерских поисковых систем и инструментов