[Pomoc] HTML stranica

Započeo Neznamkosam, Oktobar 15, 2013, 19:24:55 POSLE PODNE

prethodna tema - sledeća tema

0 članova i 1 gost pregledaju ovu temu.

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 :)
Last nick: Vectro64

Najbolja solucija ti je javascript
Kristijan Stipić

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
Poslednja Izmena: Oktobar 26, 2013, 10:53:05 PRE PODNE od [DV] Rex