Сообщество русскоговорящих пользователей
CMS DotNetNuke
   Вы здесь:  Форум
Добро пожаловать, Гость. Чтобы воспользоваться всеми функциями форума - зарегистрируйтесь или аутентифицируйтесь.
rudek Offline
#1 Оставлено : 9 февраля 2012 г. 11:49:57(UTC)
rudek

Статус: Участник

Зарегистрирован: 09.02.2012(UTC)
Сообщений: 10
Откуда: Красноярск

Хочет клиент такую штуку интересную.
Что бы сайт масштабировался в зависимости от ширины экрана. То есть не просто перестраивался по средствам резиновой шкуры. А именно масштабировался.
Короче нужен эффект как в смартфоне открываешь и все уменьшилось под ширину экрана.

Обычным CSS такое не провернуть.
Вот сижу голову ломаю может кто в курсе как такое можно организовать или хотя бы подскажет в каком направлении копать.
Реклама
amor Offline
#2 Оставлено : 9 февраля 2012 г. 13:23:08(UTC)
amor

Статус: Опытный

Зарегистрирован: 30.01.2010(UTC)
Сообщений: 134
Откуда: Russian Federation

Сказал(а) «Спасибо»: 11 раз
Поблагодарили: 8 раз в 8 постах
ИМХО, под любое разрешение (x и y) плавное масштабирование средствами самой CMS вы никак не сделаете.
Или искать обходные пути (делать набор скинов?) или понять что хочет клиент. По моему это бред. Вы объясните ему, что если на широком экране растянуть в ширину то что нормально выглядит на 4:3, то смотреться растянутое будет порнографично. Сделайте ему фотографию экрана с картинками и текстом и растяните её по ширине на 30 процентов; и наоборот сделайте.

P.s. Где он такое видел?
rudek Offline
#3 Оставлено : 9 февраля 2012 г. 14:28:38(UTC)
rudek

Статус: Участник

Зарегистрирован: 09.02.2012(UTC)
Сообщений: 10
Откуда: Красноярск

да на айфоне своем.
Ну вот типо тут прикольненько получается вот так же хочу.
А как это делать видимо мой напряг.
shiningman Offline
#4 Оставлено : 9 февраля 2012 г. 15:19:11(UTC)
shiningman

Статус: Продвинутый

Зарегистрирован: 22.08.2009(UTC)
Сообщений: 58
Откуда: Kazakstan

Сказал «Спасибо»: 8 раз
Поблагодарили: 4 раз в 4 постах
Можете ему вот такой сайт показать, может это его устроит - 1140 Grid Layout - при уменьшении экрана перестройка идет в одну колонку, в том числе и меню. http://www.itpro.kz
На iPhone работает 100%!

http://store.dotnetnuke....tible-mobile-device-and-

Отредактировано пользователем 9 февраля 2012 г. 15:56:14(UTC)  | Причина: Не указана

Не жалуйтесь на судьбу. Ей, может быть, с вами тоже не очень приятно.
http://shiningman.info
rudek Offline
#5 Оставлено : 14 февраля 2012 г. 10:34:17(UTC)
rudek

Статус: Участник

Зарегистрирован: 09.02.2012(UTC)
Сообщений: 10
Откуда: Красноярск

А поподробнее можно чем у Вас картинки уменьшаются?
При помощи чего чем подробнее тем лучше
думаю такой вариант устроит
shiningman Offline
#6 Оставлено : 14 февраля 2012 г. 12:32:37(UTC)
shiningman

Статус: Продвинутый

Зарегистрирован: 22.08.2009(UTC)
Сообщений: 58
Откуда: Kazakstan

Сказал «Спасибо»: 8 раз
Поблагодарили: 4 раз в 4 постах
В этом скине главное не верстать в таблицах с фиксированной шириной и дивы только в процентах по ширине, и все будет перестраиваться и масштабироваться нормально. Специально что-то для уменьшения картинок писать не надо.
Не жалуйтесь на судьбу. Ей, может быть, с вами тоже не очень приятно.
http://shiningman.info
rudek Offline
#7 Оставлено : 7 декабря 2012 г. 9:05:18(UTC)
rudek

Статус: Участник

Зарегистрирован: 09.02.2012(UTC)
Сообщений: 10
Откуда: Красноярск

Ну как в общем то и говорили сделал все методами предложенными.
Все размеры указал в % пришлось сделать модуль отдельный и к нему прицепить пустой шаблон. Иначе мешалась разметка от шаблона.
Все масштабируется и фон и кнопки и главное ничего не едет при уменьшении.


<div >
<asp:Image ID="Image1"
style="border-style:none; width: 100%; position:relative; top: 0px; left: 0px;"
runat="server" ImageUrl="back.jpg" ViewStateMode="Enabled" />
</div>

<%--первая кнопка--%>
<div style="border-style:none; width: 11%; position:relative; margin-left:5%; margin-top:-61%;">
<asp:ImageButton ID="_imageButton1" runat="server"
ImageUrl="service.png" width="100%" onclick="_imageButton1_Click" />
</div>

<%--вторая кнопка--%>
<div style="border-style:none; width: 11%; position:relative; margin-left:24%; margin-top:-4%;">
<asp:ImageButton ID="_imageButton2" runat="server"
ImageUrl="zapchasti.png" width="100%" onclick="_imageButton2_Click" />
</div>




<%--третья кнопка--%>
<div style="border-style:none; width: 11%; position:relative; margin-left:40%; margin-top:-4%;">
<asp:ImageButton ID="_imageButton3" runat="server"
ImageUrl="stol.png" width="100%" onclick="_imageButton3_Click" />
</div>
Пользователи, просматривающие эту тему
Быстрый переход  
Вы не можете создавать новые темы в этом форуме.
Вы не можете отвечать в этом форуме.
Вы не можете удалять Ваши сообщения в этом форуме.
Вы не можете редактировать Ваши сообщения в этом форуме.
Вы не можете создавать опросы в этом форуме.
Вы не можете голосовать в этом форуме.



 
OpenedBorderBoxed Small width layoutMedium width layoutMaximum width layout Small textMedium textMaximum text