Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Разрешение экрана и соответствующий ему фоновый рисунок (https://javascript.ru/forum/xhtml-html-css/12346-razreshenie-ehkrana-i-sootvetstvuyushhijj-emu-fonovyjj-risunok.html)

gods33 10.12.2010 09:17

ksa,
вот мой фон. http://img.flashtux.org/img132b85a11a73x8e9868bc.png

ksa 10.12.2010 11:15

Цитата:

Сообщение от gods33
вот мой фон

Ну такое если только по центру разместить... :D
Если конечно ты как-то сможешь выделить там повторяющиеся части - можно будет:
- порезать рисунок на куски повторяющиеся и не повторяющиеся
- всю подложку разбить ДИВами на участки
- в одних будут не повторяющиеся части и они будут фиксированым размером
- в других будут повторяющиеся и размер будет зависеть от размера окна

Либо всь сайт делать неким фиксированым размером по ширине и длине. Картинку делать не фоном а именно картинкой - она торга будет растягиваться если нужно. А сверху делать еще один ДИВ, в котором и будет размещаться весь контент...

Третьего вроде и не дано...

sukubba 10.12.2010 15:56

Да и вообще кто сказал что к Вам будет народ заглядывать если только фоновая картинка у меня грузилась 15 минут... Я думал что большинство веб сайтов разрабатывают ориентируясь на привлечение клиентов, а так, я думаю, только распугать можно. На мой взгляд смените фоновый рисунок на что то более легкое.
PS Из повторяющихся фрагментов картинки можно сделать тоже что то красивое

Kolyaj 10.12.2010 15:57

Цитата:

Сообщение от sukubba
Я думал что большинство веб сайтов разрабатывают ориентируясь на привлечение клиентов

Как жаль, что не все так думают.

monolithed 10.12.2010 16:38

Вложений: 1
А сделаем ка мы из 602кб - 38кб :)

gods33 10.12.2010 18:14

sukubba, ну вобще суть-то как раз в том чтобы отпугнуть серферов от моего сервера. Да, согласен, звучит странно :) Но, как я упоминал ранее, я только начинаю осваивать все прелести данной деятельности, и чтобы никто из "чужих" там не лазил я решил страницу с этим фоном сделать как index.html, можно было бы конечно оставить банальное "It's work!" или просто что-то текстом наваять, но решил сделать так. Ну там конечно на рисунке еще кое-что добавлю. Вот собстно и все :)

gods33 10.12.2010 18:18

Цитата:

Сообщение от ksa (Сообщение 83156)
Ну такое если только по центру разместить... :D

Вот это пожалуй самое то, только с выполнением всех условий изложенных мной в первом посте.

ksa 10.12.2010 19:58

Цитата:

Сообщение от gods33
чтобы никто из "чужих" там не лазил

Тогда бабу голую размести... Все не зря люди ждать загрузки будут. :D

ksa 10.12.2010 20:03

Цитата:

Сообщение от gods33
Вот это пожалуй самое то

Как вариант...

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
html,
body {
	width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background: url('http://img.flashtux.org/upload/img132b85a11a73x8e9868bc.png') no-repeat center center #000000;
}
</style>
<script>
</script>
</HEAD>
<BODY>
</BODY>
</HTML>

gods33 10.12.2010 20:49

ksa,
к сожалению на работает. Я немного внес изменения, а именно сделал изображение размером 800x600, и теперь если я его вставляю в Ваш код, при разрешении 1280х1024 то получается вот так http://img.flashtux.org/img132b85a2d45ax45d2cfdf.jpg то есть меньше оригинала все равно. А мне нужно чтобы структура изображения не менялась, ну растягивалось оно что ли...


Часовой пояс GMT +3, время: 10:17.