Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Klijentske aplikacije
Uputstvo Članstvo Kalendar Današnje poruke Pretraži

Klijentske aplikacije (X)HTML, CSS, JavaScript, AJAX...

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 10.2.2014, 20:17   #1
prozor_xp
Član
 
Član od: 9.9.2013.
Poruke: 151
Zahvalnice: 46
Zahvaljeno 7 puta na 7 poruka
Određen forumom Kako se zove ovaj deo sajta sa slike?

Zanimame kako se zove ovaj deo sajta oznacen viticastim zagradama i kako se pise kod za njega? http://postimg.org/image/bv6y9jy25/

znaci hocu da mi na primer pozadina sajta bude crne boje a ovaj deo sajta da bude sive boje i da se na njemu nalazi sadrzaj. Jel moze nekko da mi pomogne da to izvedem?
prozor_xp je offline   Odgovor sa citatom ove poruke
Stara 10.2.2014, 20:40   #2
prozor_xp
Član
 
Član od: 9.9.2013.
Poruke: 151
Zahvalnice: 46
Zahvaljeno 7 puta na 7 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Evo na primer stranica blica www.blic.rs (dajem primer poznatog sajta, nije reklama) Kako je uradjeno da se sav sadrzaj nalazi u sredini, dok se u pozadini nalazi reklama?
prozor_xp je offline   Odgovor sa citatom ove poruke
Stara 10.2.2014, 21:27   #3
dare023
Veteran
 
Član od: 30.6.2006.
Lokacija: Bečkerek
Poruke: 722
Zahvalnice: 46
Zahvaljeno 133 puta na 122 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

http://jsfiddle.net/JytJq/3/
dare023 je offline   Odgovor sa citatom ove poruke
Stara 10.2.2014, 22:11   #4
Eni
Banana
 
Član od: 9.1.2006.
Lokacija: _Cloud
Poruke: 6.106
Zahvalnice: 697
Zahvaljeno 2.628 puta na 1.354 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Taj omotač u koji idu svi manji elementi (header, sidebar, blog, footer) zove se wrapper (omotač). To je u suštini jedan centralizovan DIV kojem staviš klasi wrapper i onda joj definišeš osobine... Čist CSS.
Eni je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku Eni na korisnoj poruci:
prozor_xp (11.2.2014)
Stara 10.2.2014, 22:12   #5
prozor_xp
Član
 
Član od: 9.9.2013.
Poruke: 151
Zahvalnice: 46
Zahvaljeno 7 puta na 7 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Citat:
dare023 kaže: Pregled poruke
nece kod mene
prozor_xp je offline   Odgovor sa citatom ove poruke
Stara 11.2.2014, 0:05   #6
Dekip
V.I.P. Recenzent
 
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Sadržaj, kako ti kažeš se postavlja u sredinu preko css ( margin:0 auto; ). A ove reklame u pozadini možeš da rešiš najprostije sa divom gde će margin-right biti u minusu a u njega staviš šta hoćeš. I da, koristi firebug da vidiš šta je i kako urađeno.
Dekip je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku Dekip na korisnoj poruci:
prozor_xp (11.2.2014)
Stara 11.2.2014, 10:33   #7
el_corona
Starosedelac
 
Član od: 23.1.2008.
Poruke: 1.428
Zahvalnice: 10
Zahvaljeno 367 puta na 332 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Citat:
prozor_xp kaže: Pregled poruke
Zanimame kako se zove ovaj deo sajta oznacen viticastim zagradama i kako se pise kod za njega? http://postimg.org/image/bv6y9jy25/

znaci hocu da mi na primer pozadina sajta bude crne boje a ovaj deo sajta da bude sive boje i da se na njemu nalazi sadrzaj. Jel moze nekko da mi pomogne da to izvedem?
To ti se zove kontejner element i to je blok level element. U njega stavljas sta zelis da ti se nadje na tom delu strane. Evo i primer koji si trazio odradjen preko css-a. Obrati paznju da tekst koji je unutar div taga nije stavljen u p tagove.

Spoiler za primer:
Kod:
<!DOCTYPE html>
<html>
    <head>
        <title>prozor_xp</title>

        <style type="text/css">
        
        body {
        background-color:black;
        }
        
        div {
        background-color:gray;
        width:800px;
        height:250px;
        margin-left:auto;
        margin-right:auto;
        margin-top: 10px;
        }
        
        </style>
    </head>
    
    <body>
        <div>
            prozor_xp
        </div>
        
        <div>
            prozor_xp
        </div>
        
        <div>
            prozor_xp
        </div>
    </body>
</html>
el_corona je offline   Odgovor sa citatom ove poruke
Stara 11.2.2014, 16:35   #8
dare023
Veteran
 
Član od: 30.6.2006.
Lokacija: Bečkerek
Poruke: 722
Zahvalnice: 46
Zahvaljeno 133 puta na 122 poruka
Određen forumom Re: Kako se zove ovaj deo sajta sa slike?

Ovo bi bilo otprilike ono što tražiš http://jsfiddle.net/gQH6H/1/

Poslednja ispravka: dare023 (11.2.2014 u 16:49)
dare023 je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku dare023 na korisnoj poruci:
prozor_xp (11.2.2014)
Odgovor

Bookmarks sajtovi


Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


Slične teme
tema temu započeo forum Odgovora Poslednja poruka
Kako prebaciti slike sa fotoaparata u tablet? Muzicarka Tableti i e-readeri 2 23.5.2013 0:39
Instalacija sa hard diska, može ili ne i kako? Gagii Slobodni softver 8 4.5.2013 19:57
Uklanjanje watermarka sa slike u ASP.NET Megapixel Programiranje 15 16.4.2013 20:28
Problem sa Flash websajtom doctor Flash 12 7.8.2012 3:59
Kako skinuti flash film sa sajta? neskor Aplikativni softver 9 8.10.2006 10:22


Sva vremena su po Griniču +2 h. Sada je 4:50.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com