Bootstrap 3

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 09 Jun 2015 20:13

Da li moze ovako da se napise za hover, radi
.btn-primary { background-color:transparent; } .btn-primary:hover { background-color:red; }








Video nije dobro definisan, neki link da pogledam, hvala, pozdrav
html
<div class="col-lg-4">                     <img class="img-circle" src="img/jagoda-cirkle.jpg" alt="Generic placeholder image" width="140" height="140">                     <h2>Proizvodnja jagoda</h2>                         <div id="video_malina1">                            <video width="400" controls>                              <source src="mov_bbb.mp4" type="video/mp4">                              <source src="mov_bbb.ogg" type="video/ogg">                               Your browser does not support HTML5 video.                            </video>                      </div>                     <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>                     <p><a class="btn btn-default" href="#" role="button">View details »</a></p>                   </div><!-- /.col-lg-4 -->

deo css-a
body {   font-family: 'Open Sans', sans-serif;   font-size: 14px;   line-height: 1.42857143;   color: #333;   padding-top: 40px;   color: #5a5a5a;   margin: 0 ;   background-color:#F5EBCC; } .img-circle { padding:10px; text-align:center; } .container-marketing { text-align:center; margin: 0 50px 0 50px; background-color:#D1E0B2; } #video_malina1 { text-align:center; }

Dopuna: 09 Jun 2015 20:26

Jel moze ovako ili nesto slicno
http://jsfiddle.net/Schybo/beaze7Lc/4/
Ovaj drugi primer sa ove adrese se prilagodjava kako se menja rezolucija
<div align="center" class="embed-responsive embed-responsive-16by9">     <video autoplay loop class="embed-responsive-item">         <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>     </video> </div>
Ali ja hocu da se ne menja ne izgleda lepo, znaci da ostane isti a da se prilagodi manjoj rezoluciji
kao na gornjoj slici



Nasao sam ovako nesto
http://www.webdesignermag.co.uk/build-a-responsive-html5-video-player/

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Hover moze tako, ne vidim zasto ne bi mogao. Sto se tice videa ako koristis Bootstrap mozes da koristis komponentu Responsive Embed, tako ce se prilagodjavati rezoluciji. Pozz

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

1.Da li moze da se malo pomere slike uz levu ivicu a tekst da ostane


kad odradim ovo padding:10px 0 10px 0;
sve ode uz levu ivicu.


Uradio sam levi deo kao <div class="col-md-3"> a ovaj drugi je <div class="col-md-9">
css za slike da li moze ovako
.img_1, .img_3 { float:left; padding:10px 0 10px 0; } .img_2, .img_4 { float:right; padding:10px 0 0 0; }
Na oba diva je primenjen .prvi_div { margin:0 50px 0 50px; } .drugi_div { margin:0 50px 0 50px; }. Hvala i pozdrav

Reseno ovako
.img_1, .img_3 { float:left; margin: 0 30px 0 0 }

• 2Ovo se svidja korisnicima: dejnik978, E.L.I.T.E.
  
  Registruj se da bi pohvalio/la poruku!

Bacaj na taj img responsive class da nebude posle kuku lele.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

1. Kako da postavim ovaj okvir da li je ovo border ili tabela, ne vidim da je tabela ili gresim? ovo je izgleda php ne vidim kako je uradjen sajt
http://kopatheme.com/demo/new-maxx-wordpress-demo-page/

Na ovom sajtu vezbam i na njemu bih primenio ovo gore.
Uradjen je sa <div class="col-md-6"> slider i po tri dela po <div class="col-md-2'>




2.Da li se danas koriste responsive tabele za ovako nesto, tj. da se u njih ubaci sadrzaj slike i tako definisu u css-u?

Reseno u pitanju je box i njegov okvir, uradjen u css-u

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Iskodirao sam ovako nesto, sad me zanima koja je skripta js npr ili nesto slicno koja bi odvajala ove blokove da kad prelazim misem preko njih da se pomeraju da li to radi jquery ili? Ako moze neki link da pogledam, hvala

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Možeš to da odradiš u JavaScript, ali naravno, mnogo lakše je da koristiš biblioteku jQuery. Objasni bolje šta ti treba, na koji način da se pomeraju i koji blokovi?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ove osencane 4 celine. To su neka kombinacija clase col-md-4 i col-md-2. Pa kad prelazim preko tih osencanih delova da se pomeraju po koji centimetar nagore, ako nadjem neki primer na netu postavljam. Ili kad uhvatimo misem neki deo pa ga prevucemo na neko drugo mesto.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

<div class="container">          <div class="row">             <div id="divcontainer">                <div id="makeitmove"><img src="img/jagoda-3.jpg" class="img-thumbnails img-responsive fadeefekat" alt="berba malina">                            <p>There are many variations of passages of Lorem Ipsum available</p>                                  </div>             </div>          </div>       </div>
     #divcontainer { width:100%; height: 350px; margin: 0 auto; padding: 3px; } #makeitmove { width: 150px; height: 150px; border: 1px solid orange; cursor: move;box-shadow: 10px 10px 5px #888888; }            #divcontainer2 { width:100%; height: 1200px; margin: 0 auto; padding: 3px; } #makeitmove2 { width: 100%; height: auto; border: 1px solid orange; cursor: move;box-shadow: 10px 10px 5px #888888; } 
Mali div mogu da setam u okviru visine diva, dok ovaj veci ne mrda.


<script> $(document).ready(function(){ $("#makeitmove").draggable( {containment: "#divcontainer", scroll: false} ); }); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
1. Kako da pokrenem ovaj drigi da se pomera misem ?
2. Kako da se pomeraju sami na prelaz misem preko njih na gore?
Naravno ne treba resenje samo uput na neku scriptu ili sta vec, hvala pozdrav

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Vezbam jedan psd to bootstrap
blueasy-freebie



da li moze ovako za row .row {   margin-right: 80px;   margin-left: 80px; }
Radim ga po bootstrapovim pravilima, klasama ali mi se samo uklapa ovaj plavi deo kad odredim margine na 80px. Da li moze drugacije, pozdrav
.row {   margin-right: 80px;   margin-left: 80px; } .prvi_deo { background-color: #4bcaff; width:100%; height:auto; color:#fff; padding-top: 0; }
Ovo pitanje je prebaceno ovde http://www.mycity.rs/Web-dizajn/Psd-to-bootstrap-izrada-sajta.html#p1762536