Ovako morao sam redizajnirati seminarski ugl kada tekst (početna, katalog, više...) označim da budu linkovi desi se to da jednostavno ili promjene se u neku lijevu boju, i budu podrctani konkretno "više" dobije ružičastu i bude podcrtano a u css sam naznačio da bude "decoration:none;" druga stvar zajednika svim linkovima je to da kada sam kliknio na jedan od njih da umjesto da bude crven dok sam u toj pod stranci on bude original bijel??? Koristio sam a:hover, a:active, a:link za sve linkove ali i dalje mi je isti problem
CSS :
.okvir {
height: 800px;
width: 955px;
background-image: url(100_4385.jpg);
}
.zaglavlje {
width: 955px;
}
.dugmad {
width: 955px;
}
.dugmad_tekst {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-align: center;
position: static;
padding-top: 0px;
letter-spacing: 1px;
text-indent: -14px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #990000;
text-decoration: none;
}
a:active {
color: #990000;
text-decoration: none;
}
.unutarnji_okvir {
width: 955px;
height: 643px;
}
.nase_vijesti {
width: 185px;
float: left;
height: 300px;
margin-top: 150px;
}
.siva {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.crvena {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
.narandjasta {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
.ponuda_tjedna {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.tekst {
height: 300px;
width: 550px;
float: left;
margin-left: 10px;
margin-top: 150px;
}
.svijet_vijesti {
width: 170px;
float: left;
height: 300px;
margin-left: 10px;
margin-top: 150px;
padding-left: 5px;
}
.tekst {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.podnozje {
height: 40px;
width: 955px;
}
.podnozje {
height: 40px;
width: 955px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-top: 153px;
text-align: center;
}
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Art |</title>
<link href="../stil.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="okvir">
<div class="zaglavlje"><img src="../zagljavlje.jpeg" width="955" height="141"></div>
<div class="dugmad_tekst"><a href="#" class="dugmad_tekst">Početna</a> | <a href="#" class="dugmad_tekst">Proizvodi i usluge</a> | <a href="#" class="dugmad_tekst">Katalog</a> | <a href="#" class="dugmad_tekst">Cjenik</a> | <a href="#" class="dugmad_tekst">Kontakt</a></div>
<div class="unutarnji_okvir">
<div class="nase_vijesti"><span class="siva">Naše vijesti</span><br>
<span class="crvena">Naša nova poslovnica</span><br>
<span class="narandjasta">Poštovani korisnici<br>
Naša nova poslovnica<br>
Otvorena je u Vinkovcima<br>
16.3.2009 god</span> <span class="siva"><a href="#">više...</a></span><br>
<br>
<span class="crvena">Sniženje cijena</span><br>
<span class="narandjasta">Zbog velike financijeske krize<br>
smo odlučiči sniziit naše proizvode</span> <span class="siva"><a href="#">više...</a></span><br>
<br>
<span class="crvena">Uskoro u ponudi</span><br>
<span class="narandjasta">Nudit ćemo izrađivanje, plakata, dizajn knjiga</span> <span class="siva"><a href="#">više...</a></span><br>
<br>
<span class="ponuda_tjedna"><a href="#" class="ponuda_tjedna">Ponuda tjedna</a></span></div>
<div class="tekst">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris quis sapien et magna pharetra feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec suscipit ultrices nisl. Morbi fermentum mi quis nibh. Pellentesque consequat gravida risus. Curabitur orci. Aliquam mattis gravida massa. Donec semper. Nunc nulla velit, vestibulum non, lobortis ut, aliquet in, velit. Nulla nisl odio, volutpat eu, tristique ut, ullamcorper at, nibh. Mauris ultricies iaculis tellus. </p>
<p>Sed volutpat. Aliquam luctus. In sed sapien a velit sodales vehicula. Praesent rhoncus felis sit amet est. Quisque orci nibh, dapibus eu, consectetur ut, auctor sed, dui. Nulla lacinia. Vivamus in eros eu libero dictum mollis. Donec viverra mi sed nulla. Phasellus interdum. Integer a odio. Sed sapien orci, convallis nec, pulvinar eget, accumsan id, turpis. Aliquam erat volutpat. Cras malesuada orci at quam. Pellentesque sed ipsum. </p>
</div>
<div class="svijet_vijesti"><span class="siva">Vijesti iz svijeta</span><br>
<span class="crvena">U susret novoj Photokini</span><br>
<span class="narandjasta">Ovogodišnja Photokina<br>
održava se u Kolnu od 23-10 pa sve di 28.10</span> <span class="siva"><a href="#">više...</a></span><br>
<br>
<span class="crvena">Sigma kupuje Foveon</span><br>
<span class="narandjasta">Najnovije vijesti kolaju netom </span><span class="siva"><a href="#" class="siva">više...</a></span><br>
<br>
<span class="crvena">KODAK lansira RGBW</span><br>
<span class="narandjasta">KODAK je lansirao novu RGBW matricu</span> <span class="siva"><a href="#">više...</a></span></div>
<div class="podnozje">Seminarski rad ALGEBRA © 2009- Art</div>
</div></div>
</body>
</html>
Promjene boja kod linkova
- poruka: 7
- |
- čitano: 3.801
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
Promjene boja kod linkova
17 godina
neaktivan
offline
Promjene boja kod linkova
Ovo je popriličmo puno podataka za većinu nas forumaša .
PSN: alien2710
MGO ID: AI.Alien
RE: Promjene boja kod linkova
zadnji put su mi zvoncali što nisam ostavio kod evo sad vam je sve tu ;) naznačio sam di je html di je css
16 godina
neaktivan
offline
RE: Promjene boja kod linkova
To da link bude bijeli sam si napravio s 'a:link {color: #FFFFFF;'.
Ono što si zaboravio je 'a:visited'. To ubaci iza a:link i raditi će (probah). Time ćeš mjenjati svojstva linkova koji su korišteni.
RE: Promjene boja kod linkova
napravio i kada sam kliknio na početnu svi mi pocrvenili :S
16 godina
online
RE: Promjene boja kod linkova
Ako ti je 10 linkova istih sa adresom # onda kad klikneš na jedan svi će promjenit boju zato što je to jedan te isti link, u tvom slučaju to je #.
Drugo, ako želiš da ti je link crven na onoj stranici kojoj se nalaziš, dodaj mu ovo:
#aktivna_stranica {
color:#FF0000;
}
RE: Promjene boja kod linkova
hvala brate ;)