|
Poslao: 20 Avg 2017 18:03
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Fala, aj sacu da pogledam, i naucim  Ali to je onda CSS?
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
|
|
Poslao: 20 Avg 2017 19:15
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Poceo sam, au ima dosta stvarcica da se popunjava da bi se napravili tako nesto.
.flex-container > * {
padding: 15px;
-webkit-flex: 1 100%;
flex: 1 100%;
Sta oznacava tacka ispred flex a sta znak * ?
I - ispred webkit
|
|
|
|
|
|
|
Poslao: 20 Avg 2017 19:31
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14824
- Gde živiš: Niš
|
Za prva dva pročitaj o CSS selektorima, a - ispred webkit nema neko posebno značenje, jednostavno je atribut takav, mada je to atribut specifičan za neki konkretan web browser. Evo šta kaže CSS specifikacija o tome:
Citat:4.1.2.1 Vendor-specific extensions
In CSS, identifiers may begin with '-' (dash) or '_' (underscore). Keywords and property names beginning with '-' or '_' are reserved for vendor-specific extensions.
|
|
|
|
|
|
|
Poslao: 20 Avg 2017 20:25
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Au sto su zeznuti ovi Containeri, ima dosta kodova za njih.. Kako mogu da ih pomeram po zelji? Npr hocu da ga stavim na desnu stranu..
|
|
|
|
|
|
|
Poslao: 20 Avg 2017 21:00
|
offline
- vasa.93
- Moderator foruma
- Pridružio: 17 Dec 2007
- Poruke: 14824
- Gde živiš: Niš
|
Odgovor je sličan kao ranije: vasa.93 ::Može na zilion različitih načina. float: right je recimo jedan mogući način.
|
|
|
|
|
|
|
|
|
|
|
Poslao: 24 Avg 2017 08:29
|
offline
- Stephanos
- Zaslužni građanin
- Pridružio: 03 Feb 2015
- Poruke: 501
|
Napisano: 22 Avg 2017 12:20
Ovaj CSS je mnogo obiman, bogami treba za njega vreme.
Dopuna: 24 Avg 2017 9:29
Uzeo sam kao primer ovaj sajt : http://wwwogistra-nutrition-shop.blogspot.rs/
I poceo sa radom i evo mog pocetnog rada i mojih kodova, pa mi vi recite, da li sam ja to mogao da odradim na malo jednostavniji i laksi nacin.
Rad:
<html>
<head>
<title>Nutrition.rs</title>
<style type="text/css">
#box1 {
width: 1276px;
height: 140px;
background: #242424;
border: 2px solid #39393A;
margin: -8px 50px 50px -8px;
}
#box2 {
width: 1276px;
height: 30px;
background: #333333;
border: 2px solid #39393A;
margin: -8px 50px 50px -8px;
margin-top: -52px
}
#box3 {
width: 1276px;
height: 2200px;
background: #050505;
border: 2px solid #39393A;
margin: -8px 50px 50px -8px;
margin-top: -52px
}
#box4 {
width: 900px;
height: 400px;
background: #212121;
border: 2px solid #39393A;
margin: 100px 100px 300px 160px;
margin-top: 20px
}
}
</style>
</head>
<body>
<link rel="stylesheet" type="text/css" href="css/mycss.css">
<div id="box1" style="color:#BBBBBB">
<dl>
<dd><h2> Ogistra Nutrition Blog</h2><dd>
<dd> Treninzi Ishrana Suplementacija sve na jednom mestu</dd>
<p><img src="trening.png" ></a></p>
</dl>
</div>
<div id="box2">
</div>
<div id="box3">
</div>
<div>
<h3><a href="index.html" style="color:white">Home</a></h3>
</div>
<div>
<h4><b><a href="http://wwwogistra-nutrition-shop.blogspot.rs/p/trening-tekstovi.html" style="color:white">Trening (Textovi)</a></b></h4>
</div>
<div>
<h5><strong><a href="http://wwwogistra-nutrition-shop.blogspot.rs/p/obrok-dana-photography.html" style="color:white">Obrok dana</a></strong></h5>
</div>
<div id="box4">
<center><img src="naslovna.jpg" width="900"></center>
</body>
</html>
CSS code:
p {
float: right;
margin-top: -60px;
margin-right: 160px;
}
dl dd {
margin-left: 100px;
}
div h3 {
margin-top: -2272px;
margin-left: 160px;
}
h4 {
margin-left: 250px;
margin-top: -38px
}
h5 {
margin-left: 415px;
margin-top: -36px;
}
|
|
|
|
|
|
|
Poslao: 24 Avg 2017 10:07
|
offline
- E.L.I.T.E.
- Legendarni građanin
- Pridružio: 23 Maj 2012
- Poruke: 4575
|
Stavljaj CSS u zasebne fajlove pa ih učitavaj preko <link>. Takođe, izbegavaj korišćenje linijskog CSS-a (style="..."), veoma je nepraktično za održavanje.
|
|
|
|
|
|
