Par pitanja u vezi izrade sajta

[sashar]

Pozdrav ljudi. Ima pitanje u vezi jednog sajta, tj kako bi neke stvari mogle da se odrade. Nasao sam sajt http://www.realitysoftware.ca/ e sad mene zanima kako napraviti ovu pozadinu da li je to napravljeno u photoshopu, pa onda repeat ili nekako drugacije, i kako su napravljeni ovi okviri oko SOFTWARE DEVELOPMENT-a, web site development-a i internet marketinga-a. Hvala unapred

[NIKOLA94s]

Vrlo jednostavan website....mislim da ces odgovore na tvoja kao i na mnoga druga pitanja dobiti upotrebom ovog programa: http://www.artisteer.com/?p=news

Mozes napraviti wordpress,joomla,drupal,blooger teme
Probaj!

[EclipsE]

Za background:

background: #bgcolor url(url-do-slike.png) repeat-x;

(evo je primer slike http://www.realitysoftware.ca/images/body_bg.jpg)

Za ove "okvire", jednostavno bi imao container div, koji ima mali padding, box-shadow i background-color koji je gradient.

[Sceko]

Ako ces bas neku sliku za pozadinu imas objasljeno ovde!
Sto se okvira tice mozes u css ili eventualno u ps da odradis, a posle div da dodelis background to sto si odradio.

[korisnickoime]

sashar kaže:

Pozdrav ljudi. Ima pitanje u vezi jednog sajta

Kad hoces da znas kako je neki element sajta odradjen,
uvek to mozes da vidis preko Firebug-a za Firefox tj Developer Tools kod Chrom-a (mislim da i IE9 ima ovako nesto).

[sashar]

Ja koliko sam skapirao, napravljen je stili za gornju ivicu main-a, ciji je background zaobljena gornja ivica(main top), pa onda za glavni main stil ciji je background neka siva boja i za bottom isto zaobljena ivica, jedino sto me buni je zasti onda za main nije stavljne repeat-y...ili ne mora...

Iskreno, moj savet ti je da se kloniš Artisteera i sličnih programa koji ograničavaju tvoju kreativnost.

Što se tiče navednog sajt, navigacija je krajnje prosta: div širine cele strane (pozadina http://www.realitysoftware.ca/images/menu_empty.png) unutar koga se nalazi unordered lista (http://www.w3schools.com/tags/tag_ul.asp) koju čine različite li elementi poput Portfolio, Services, About, Contact...

li elementi u listi su u stvari sastavljeni od slika, primer za Services:

Početno stanje:
http://www.realitysoftware.ca/images/menu_services.png

Hover stanje (miš preko elementa):
http://www.realitysoftware.ca/images...vices_over.png

Aktivno stanje (ta stranica je trenutno prikazana):
http://www.realitysoftware.ca/images...ces_active.png

Pozdrav.

[sashar]

Ovo sam sve uspeo, samo sad imam drugi problem, posto sam pravio div u divu, napravio sam main, pa u njemu stavio npr slika levo(float left) i tekst desno(float rifht), e sad kad napisem neki tekst u divu tekst_desno, ne povecava ceo main vec ga preklapa sa futerom iako sam stavio height na auto, a kad kucam neki tekst u divu main lepo povecava sam...