E,ovako treba mi pomoc oko preobrazaja teksta,tj napravio sam kada korisnik predje misem preko jednog diva da se njemu promijeni boja,ali ne znam kako da se i tekst u tom divu promijeni?
<div id="Naslov" title="Naziv foruma">
<center>
<h1>
<font face="Ravie">
Neko ime
</font>
</h1>
</center>
</div>
i sad sam napravio u CSS
#Naslov {
width: 1010px;
height: 109px;
color: black;
background-color: #3C7FB8;
position: center;
left: 9px;
top: 9px;
font-size: 30px;
}
i kada predjem strelicom
#Naslov :hover {
background: #CCFFFF;
color: black;
padding: 0.1px;
}
E sada moje pitanje je kako i onaj tekst gore u Divu "NEKO IME" nrp pise Welcome pa kad se predje promijeni se boja i pise to my page....
#Naslov :hover {
color: BOJA_KOJU_ZELIS; <--- npr #FFF;
}
Da da znam to brate ali ja hocu uz to jos
da mi se i tekst promijeni jer u
divu #Naslov je tekst "NEki tekst" (primjer pise "Welcome"
sada korisnik predje preko toga diva mijenja se boja teksta(sto si mi ti pokazao,tj vec znam :D ) i tekst sam iz "Welcome" u "to my blog"
Ako si me shvatio sta zelim reci?
Citat: [DV] Rex poslato Oktobar 16, 2013, 12:03:28 POSLE PODNE
Da da znam to brate ali ja hocu uz to jos
da mi se i tekst promijeni jer u
divu #Naslov je tekst "NEki tekst" (primjer pise "Welcome"
sada korisnik predje preko toga diva mijenja se boja teksta(sto si mi ti pokazao,tj vec znam :D ) i tekst sam iz "Welcome" u "to my blog"
Ako si me shvatio sta zelim reci?
mozes to izvesti na vise nacina:
1.) slikom oba teksta, sad tu mozes staviti sliku preko slike pa kad je hoover na gornjoj opacity: 0, zatim mozes pomicat sliku, itd...
2.) Napraviti oba teksta odjednom i onda gornji sakrivit kad je hoover na divu, a donji prikazati, to mozes css-om s tim da nace raditi na starijim IE verzijama, a mozes i javascriptom, sto ce raditi na svim browserima
3.) Mozes javascritom mijenjati tekst(innerHTML) kad je hoover na div, a kad se makne hoover, vratiti def tekst
Imas jos par solucija, samo nebo ti je granica, a google uÄitelj...
Nisam 100% siguran, ali probaj sa CSS content :)
Najbolja solucija ti je javascript
Necu,raditi smislio sam novi nacin
napravicu logo za forum,uskladiti boje (tj da se samo logo slika vidi) i napraviti :hover na njemu da se on sklone i pojavi se tekst :D
Sada imam novi problem,pa da ne otvaram novu temu
napravim div za nav.bar AboutUS
<div id="AboutUs" class="AboutUs">
<div>
<a href="#close" title="Close" class="close">X</a>
<h2>About Us</h2>
<p>Prvo zelim vam dobrodoslicu na novi blog,Ognjen's blog. </p>
<p>Sada mi mrsko smisljati svakakav tekst i sve pa ce kasnije biti nesto :D.</p>
</div>
</div>
CSS kod
.AboutUs {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.AboutUs:target {
opacity:1;
pointer-events: auto;
}
.AboutUs > div {
width: 400px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background: #00d9ff;
}
E sada ubacim jos jedan div u nab. bar pod nazivom AboutME
i napravim sve isto naravno probijenim definisanje
gdje je pisalo AboutUS pise AboutME i na forumu mi samo otvara div AboutUS a aboutME ko da ne postoji u skripti
EDIT: nemoj te se obazirati na teks u divu AboutUS i na ime bloga naravno xD
To je sve u mahu da imam orijentaciju xD