|
Poslao: 28 Jun 2015 20:27
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Podesio sam ovako za media queries ali ne ide
.text-center{
text-align: center !important;
}
@media only screen and (max-width: @screen-xs-max) {
.text-center p
{
color: red;
font-size:11px;}
}
Max width kaze da ogranici css za odredjeni uredjaj npr kada smanjim ovaj gore sajt treba da se primeni na velicinu 320px ali mi ne smanjuje velicini p. Ovaj naslov je podesen u span elementu ovako span
{
color:grey;
font-family: 'Oswald', sans-serif;
font-size: 50px;
}
. Da li da izbacim span pa da ostavim samo p.
Stavio sam i ovako i nece
@media only screen and (max-width: @screen-xs-max) {
p.text-center {
color: red;
font-size: 11px;
}
}
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
|
|
|
|
Poslao: 05 Jul 2015 00:13
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Radim (vezbam) sajt u bootstrap-u koji sam prebacio u php
Pitanje: zasto mi ne radi tooltip kada dodam i modal u jquery-u
cela scripta
$(function() {
//MAKE MENUS DROP AUTOMATICALLUY
$('ul.nav li.dropdown').hover(function()
{
$('.dropdown-menu', this).fadeIn();
}, function() {
$('.dropdown-menu', this).fadeOut('fast');
});//hover
//show tooltips
$("[data-toggle='tooltip']").tooltip({animation: true});
//show modals
$('.modalphotos img').on('click',function() {
$('#modal').modal({
show:true,
})
var mysrc = this.src.subdtr(0, this.src.length-7)+'.jpg';
$('#modalimage').attr('src',mysrc);
$('#modalimage').on('click', function(){
$('#modal').modal('hide');
});
});//jquery is loaded
Kada izbacim ovaj deo sto se odnosi na modal //show modals
$('.modalphotos img').on('click',function() {
$('#modal').modal({
show:true,
})
var mysrc = this.src.subdtr(0, this.src.length-7)+'.jpg';
$('#modalimage').attr('src',mysrc);
$('#modalimage').on('click', function(){
$('#modal').modal('hide');
});
tooltip radi
Ne radi ni modal kad sve bacim u gornju skriptu
Ceo kod za modal
index.php
<?php include "aside-lastyear.php";?>
header.php
<!--modal-->
<section id="modal" class="modal fade">
<div class="modal-body">
<img id="modalimage" src="" alt="modal photo">
</div>
</section><!--modal-->
aside-lastyear.php
<aside class="photosfromlastyear">
<h2>Last year</h2>
<hr>
<p>Did you miss last year's conference? Check out some photos from the event.</p>
<div class="modalphotos photogrid clearfix">
<img src="img/3.jpg" class="img-responsive" alt="voce">
<img src="img/4.jpg" class="img-responsive" alt="voce">
<img src="img/5.jpg" class="img-responsive" alt="voce">
<img src="img/6.jpg" class="img-responsive" alt="voce">
<img src="img/7.jpg" class="img-responsive" alt="voce">
<img src="img/8.jpg" class="img-responsive" alt="voce">
</div>
</aside>
Reseno osim modal-a zaboravio sam da dodam jos jedne zagrade kod mene ima dve treba tri
});
});
});//jquery is loaded
Kod modala nema slike samo tekst
|
|
|
|
|
|
|
Poslao: 05 Jul 2015 13:20
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Napisano: 05 Jul 2015 13:17
bootstrap ima integrisan tooltip koji mozes iskoristiti a u koji mozes ubaciti sliku na sledeci nacin:
http://tutsme-webdesign.info/bootstrap-3-popover-with-image/
Dopuna: 05 Jul 2015 13:20
Kad ti nesto od skripti ne radi, prvo na pr u google chrome idi na inspect element i na tab "console" i tu ce ti se izlistati errori (nedostatak fajlova, neispravne funkcije, sintaksne greske itd). Pa uslikaj i postavi ovde, mozea se tu krije odgovor zasto modal i tooltip ne rade zajedno.
|
|
|
|
|
|
|
|
|
Poslao: 05 Jul 2015 13:52
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Stavio si jquery-1.11.2.min umesto jquery-1.11.2.min.js
Fajlove moras pozivati sa sve ekstenzijom.
|
|
|
|
|
|
|
|
|
Poslao: 05 Jul 2015 14:36
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Javlja ti se konflikt izmedju jquery fajlova. Ne smes imati vise od jedne verzije, a ti si je ucitao i lokalno i sa servera.
|
|
|
|
|
|
|
Poslao: 05 Jul 2015 14:42
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
m4rk0 ::Javlja ti se konflikt izmedju jquery fajlova. Ne smes imati vise od jedne verzije, a ti si je ucitao i lokalno i sa servera.
Hvala tako je obrisao sam jednu sa kompytera ostala je ova sa interneta i sada radi osim modala, samo da nadjem i za to resenje ili da uzmem neki drugi primer za to.
Jqery sam poceo da ucim ovo je sa neta funkcija
to je deo var mysrc = this.src.subdtr(0, this.src.length-7)+'.jpg';.
|
|
|
|
|
|
