Bootstrap 3

3

Bootstrap 3

offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

dejnik978 ::Da na taj tekst Hello u jumbotronu. Nekad ga definisem i radi nekad ne, pa neznam vise gde gresim.
Pozadina slika je original i odlicno se vidi na height:450 px, ali zauzima dosta mesta, pa bih je ja smanjio na height:350px; ali tada je razvucena slika, pa sam mislio da je nekako smanjim. A slika pozadina je onako kako zelim i od ivicee do ivice to je ok.
Da li nece da promeni boju slova zato sto je ubacen container. Da li treba da pise samo jumbotron, pa onda samo naslov h2 npr bez containera.



Koristi !important.

Npr:
.jumbotron > h1 { color: #fef3 !important; }



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Koristi blagodeti browsera (inspect element) i videces zasto ne prihvata neke od css parametara koje si zadao. Jedini razlog sto ne prihvata je sto vrednosti neke klase/id overriduje drugu. A kad aje to slucaj, overridovana vrednost ce biti precrtana u inspec elemant konzoli.
U svakom slucaju !important koji pominje _ivKe sprecava da ti neka druga vrednost overriduje tvoju.



offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Napisano: 20 Apr 2015 23:20

Da li ste koristili Alex brush font za bootstrap sajtove, lepo izgleda za naslove ali se ne vidi lepo za sve vrste naslova. Da li imate neki predlog Fonta za naslove.

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Napisano: 20 Apr 2015 23:39

Resio sam h1 u jumbotronu, ali da li je ovo za p pravilno, neznam drugacije.
Zelim da povecam font i boju za p u jumbotronu. Uradio sam i dobio kako sam hteo, ali da li je pravilno

html
<div  class="jumbotron">          <div class="container"             <h1>Hello</h1>             <p id="p">Salad</p>          </div>       </div>
css

@import url(http://fonts.googleapis.com/css?family=Alex+Brush); .jumbotron { font-family: 'Alex Brush', cursive; font-size:48px; background-color:red; color:#FFF; } #p { font-size:24px; color:#fff; }

dobio sam

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Resio sam problem centriranja icona, pitanje na drugoj strani

Resenje centriranja icona
Dodao sam id u containeru koji se odnosi na ikonice i njega definisao u css-u.


html
         <div class="container" id="ikonice">             <div class="row">                <div class="col-md-4">                <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>                   <a href="#"><h3>Kako kupiti</h3></a>                      <p> Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).                      </p>                      <hr>                                   </div> ovo je za prvu iconicu deo, ali se id ikonice odnosi na sve ikonice u containeru.

css
#ikonice span.glyphicon { display: block; margin:0; }

Ako neko ima primedbu da treba jos bolje da se uradi da naucimo

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Na ovom linku ima meni zanimljiv slider, gledao sam u inspect element ali neznam kako da ga uradim. Ova pokretna slova (to me zanima) a staticna pozadina
http://webthemez.com/demo/neu-free-web-designer-profile-responsive-web-template/

Na ovom linku ima zanimljivih slajdera.
http://owlgraphic.com/owlcarousel/#how-to

Sta znaci :before
Citao sam ovde, ali ne razumem, neki primer
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_before

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Citat:Zelim da povecam font i boju za p u jumbotronu. Uradio sam i dobio kako sam hteo, ali da li je pravilno

Moze tako mada ja ne bih nikad stavljao id sa nazivom od jednog slova. Inace moze i ovako
.jumbotron p { font-size:24px; color:#fff; }

U tom slucaju ne moras zadavati ID za paragraf. mada sve zavisi od koda.
Recimo, ako na pr u jumbotronu imas vise paragrafa koje zelis da razlicito formatiras (razlicit font, velicina i sl) onda moj gornji kod nije najbolje resenje vec je u tom slucaju ok zadavati razlicite klase/id za svaki paragraf posebno.

Citat:ovo je za prvu iconicu deo, ali se id ikonice odnosi na sve ikonice u containeru.

css
#ikonice span.glyphicon { display: block; margin:0; }

Ako neko ima primedbu da treba jos bolje da se uradi da naucimo


Tako je pravilno, bas kao sto si uradio.


Citat:Na ovom linku ima meni zanimljiv slider, gledao sam u inspect element ali neznam kako da ga uradim. Ova pokretna slova (to me zanima) a staticna pozadina
http://webthemez.com/demo/neu-free-web-designer-profile-responsive-web-template/


U pitanju je ovaj slider. Imas objasnjen postupak implementiranja u sitna crevca.

http://tympanus.net/codrops/2012/03/15/parallax-co.....nd-jquery/


Citat:Sta znaci :before
Citao sam ovde, ali ne razumem, neki primer
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_before


before znaci da ce se ono sto stoji kao kontent pojaviti pre elementa na koji se odnosi.

css:
p::before {     content: "Ovo je tekst ispred paragrafa -"; }

html:
<p>Sadrzaj paragrafa</p>

daje:
Ovo je tekst ispred paragrafa -Sadrzaj paragrafa

A ako hoces da boldujes na pr taj tekst pre paragrafa:
p::before {     content: "Ovo je tekst ispred paragrafa -";    font-weight: bold; }


I dobices:
Ovo je tekst ispred paragrafa -Sadrzaj paragrafa

Naravno postoje mnogo prkaticnija upotreba before, ovo je samo za prezentaciju.

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Problem sa slikom u jumbotronu
Cod
html
<div class="jumbotron">                            <h1 class="wow fadeInDown">Pouzdan partner</h1>                   </div>
css
.jumbotron {    background-image:url(../img/poljapsenice.jpg);    -webkit-background-size: 100% 100%;       -moz-background-size: 100% 100%;        -o-background-size: 100% 100%;        background-size: cover;    height:350px;    color:#fff;    text-align:left;    font-family: 'Slabo 27px', serif;    margin:0px;    background-color:#D81525;     }

Slika ima rezoluciju 1280 x 726






Ne resava ni ovo problem razvucene slike u jumbotronu

background-size: cover;
height:auto;    max-width:100%;
background-size: 100% 100%;
Nisam nasao odgovor.
Da li to znaci koliko je visoka slika toliko da i stavim npr, height 550px;

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

1. Kako podeliti bootstrap sajt na dva dela. Leva strana fiksirana. Desna da se pomera, kao normalna svaka bootstrap stranica. Neznam dal sam dobro definisao problem. Ako ima takav template na internetu da pogledam.

2.Ovde ima jedan sajt koji se skroluje, levi sajtbar je fiksiran. To me zanima, kako da se nauci ovo, da li ima negde uputstvo, trazio i nisam nasao

Da li je ovo wordpress

http://gamerheat.com/

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

1.Kako da odvojim delove jumbotron od prvog pasusa
2.Kako da delovi budu prozirni, a da tekst ostane isti .Probao sam sa opacity: 0.4; ali je onda se sve providi.

Code
http://jsfiddle.net/9pdtqutj/


Ko je trenutno na forumu
 

Ukupno su 904 korisnika na forumu :: 9 registrovanih, 2 sakrivenih i 893 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: Dorcolac, Fog of War, krkalon, ladro, Metanoja, MILO-VAN, Parker, RecA, Trpe Grozni