Pozicioniranje lijevo

Web dizajn i grafika
1

Imam jedno pitanje u vezi ove web stranice.

http://www.online-calculator.com/

Što bi se trebalo promijeniti u kodu te stranice, pa da kalkulator koji je sad centriran, ode uz lijevi rub ekrana?

Zašto mi to treba?
Zato što mi je taj kalkulator baš zgodan za korištenje dok snimam edukativne filmove (iz matematike). Posebno je zgodan za snimanje jer ima velike brojeve i na tipkama i na displayu.
Ono što mi tu nije zgodno, je što ne mogu otvoriti mali prozor u kojem će se on vidjeti (da mi ne zauzme cijelu površinu koju snimam; bilo bi dobro da ga mogu smjestiti pokraj zadatka).
Dakle, ja bih nekako u kodu stranice napravila izmjenu da mi kalkulator ode ulijevo, pa si onda tu stranicu sejvam s tom izmjenom i pokrenem je sa harda dok snimam film, i onda si smanjim prozor, tek toliko da se vidi kalkulator.

Naravno, tražila sam među offline kalkulatorima, ali svi imaju jako sitne brojke i nisu baš za snimanje.
A ovaj mi je baš po mjeri, što se izgleda tiče.

Puno hvala ako mi netko može pomoći!!!

Antonija

2

[quote=“ahorvatek”]Imam jedno pitanje u vezi ove web stranice.
Online Calculator

Što bi se trebalo promijeniti u kodu te stranice, pa da kalkulator koji je sad centriran, ode uz lijevi rub ekrana?

Zašto mi to treba?
Zato što mi je taj kalkulator baš zgodan za korištenje dok snimam edukativne filmove (iz matematike). Posebno je zgodan za snimanje jer ima velike brojeve i na tipkama i na displayu.
Ono što mi tu nije zgodno, je što ne mogu otvoriti mali prozor u kojem će se on vidjeti (da mi ne zauzme cijelu površinu koju snimam; bilo bi dobro da ga mogu smjestiti pokraj zadatka).
Dakle, ja bih nekako u kodu stranice napravila izmjenu da mi kalkulator ode ulijevo, pa si onda tu stranicu sejvam s tom izmjenom i pokrenem je sa harda dok snimam film, i onda si smanjim prozor, tek toliko da se vidi kalkulator.

Naravno, tražila sam među offline kalkulatorima, ali svi imaju jako sitne brojke i nisu baš za snimanje.
A ovaj mi je baš po mjeri, što se izgleda tiče.

Puno hvala ako mi netko može pomoći!!!

Antonija[/quote]
Antonija, nisam te skužio jel stranica tvoja ili ne, ali nvm. Evo dogovora:

Mislim da ti je najpraktičnije koristiti direktan link na .swf fajl u prozoru browsera koji povečavaš/smanjuješ po mjeri a kako je .swf vektoriziran tako ne gubi na kvaliteti: KLIKNI ME!

Drugo, ako želiš izmjene na samoj stranici onda trebaš
[HTML]

[/HTML]
stavit: 
margin: 0px auto 0px 0px;
width: 267px;

jer je .swf objekt širok 267px.

Ima i treća opcija, a to je da samo promjeniš za:
[HTML]

[/HTML]
širinu u: 
width: 800px;

i dimenzije .swf objekta sa originalnih:

width="267"
height="345"

u:

width="800"
height="1034"

i to je to :stuck_out_tongue:

3

Otvoriš ovaj link
https://www.online-calculator.com/swf/online-calculator.swf
i smanjiš/suziš veličinu prozora.

Ako ti treba offline, snimiš si taj fajl online-calculator.swf na kompjutor.
Zatim snimiš sljedeći kod kao datoteku kalkulator.html i staviš u istu mapu gdje je online-calculator.swf

[HTML]

Kalkulator [/HTML]

Dimenzije kalkulatora podesiš sa width i height (na dva mjesta!).

4

Mislim da ti je ovo najjednostavnije…
Napravi ovakvu novu html stranicu i pokreni je lokalno:

[HTML]

Kalkulatror 
<object type="application/x-shockwave-flash" data="http://www.online-calculator.com/swf/online-calculator.swf" width="267" height="345" >
</object>
[/HTML]

Rezultati su prikazani na priloženoj slici: kalkulator je u gornjem lijevom kutu :slight_smile:
Cijeli object tag možeš staviti u div pa dodatno pozicionirati po potrebi.
Kalkulator oko sebe nema praznog prostora (točno je izrezan) pa se npr na body css-om može staviti pozadinska boja tako da se i dizajn može prolagoditi videu ukoliko je potrebno.

5

@gambo

Hahaa, ovo je super!
Preduhitrio si me za 2 minute dok sam editirao post :slight_smile:

Edit: A ok ajde, nismo baš isti, ti skidaš swf lokalno a ja ga vučem s neta. Ali ideja je ista.

6

[quote=“dpolo”]@gambo

Hahaa, ovo je super!
Preduhitrio si me za 2 minute dok sam editirao post :)[/quote]

http://www.webmajstori.net/forum/image.php?u=19&dateline=1328021964

[INDENT][color="#FF0000"][font=Arial Black]FUCK YEA.[/font][/color][/INDENT]

7

a kog sam ja preduhitrio :varenizec

8

E dečki, svaka čast! Brzi i učinkoviti!!! :slight_smile:
Ovo mi je super sa izradom dodatne stranice koju startam i u čijem kodu mogu definirati i veličine - napravih si nekoliko varijanti,pa ću kod snimanja vidjeti koja najbolje gdje paše…

Uber_Gosu, pa skužio si valjda da nije moja stranica. :slight_smile:
Ali mislim da ova izmjena ne zadire u autorska prava, mislim, samo se izrezuje bijeli prostor koji mi kod snimanja smeta, ne izrezujem ime proizvođača…

PUNO VAM HVALA!!!

9

U gornjim mailovima ste mi svojevremeno pomogli da si kalkulator
https://www.online-calculator.com/swf/online-calculator.swf
mogu spremiti na komp, te izraditi web stranicu s kojom ga mogu otvarati offline i u kojoj mi je smješten uz gornji lijevi rub ekrana.

Može li se slično napraviti s barem jednim od ova dva kalkulatora
http://www.calculator.net/scientific-calculator-for-your-site.html
http://www.math.com/students/calculators/source/scientific.htm
?

Naime, onaj od prije mi nije dovoljno dobar za daljnja snimanja jer nema pi i još neke stvari, pa mi sad trebaju ovi veći. A s njima imam isti problem kao nekad s onim prvim - trebala bih sami kalkulator koji je pozicioniran uz gornji lijevi rub ekrana (da mi, bez suvišnih reklama, stane uz zadatak, dok snimam).

Unaprijed puno hvala ako netko može pomoći!!!

Antonija

10

Za onaj prvi imaš:

Installation Instruction
To install, just copy all the code in the following text area into the html source code of your website

Isprobao sam i radi kako treba i offline, i pozicioniran je gore lijevo.
Samo prekopiraj ponuđeni kod između <body></body>

12

Za krepati!
Ne znam dal da se smijem il da se skrijem. :-)))
Gambo, puno hvala, naravno, stvar funkcionira. :slight_smile: