lil_stenly Posted November 20, 2006 Share Posted November 20, 2006 Искам да направя сайтче ... нещо простичко , но колкото да има ! Проблема е следния , в дриймуейвър никъде не видях как мога да stretch-на background image-а ! Пробвах с няколко скрипта на CSS , но нестава ! Може ли по някакъв начин да се направи с дрийм-а или някоя друга програмка , скрипт или изобщо възможно ли е ! Link to comment Share on other sites More sharing options...
genecatcher Posted November 20, 2006 Share Posted November 20, 2006 Искам да направя сайтче ... нещо простичко , но колкото да има ! Проблема е следния , в дриймуейвър никъде не видях как мога да stretch-на background image-а ! Пробвах с няколко скрипта на CSS , но нестава ! Може ли по някакъв начин да се направи с дрийм-а или някоя друга програмка , скрипт или изобщо възможно ли е ! Първо трябва да дефинираш колко ще ти е дълга страницата. След това във фотошоп правиш дълга и тънка лента колкото ти е дълга страницата (с градиент) или квадратче с мотив, който ще се повтаря, но внимаваш мотива на всяко квадратче да пасва на околните. Оттам нататък знаеш какво да правиш! В Dreamweaver бекграунд картинката винаги ще се повтаря, а за да я разпънеш, така че да кореспондира на различните мониторни резолюции ще ти трябва DHTML скрипт. Link to comment Share on other sites More sharing options...
lil_stenly Posted November 20, 2006 Author Share Posted November 20, 2006 Точно това е ! Аз НЕ искам да се повтаря ! Картината ми е едно wallpaper-че и искам да го стречна , но нестава ! Link to comment Share on other sites More sharing options...
tedy Posted November 21, 2006 Share Posted November 21, 2006 Ето вариант само с CSS: <html> <head> <title>Background stretch</title> <style type="text/css"> body {margin:0px;} #div_bg_img { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0; } #contents { z-index: 1; position: absolute; } </style> </head> <body> <!-- te background image --> <div id="div_bg_img"> <img src="background.jpg" style="width: 100%; height: 100%;"> </div> <!-- the contents on top of the background --> <div id="contents"> Sydyrjanieto na stranicata tuk. </div> </body> </html> Това си играе с Z индекса на елементите, и бачка. Ако не ти харесва начина, можеш с DHTML както ти каза genecatcher, примерно да следиш window.onresize и да сетваш стила на бекграунда. Но тия изпълнения са тромави и гълтат процесор, а и е много рядко явление такова нещо, помисли по друг фон с повторение или по хоризонтала, или вертикала, или и по двете (общия случай). Link to comment Share on other sites More sharing options...
lil_stenly Posted November 21, 2006 Author Share Posted November 21, 2006 Много ви благодаря за съветите ! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.