MyCity » Web dizajn / HTML » Izmena HTML koda

Izmena HTML koda

Napisano na dan: 23.2.2016

Izmena HTML koda
Sledeća strana Pagination

Idi na vrh

Poslao: 23 Feb 2016 11:46
Idi na vrh
offline
  • Pridružio: 31 Dec 2015
  • Poruke: 1300

Zdravo svima! Treba mi mala pomoc u vezi kucanja kodova u HTML-u. Da naglasim da sam pocetnik.

Evo ovako ovde cu prikaciti moj folder sa HTML-om.
[Link mogu videti samo ulogovani korisnici]

Videcete kada ga otvorite u browser-u kako izgleda. Izgleda ovako



Imam problem da kada kliknem na ono crveno meni se napravi animacija i otvori mi search field. To izgleda ovako.



E sada to dolazi do mog problema. Ja ne zelim da moram da kliknem na ono crveno da bi mi se otvorio search field nego da kada ucita stranicu odmah bude otvoreno.

S obzirom da imate moj rad, ako zelite mozete da mi pomognete da resim to.

Hvala unapred!



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 23 Feb 2016 11:55
Idi na vrh
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14825
  • Gde živiš: Niš

Prepravi stil iz head-a html dokumenta sa

  1. #search-field {
  2.    margin: 30px 0;
  3.    background: red;
  4.    width: 29px;
  5.    height: 29px;
  6.    overflow: hidden;
  7.    border: none;
  8.    color: green;
  9.    padding: 5px;
  10.    cursor: pointer;
  11.    -webkit-transition: all 0.4s ease-in-out;
  12.    -moz-transition: all 0.4s ease-in-out;
  13.    -ms-transition: all 0.4s ease-in-out;
  14.    -o-transition: all 0.4s ease-in-out;
  15.    transition: all 0.4s ease-in-out;
  16. }
  17.  
  18. #search-field:focus {
  19.    overflow: visible;
  20.    width: 200px;
  21.    background: none;
  22.    background-color: #2b3038;
  23.    text-indent: 0px;
  24.    cursor: text;
  25. }
na
  1. #search-field {
  2.    margin: 30px 0;
  3.    background: none;
  4.    background-color: #2b3038;
  5.    width: 200px;
  6.    height: 29px;
  7.    text-indent: 0px;
  8.    cursor: text;
  9.    overflow: visible;
  10.    border: none;
  11.    color: green;
  12.    padding: 5px;
  13.    cursor: pointer;
  14.    -webkit-transition: all 0.4s ease-in-out;
  15.    -moz-transition: all 0.4s ease-in-out;
  16.    -ms-transition: all 0.4s ease-in-out;
  17.    -o-transition: all 0.4s ease-in-out;
  18.    transition: all 0.4s ease-in-out;
  19. }

Dakle, bitno je samo da ukloniš #search-field:focus selektor, i da sve atribute iz njega prebaciš u #search-field selektor.



Poslao: 23 Feb 2016 12:03
Idi na vrh
offline
  • Pridružio: 31 Dec 2015
  • Poruke: 1300

HVALA PUNO!!!!

MyCity » Web dizajn / HTML » Izmena HTML koda

Ko je trenutno na forumu
 

Ukupno su 1197 korisnika na forumu :: 104 registrovanih, 5 sakrivenih i 1088 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Abebe Bikila, aleksjevt, Ares12356, as2025, Avalon015, avijacija, Azzo, Baltimor, bladesu, Bojan198527, Brana01, Branke90, cenejac111, Coabelgrade, Crazzer, cvrle312, darcaud, darionis, Dejan_vw, DENIRO, Desmond, DonRumataEstorski, Dovla 1980, draganl, dule10savic, Electron, EXIT78, g_g, Gerilac, goran.vvv, ibssa, ikan, Insan, ivan1973, Jakov01, kaskadija, kljift, kn19, Konda, Kubovac, Kukuvaja, laki_bb, LjubisaR, lord sir giga, Lucije Kvint, lucko1, Magarac, max power, MB120mm, mean_machine, menges, mikidragi, milbos, milenko crazy north, Milos1987, mir juzni, MiroslavD, Mitch22, mnn2, Mskok, museum, N.e.m.a.nj.a., nelezele, nikolapetkovic, oganj123, OldKresoje, OtacMakarije, pedjolino76, Pero, Petarvu, Plavi1, PrincipL, procesor, proka89, rakivan, raster12, royst33, ruma, savaskytec, Shadow soldier, Shinobi, skvara, sosko, Srbin do koske, suhoj27, t.mile, theNedjeljko, Tila Painen, Titan, tomigun, tritonus, tvlada, Username1000, vargas, vathra, Velizar Laro, vidra1, vlad the impaler, vojnik švejk, vuksa72, zdrebac, zeka013, zziko, 79693