HTML & CSS

2

HTML & CSS

offline
  • WordPress Support
  • Pridružio: 03 Feb 2015
  • Poruke: 495

Fala, aj sacu da pogledam, i naucim Very Happy Ali to je onda CSS?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14811
  • Gde živiš: Niš

Pa da, moraćeš malo da se igraš sa stilovima. Smile



offline
  • WordPress Support
  • Pridružio: 03 Feb 2015
  • Poruke: 495

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

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14811
  • 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.

offline
  • WordPress Support
  • Pridružio: 03 Feb 2015
  • Poruke: 495

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

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14811
  • 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.

offline
  • WordPress Support
  • Pridružio: 03 Feb 2015
  • Poruke: 495

Bravo Vaso, svaka cast, uspeo sam, hvala na odgovorima Smile

A znas sta hocu jos, onu sliku sto sam ti poslao danas sto sam odradio u HTMLu, kako da ubacim taj sadrzaj u container, tipa u ovaj.

https://www.w3schools.com/html/html_layout.asp

offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14811
  • Gde živiš: Niš

Pa samo ga iskopiraj tu gde treba i to je to. Smile

offline
  • WordPress Support
  • Pridružio: 03 Feb 2015
  • Poruke: 495

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; }

offline
  • Programer
  • 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.

Ko je trenutno na forumu
 

Ukupno su 1229 korisnika na forumu :: 42 registrovanih, 6 sakrivenih i 1181 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., Areal84, celik, dane007, dijica, Dimitrise93, draganca, dragoljub11987, FOX, goxin, Griffon vulture, hatman, hologram, Karla, Koridor, Krvava Devetka, kybonacci, Leonov, Lieutenant, Marko Marković, marsovac 2, mercedesamg, Mercury, milenko crazy north, miodrag, MiroslavD, Mixelotti, Ne doznajem se u oružje, NoOneEver Dreams, ObelixSRB, Oscar, pein, ruger357, slonic_tonic, Sokic, stegonosa, suton, Trpe Grozni, vlajkox, yrraf, zzapNDjuric99, 125