Въпрос за CSS.

B

boor

Registered
Код: 
<style type="text/css">
/*----------Text Styles----------*/
.style1 {font-size: 6px;}
.style2 {font-size: 7px;}
.style3 {font-size: 8px;}
.style4 {font-size: 9px;}
.style5 {font-size: 10px;}
.style6 {font-size: 11px;}
.style7 {font-size: 12px;}
.style8 {font-size: 13px;}
.style9 {font-size: 14px;}
.style10 {font-size: 15px;}
.style11 {font-size: 16px;}
.style12 {font-size: 17px;}
/*----------Text Styles----------*/
</style>

<style type="text/css">


</style>

Сега има 1 стил.Как мога да сложа друг дори и 3-ти и аз да определям на кой линк кой стил да е :oops:
 
Не ме разбра това мие за шрифта.Искам да е нещо като менюто на youTube.Някой са dotted други са по друг начин.Аз знам какво точо искам но не знам как да определя едното да е по един начин другото по друг - www.youtube.com
 
.copyright { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}
.copyright a { color: #FFFFFF; text-decoration: none;}
.copyright a:visited { color: #FF9933; text-decoration: none;}
.copyright a:hover { color: #FF6600; text-decoration: underline;}

.copyright1 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}
.copyright1 a { color: #FFFFFF; text-decoration: none;}
.copyright1 a:visited { color: #FF9933; text-decoration: none;}
.copyright1 a:hover { color: #FF6600; text-decoration: underline;}
 
Ами правиш различни класове. В класовете настриваш а таговете да се визуализират както искаш. Тоя клас го слагаш в полето,което искаш линка да е различен. Cocobrais ти е показал как.
 
Код: 
<style type="text/css">
/*----------Text Styles----------*/
.style1 {font-size: 6px;}
.style2 {font-size: 7px;}
.style3 {font-size: 8px;}
.style4 {font-size: 9px;}
.style5 {font-size: 10px;}
.style6 {font-size: 11px;}
.style7 {font-size: 12px;}
.style8 {font-size: 13px;}
.style9 {font-size: 14px;}
.style10 {font-size: 15px;}
.style11 {font-size: 16px;}
.style12 {font-size: 17px;}
/*----------Text Styles----------*/

</style>

<style type="text/css">


</style>


<style type="text/css">


</style>

Ето точно какво искам.В CSS-a сега има два стила,как да определям,кой на кой линк да е?
 
Е два различни са.единият е dotted другия просто става с определен цвят.Как мога да определя на кой линк кое да седи?Може ли пример със линк,че нещо не мога да зацепа.До севга съм работил само с една декорация така да се каже.
 
Ni6to ne e razli4no....

Tova sa ti stilovete..

.copyright { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}
.copyright a { color: #FFFFFF; text-decoration: none;}
.copyright a:visited { color: #FF9933; text-decoration: none;}
.copyright a:hover { color: #FF6600; text-decoration: underline;}

.copyright1 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}
.copyright1 a { color: #FFFFFF; text-decoration: none;}
.copyright1 a:visited { color: #FF9933; text-decoration: none;}
.copyright1 a:hover { color: #FF6600; text-decoration: underline;}

Tova sa ti dvata razli4ni stila prilojeni

<a class="copyright" href="saita.pnp">

<a class="copyright1" href="saita.pnp">
 
пред това "а" му сложи класа,който искаш да има такъв стил.

пример:
.style1 a {color:#ffffff;}
.style1 a:hover{color:#666666;}

Тук тоя .style1 ,на който елемент го зададеш ,линковете в него ще са с цвета,който си определил(или там както исаш,дали шрифт и т.н.)

Другия стил:
.style2 a{color:#555555;}
.style2 a:hover{color:#333333;}

слагаш на друг елеметн и линковете в тоя елемент ще са от стил2.


<div class="style1">
< a href="#">Tuk 6te ima stil1 (.style1)</a>
</div>

<div class="style2">
< a href="#">Tuk 6te ima stil2 (.style2)</a>
</div>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе