Pomoc oko HTML coda u template :)

Pomoc oko HTML coda u template :) 12.09.2011. u 12:17 · pre 184 meseca #1

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>

Potpis

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

pic01.JPG16.5k

Re: Pomoc oko HTML coda u template :) 12.09.2011. u 16:19 · pre 184 meseca #2

koristi css umesto img taga, evo ovde imas nekoliko (22) tutorijala o tome - http://speckyboy.com/2009/05/2...ling-tutorials-and-techniques/

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Pomoc oko HTML coda u template :) 13.09.2011. u 14:34 · pre 184 meseca #3

Citat:

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

Hvala!

Potpis

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

Re: Pomoc oko HTML coda u template :) 14.09.2011. u 08:42 · pre 184 meseca #4

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.

Potpis

seo optimizacija sajtova za Google
Neparno 10

Re: Pomoc oko HTML coda u template :) 14.09.2011. u 12:56 · pre 184 meseca #5

Stvar izgleda sad ovako:

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

Potpis

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

pic02.JPG17.31k

Re: Pomoc oko HTML coda u template :) 15.09.2011. u 09:00 · pre 184 meseca #6

Izvini, u CSS ide:

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

Znači, dodaj a ispred .button1

Potpis

seo optimizacija sajtova za Google
Neparno 10

Re: Pomoc oko HTML coda u template :) 15.09.2011. u 13:56 · pre 184 meseca #7

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!

Potpis

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

pic03.JPG17.54k

Re: Pomoc oko HTML coda u template :) 15.09.2011. u 14:20 · pre 184 meseca #8

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)

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Pomoc oko HTML coda u template :) 15.09.2011. u 14:47 · pre 184 meseca #9

Bravo! Hvala vam obojici! To je to, samo imam jos pitanje, gde menjam boju slova na dugmicima, meni je default narandzasta boja u Mozilli :)

Potpis

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

Re: Pomoc oko HTML coda u template :) 16.09.2011. u 00:06 · pre 184 meseca #10

Code:

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

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Pomoc oko HTML coda u template :) 16.09.2011. u 10:44 · pre 184 meseca #11

Jos jednom Hvala :)

Potpis

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

Forum kao aplikacija na telefonu

Srodne teme