|
Poslao: 21 Dec 2014 17:02
|
offline
- miki7479
- Novi MyCity građanin
- Pridružio: 08 Avg 2014
- Poruke: 15
|
Pocetnik sam u web dizajnu usavrsio sam html5, css3 (www.w3school.com) javascript, jquery. Poceo sam polako da ucim php i word press. Uradio sam 2 sajta, njihov izgled na ekranima monitora i laptopa je ok ali problem je kada su u pitanju ekrani mobilnih telefona androida i telefoni starije verzije. Moram da napomenem da je slajd sou tj slajderi urađeni sa dosta efekata. Znam da postoje kodovi koji resavaju ovaj problem. Ako neko zna neka mi pomogne dobrim savetom ili da me uputi na neki dobar tutorijal
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
|
|
|
|
Poslao: 21 Dec 2014 17:25
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Moja preporuka za ucenje reponsiva je bootstrap. Za okruzenje bih ti preporucio Sublime sa instaliranim emmet-om.
|
|
|
|
|
|
|
|
|
|
|
Poslao: 02 Jan 2015 13:58
|
offline
- Pridružio: 16 Feb 2011
- Poruke: 1630
- Gde živiš: Pancevo
|
Kad imas ovakve pocetnicke probleme onda nisi usavrsio dovoljno dobro html5 i css3. Savrseno je nesto sto ni ja sam ne mogu zamisliti pogotovo kad se govori o html5.
Elem koristi CSS Media Queries:
<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
}
</style>
Pogledaj ovde imas lepo objasnjeno u vezi rezolucija i ostalih podesavanja za MQ
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
|
|
|
|
|
|
|
Poslao: 27 Feb 2015 17:55
|
offline
- miki7479
- Novi MyCity građanin
- Pridružio: 08 Avg 2014
- Poruke: 15
|
Napisano: 26 Feb 2015 20:13
Dopuna: 26 Feb 2015 20:13
FoxVanis ::Bootstrap je mama za te stvari, Foundation je jaaaako moćna alatka za to ili jQueryMobile.
getbootstrap.com/
foundation.zurb.com/
jquerymobile.com/
Hvala na pomoći.  Radio sam sajt uz pomoć bootstrapa i veoma sam zadovoljan, mnogo toga sam i naučio. Da li možda znaš postoji li neki plugin ili kod za povećanje slike u bootstrapu. Na primer kliknem sliku i iskoči prozor sa većom slikom, koju ponovo zatvorim klikom na X. Pokušao sam sa nekim jquery modulima i kodovima koji rade ali...kad zatvorim sliku ceo izgled sajta se pomeri malo u stranu pa se vrati, to je mali trenutak ali zna da nervira...
Dopuna: 27 Feb 2015 17:53
Pronašao sam rešenje i za taj problem  pomoću metode "jQuery.noConflict();" Pokazaću primer gde sam koristio dve različite jquery biblioteke.. ALI!! ovo ne funkcioniše kada je bootstrap u pitanju
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>responsive design</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="jquery.blueberry.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
</head>
<body>
<script>
jQuery.noConflict();
var j = jQuery.noConflict();
j(function() {
j('.slika img[rel]').overlay({effect: 'apple'});
});
$(window).load(function() {
$('.blueberry').blueberry();
});
</script>
</body>
</html>
|
|
|
|
|
|
|
Poslao: 01 Mar 2015 17:49
|
offline
- Pridružio: 28 Feb 2012
- Poruke: 80
- Gde živiš: RS
|
Moja preporuka za takve stvari da koristis direktno klase iz Bootstrap-a.
Integrisano je to vec, pročitaj Modal poglavlje.
Tu mozes odraditi da uvecas sliku, dakle kombinacija thumbnail-a i modalnih prozora.
getbootstrap.com/javascript/#modals
Ako se ne budes snasao, odradicu ja jedan primjer pa postaviti ovdje.
Pozdrav!
|
|
|
|
|
|
|
Poslao: 30 Maj 2015 13:58
|
offline
- miki7479
- Novi MyCity građanin
- Pridružio: 08 Avg 2014
- Poruke: 15
|
Napisano: 01 Mar 2015 18:45
Hvala pogledacu prvom prilikom kad budem imao vremena
Dopuna: 30 Maj 2015 13:58
Kako u bootstrap-u centrirati linkove u nav-bar-u, zelim da mi stoje u sredini, linkovi se mogu podesiti da budu levo ili desno, u svom fajlu css-a pokusao sam sa text-align: center ali nesto nece da radi kako treba -ne ide...
|
|
|
|
|
|
