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: 4575

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 http://www.mycity.rs/Web-dizajn/Procitati-pre-otvaranja-nove-teme.html

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 http://www.mycity.rs/imgs2/284786_91641928_kakav%20gol.png

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

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 http://dzoni.uphero.com/html/primer.html

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: 4575

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 1112 korisnika na forumu :: 37 registrovanih, 4 sakrivenih i 1071 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: A.R.Chafee.Jr., antonije64, Areal84, babaroga, Bobrock1, bokisha253, crnitrn, dankisha, deLacy, delrey, dushan, FOX, hooraay, Karla, Koridor 11, Kriglord, Krvava Devetka, Lieutenant, Mercury, Milos ZA, milutin134, MrNo, nebkv, Oscar, pein, procesor, raptorsi, Srky Boy, Srle993, stegonosa, Tores, Trpe Grozni, Vladko, vladulns, Webb, wolf431, yrraf