Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Klijentske aplikacije

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.427
Zahvalnice: 10
Zahvaljeno 366 puta na 331 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

Alatke vezane za temu
Vrste prikaza

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 7:11.


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