Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pomoc oko HTML coda u template :)

[es] :: Web dizajn i CSS :: Pomoc oko HTML coda u template :)

[ Pregleda: 1825 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Pomoc oko HTML coda u template :)12.09.2011. u 11:17 - pre 109 meseci
Imam sledeci code snippet, gde zelim da dodam na dugmad text npr 1. dugme cena proizvoda, 2.dugme kao "naruci".
(slika prilozena). Iskreno, trazio sam na netu razne primere, ali mi jednostavno ne ide ovo, kako da ovo izvedem?


Hvala!



Code:

<div class="indent-col-1">
                        <img src="images/banner_title_1.jpg" class="banner-title" alt="" />
                        <span class="banner-text">Flat paket od 512/512 kbit/sec.</span>
                        <a href="#"><img src="images/banner_text_1.gif" class="banner-text1" alt="" /></a>
                        <span class="banner-button"><a href="#"><img src="images/banner_button_1.gif" alt="" /></a><a href="#"><img src="images/banner_button_2.gif" alt="" /></a></span>
                    </div>

Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
Prikačeni fajlovi
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: Pomoc oko HTML coda u template :)12.09.2011. u 15:19 - pre 109 meseci
koristi css umesto img taga, evo ovde imas nekoliko (22) tutorijala o tome - http://speckyboy.com/2009/05/2...ling-tutorials-and-techniques/
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Pomoc oko HTML coda u template :)13.09.2011. u 13:34 - pre 109 meseci
Citat:
<span class="banner-button"><a href="#"><img src="images/banner_button_1.gif" alt="" /></a><a href="#"><img src="images/banner_button_2.gif" alt="" /></a></span>




Da li je moguce ovde dodati tekst na banner_button_1.gif i banner_button_2.gif i kako?

Hvala!




Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

acca3
Aleksandar
internet konsalting
internet

Član broj: 81635
Poruke: 353
178.79.28.*

Sajt: https://plus.google.com/+..


+23 Profil

icon Re: Pomoc oko HTML coda u template :)14.09.2011. u 07:42 - pre 109 meseci
Možeš. Recimo ovaj deo

Code:
<a href="#"><img src="images/banner_button_1.gif" alt="" /></a>


ideš kao


Code:
<a class="button1" href="#">button 1 tekst</a>


i u CSS fajl staviš

Code:
.button1 {background-image:url('images/banner_button_1.gif');}


Sštim što bi se možda trebalo dodati i ekperimentisati i sa padding, heigh i width kako bi se videla cela pozadina.

seo optimizacija sajtova za Google
Neparno 10
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Pomoc oko HTML coda u template :)14.09.2011. u 11:56 - pre 109 meseci
Stvar izgleda sad ovako:


Nema belog dugmeta, samo tekst koji je trebao biti na dugmetu..




[Ovu poruku je menjao DusanSukovic dana 14.09.2011. u 13:17 GMT+1]
Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
Prikačeni fajlovi
 
Odgovor na temu

acca3
Aleksandar
internet konsalting
internet

Član broj: 81635
Poruke: 353
178.79.28.*

Sajt: https://plus.google.com/+..


+23 Profil

icon Re: Pomoc oko HTML coda u template :)15.09.2011. u 08:00 - pre 109 meseci
Izvini, u CSS ide:

Code:
a.button1 {background-image:url('images/banner_button_1.gif');}


Znači, dodaj a ispred .button1
seo optimizacija sajtova za Google
Neparno 10
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Pomoc oko HTML coda u template :)15.09.2011. u 12:56 - pre 109 meseci
Otprilike radi nekako sad :)


Prilazem sliku, samo me zanima kako da izvedem istovremeno da bude text na beloj i narandzastoj slicici?


ps.

Uz tvoja upustva koristio sam i ovaj tutorial, koji se bitno ne razlikuje od onog sto si mi ti pisao.

http://www.xul.fr/en/css/button.php



Zahvaljujem!




Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
Prikačeni fajlovi
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: Pomoc oko HTML coda u template :)15.09.2011. u 13:20 - pre 109 meseci
Citat:
DusanSukovic: Prilazem sliku, samo me zanima kako da izvedem istovremeno da bude text na beloj i narandzastoj slicici?


napravi novu klasu u css-u na isti nacin kao sto si uradio za belu sliku (samo ovaj puti koristi narandzastu sliku)
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Pomoc oko HTML coda u template :)15.09.2011. u 13:47 - pre 109 meseci
Bravo! Hvala vam obojici! To je to, samo imam jos pitanje, gde menjam boju slova na dugmicima, meni je default narandzasta boja u Mozilli :)



Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: Pomoc oko HTML coda u template :)15.09.2011. u 23:06 - pre 109 meseci
Code:

a.button1 {
  background-image:url('images/banner_button_1.gif');
  color: #000;
}


btw procitaj malo css basics, verujem da ce ti koristiti...
 
Odgovor na temu

DusanSukovic
Dušan Šulović
Na krevetu

Član broj: 35637
Poruke: 1371

Sajt: www.MotoBoem.RS


+460 Profil

icon Re: Pomoc oko HTML coda u template :)16.09.2011. u 09:44 - pre 109 meseci
Jos jednom Hvala :)
Stane Dolanc: "Bavljenje tehnikom treba da postane svakodnevna potreba coveka.."
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Pomoc oko HTML coda u template :)

[ Pregleda: 1825 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.