MyCity » Web dizajn / HTML » Centriranje texta na slici

Centriranje texta na slici

Napisano na dan: 24.7.2013

Centriranje texta na slici
Sledeća strana Pagination

Idi na vrh

Poslao: 24 Jul 2013 02:26
Idi na vrh
offline
  • Dušan
  • Pridružio: 18 Jun 2012
  • Poruke: 986

Hocu da na sliku video snimka stavim providnu pozadinu i da preko nje napisem nesto.

Arrow Evo kako bi to trebalo da izgleda




Arrow Ovaj deo na kom je tekst je crne boje ali je providan 60%



Arrow Prvi text je "Da pogledas video pritisni "Like" ovde:" stim sto "like" treba da bude ove boje #359bed a ostala slova bela #ffffff posle toga u pravcu da bude like button
Citat:<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FLeto%2F194145497413434&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
Taj kod je iframe jel odgovara u wordpressu

Arrow Drugi text je "Ukoliko snimak ne očita za 5 sekundi od lajka potražite ga malo dole."

Arrow Sve to da bude centrirano na ovoj pozadini




Da li moze ovo da se uradi u HTML-u jer je za wordpress namenjeno.

Znam da je ovo veci poso ali molim vas napisite mi gotov kod za ovo Zagrljaj Zagrljaj Ziveli



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 24 Jul 2013 11:53
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4576

Dusan.cz ::Znam da je ovo veci poso ali molim vas napisite mi gotov kod za ovo Zagrljaj Zagrljaj Ziveli

Ne može to tako.

Arrow [Link mogu videti samo ulogovani korisnici]

Hajde se malo potrudi pa počni temelj tog elementa na strani, ako zapne javi se Wink Mislim da ovo ne može da se odradi u HTML-u , da li si tako siguran da slika može preko video zapisa? Centriranje ti je najlakša stvar

<div align="center"></div>

ili samo

<center></center>   <!-- nije isključivo da ovo neće biti podržano u nekim pretraživačima -->



Poslao: 24 Jul 2013 17:06
Idi na vrh
offline
  • Dušan
  • Pridružio: 18 Jun 2012
  • Poruke: 986

Napisano: 24 Jul 2013 13:08

Nema ovde video zapisa, sve se radi preko slike.
Mislim da je ovo komplikovano za mene pa sam zato pitao za pomoc.

Ono sto me najvise muci i za sta mi najvise treba pomoc jeste kako da ono Like (sa iframe) namestim da bude u pravcu teksta kao sto sam naslikao gore. Smile

Dopuna: 24 Jul 2013 13:53

Citat:<div style="background-image: url('http://www.mycity.rs/imgs2/284786_91641928_kakav%20gol.png'); padding: 195px; width: 248px; height: 0px; border: 0px solid black;">

<span style="color: #ffffff;">Da pogledas video pritisni "Like" ovde:<iframe style="border: none; overflow: hidden; width: 450px; height: 21px;" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FLeto%2F194145497413434&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" height="240" width="320" frameborder="0" scrolling="no"></iframe>Ukoliko snimak ne očita za 5 sekundi od lajka potražite ga malo dole.</span>

</div>
Uspeo sam da uradim kod samo mi jos ostaje kako da sve to bude na sred ove slike videa a ne pri dnu Smile

Dopuna: 24 Jul 2013 17:06

Moze neko da pomogne Smile
Samo treba text i like digme da se centrira na sred ove slike [Link mogu videti samo ulogovani korisnici]

Poslao: 25 Jul 2013 15:10
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4576

Napisano: 25 Jul 2013 15:06

Evo napravio sam mali primer , sad ti to prilagodi samo tvojoj slici.

CSS

.slika {     position:relative;     float:left; } .tekst {     left: 0;     position:absolute;     text-align:center;     top: 30px;     width: 100% }

HTML

<body> <div class="slika">     <img src="cbb.jpg"/>     <div class="tekst">        TEKST     </div> </div> </body>

Arrow [Link mogu videti samo ulogovani korisnici]

Dopuna: 25 Jul 2013 15:10

Dusan.cz ::Taj kod je iframe jel odgovara u wordpressu

iFrame je HTML tag koji služi za prikazivanje neke druge web strane ili jednog njenog dela unutar one gde se nalazi taj tag. U ovom slučaju u pitanju je Youtube video.

Da proveriš da li pretraživač podržava taj tag možeš da uradiš nešto ovako.

<iframe src="http://www.google.rs">       <p>Tvoj brauzer ne podržava iFrame</p> </iframe>

Ne znam kako funkcioniše na WordPress-u, isprobaj pa vidi Wink

Poslao: 25 Jul 2013 15:57
Idi na vrh
offline
  • Dušan
  • Pridružio: 18 Jun 2012
  • Poruke: 986

Ali kako da css kod ubacim u wordpress?

Poslao: 25 Jul 2013 16:02
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4576

Kako kako? A kako misliš HTML da ubaciš, da ne bude vidžet? Ja sam tebi dao rešenje, a sad je na tebi kako ćeš to da uradiš.

Ako koristiš online verziju WordPress-a ne možeš da menjaš izvorni kod strane. Ako hoćeš to da odradiš kako treba regni se na neki host i instaliraj izvornu verziju WordPress-a Wink

Poslao: 25 Jul 2013 16:56
Idi na vrh
offline
  • Pridružio: 13 Sep 2012
  • Poruke: 2138

Kod wp.com možeš da menjaš HTML kod strane ali ne možeš da dodaješ CSS, što je u ovom slučaju problem. Jedino rešenje, kao što je predložio elite, jeste da koristiš verziju wp-a koju sam hostuješ.

HTML kod dodaješ na post (ili stranu) tako što pored WYSIWYG editora imaš opciju za izmenu HTML koda. Dok CSS dodaješ u delu wp-a pod nazivom UREĐIVAČ, gde možeš da izmeniš svaki deo teme koju koristiš.

MyCity » Web dizajn / HTML » Centriranje texta na slici

Ko je trenutno na forumu
 

Ukupno su 1250 korisnika na forumu :: 115 registrovanih, 10 sakrivenih i 1125 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: -[CoA]-, 39mm, A.R.Chafee.Jr., AMCXXL, Avalon015, bbelic, Beardonitch, Bobrock1, bojankrstc, bokisha253, Bole72, BORUTUS, boxbole, brkan1, brundo65, cavatina, cenejac111, Cicumile, debeli, Denaya, desmeki, dj.ape, dok80, doktor097, Dorcolac, Dzigy, Electron, ElvisP, esko_hz, EXIT78, filip1326, g_g, Gall, gasazem, Gogi_avio, GORDI, Gorilo_1991, havoc995, hnjo, ikan, interesujeme, IQ116, ivan_8282, jalos, jarovitt, Joja, kendzo-andzo-boni-fju, kenny74, Kubovac, Logic005, loon123, MakiMaki02, Marko Marković, mat, max power, medaTT, mercedesamg, Mercury, Metanoja, Miki01, milenko crazy north, Miletić Zoran, MiloradKomadic, mishkooo, mist-mist, Mixelotti, MR Z, N.e.m.a.nj.a., Nemanja Opalić, nemkea71, Nobunaga, Pale2025, Panter, PedjaDikovic, pein, peradetlić, Petarvu, Polemarchoi, Povratak1912, proka89, Raso75, Razdroid, RJ, royst33, Sarmat, Savantije, savuni, sekretar, ser.hill, sevenino, srdjan73, Stanlio, Strasni JA, synergia, teodorica, tooljan, TRAVUNIJA, TRZH92, ujke, US_Rank_0, vargas, Velizar Laro, vlad4, vlado_pg, voja64, Weteran, x78186, yrraf, Yugol33, Zavulon, ZetaMan, zmajbre, Zukov, |_MeD_|, šumar bk2