slika v ozadju in prilagoditev velikosti monitorja
10 naročnikov
10 naročnikov
TUKAJ JE PRIMER, kar že nekaj časa iščem: http://bicycletouringpro.com/blog/
Če naredim lepo ozadje in nočem, da se slika ponavlja. Videl sem, da obstaja način, da se backrgound image samodejno prilega zaslonu, ne glede, če sem na 17 "ali 32" monitorju. Sicer slika mal izgubi na kvaliteti, ampak drugače moraš narediti sliko recimo 1920x1200pix in to je kar velik fajl, pa še na malih ekranih sploh ne vidijo kak si se trudil z ozadjem.
Rešitve sem (mogoče)našel:
http://css-tricks.com/how-to-resizeable-background-image/
ne vem pa kako to narediti z body-background css-jih wordpress teme.
Kakšen body background image dimensions plugin bi prav prišel.
Ima kdo kakšno idejo kako nastaviti style. Hvala
16 odgovorov
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
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?
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
@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
Danes sem nalete na tole zanimivo stvar z ozadji, če komu prav pride.
http://css-tricks.com/perfect-full-page-background-image/