Domov > HTML/CSS in dizajniranje spletnih strani > slika v ozadju in prilagoditev velikosti monitorja
stran 2 od 2 |< 1 2 > >|
slika v ozadju in prilagoditev velikosti monitorja
 
EDsolution 28. mar 2012 15:22:49 Pridružen od:
25. jul 2010
483 objav
 399 171 26
#11

Drugače pa če želiš, jaz sem enkrat rešil tako. Da sem za različne resolucije nalagal različne css-je.



If screen.width <= 1600 (1600.css)

If screen.width <= 14400 (1440.css)

itd...



V css-ju pa sem imel samo različne dimenzije ozadja, kateri je bil prilagojen za določene dimenzije.



npr.


body {

background-image: url(../images/bg1600.jpg) !important;

}

Skripta cca. 7 vrstic.



Če rabiš sporoč, pa bom objavil.


všeč(1) ni všeč(0) spam(0)
EDsolution.si, spletne storitve - Izdelava spletnih strani
Vremensko okno - Vreme widget - 1A-vreme.si
 
 
halo 28. mar 2012 17:42:11 Pridružen od:
16. maj 2010
92 objav
 17 3 1
#12

v svojo kodo moraš vstaviti 3 stvari: jquery knjižnico, jquery scripto in sliko

prvi dve stvari vstaviš v <head> sliko pa v <body>

ne vem pa kakšna je trenutna header.php koda


všeč(0) ni všeč(0) spam(0)
 
 
rubins 30. mar 2012 08:48:37 Pridružen od:
25. feb 2012
52 objav
 4 14 0
#13

EDsolution:

Drugače pa če želiš, jaz sem enkrat rešil tako. Da sem za različne resolucije nalagal različne css-je.



If screen.width <= 1600 (1600.css)

If screen.width <= 14400 (1440.css)

itd...



V css-ju pa sem imel samo različne dimenzije ozadja, kateri je bil prilagojen za določene dimenzije.



npr.


body {

background-image: url(../images/bg1600.jpg) !important;

}

Skripta cca. 7 vrstic.



Če rabiš sporoč, pa bom objavil.




No tale nasvet bi pa bil sprejemljiv za moj "nivo experimentiranja", če smem prositi, kako si to naredil?


všeč(0) ni všeč(0) spam(0)
Swarun Darko
 
 
tsu 30. mar 2012 08:55:09 Pridružen od:
16. jun 2008
351 objav
 482 34 14
#14

Poglej si media queries. To se sedaj uporablja za responsive design.



Nekaj linkov:

http://www.alistapart.com/articles/responsive-web-design/

http://webdesignerwall.com/tutorials/css3-media-queries


všeč(0) ni všeč(0) spam(0)
LinkedIn, @deveti, Si shell:aff link ;)
 
 
EDsolution 5. apr 2012 07:59:34 Pridružen od:
25. jul 2010
483 objav
 399 171 26
#15

@rubins


<script type="text/javascript">

var css = "";

if (screen.width <= 1920) css='http://www.domain.si/wp-content/themes/theme/css/1920.css';

else if (screen.width <= 1600)  css='http://www.domain.si/wp-content/themes/theme/css/1600.css';

else if (screen.width <= 1440)  css='http://www.domain.si/wp-content/themes/theme/css/1440.css';

else if (screen.width <= 1366)  css='http://www.domain.si/wp-content/themes/theme/css/1366.css';

else if (screen.width <= 1280)  css='http://www.domain.si/wp-content/themes/theme/css/1280.css';

else css='http://www.domain.si/wp-content/themes/theme/css/1280.css';

document.write("<link href='"+css+"' rel='stylesheet' type='text/css' />");

</script>

Če bi forum omogočal, pregled lastnih objavil bi kaj prej objavil :)



Lp


všeč(2) ni všeč(0) spam(0)
EDsolution.si, spletne storitve - Izdelava spletnih strani
Vremensko okno - Vreme widget - 1A-vreme.si
 
 
Lucifix 13. apr 2012 15:31:02 Pridružen od:
14. okt 2008
744 objav
 438 12 0
všeč(1) ni všeč(0) spam(0)
www.slo-foto.net
 
 
EDsolution 19. apr 2012 08:56:19 Pridružen od:
25. jul 2010
483 objav
 399 171 26
#17

Danes sem nalete na tole zanimivo stvar z ozadji, če komu prav pride.



http://css-tricks.com/perfect-full-page-background-image/


všeč(2) ni všeč(0) spam(0)
EDsolution.si, spletne storitve - Izdelava spletnih strani
Vremensko okno - Vreme widget - 1A-vreme.si
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > slika v ozadju in prilagoditev velikosti monitorja
stran 2 od 2 |< 1 2 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se