Проблема с широким лого сайта на мониторах с большим разрешением и диагональю - PHP-Fusion SF Russian Support Site

Регистрация

Забыли пароль?

Правила форума

FAQ (читать перед созданием новой темы)

Просмотр темы

Вернуться на сайт: PHP-Fusion SF Russian Support Site

Форум поддержки PHP-Fusion SF | PHP-Fusion SF - Разное | Вопросы / Жалобы / Предложения

# 1 Тема: Проблема с широким лого сайта на мониторах с большим разрешением и диагональю

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 21 Мая 2009, 17:38:01

Здравствуйте!
Имеется проблема с лого.
Мой коллега сделал лого широким и красивым(на его взгляд), на 17-дюймовых мониторах с разрешением 1024*768 смотрится нормально, но вот на более высоких разрешениях и диагоналях справа от лого серое пятно.
Что можете посоветовать чтобы все выглядело нормально?

^ наверх ^

dr56
SF Team

Avatar пользователя

SF Support Team

Любитель Fusion

Сообщений: 374
Зарегистрирован: 29 Августа 2008, 15:35:03
Сказали спасибо 25 раз
Статус: offline

Опубликовано 21 Мая 2009, 20:39:45

Darth Emil написал:
Здравствуйте!
Имеется проблема с лого.
Мой коллега сделал лого широким и красивым(на его взгляд), на 17-дюймовых мониторах с разрешением 1024*768 смотрится нормально, но вот на более высоких разрешениях и диагоналях справа от лого серое пятно.
Что можете посоветовать чтобы все выглядело нормально?

если в лого есть однотонные цвета, то разбиваешь лого на 2 части, а между ними таблицу закрашенную этим цветом, одну карттинку выравниваешь по правому краю, другую по левому, по средние таблица, и таким образом лого будет на весь экран, и будет растягиваться таблица, тоесть пример:
|||||||[]|||||| а растнянеться так |||||||[____]|||||||

можно просто фон за картинкой сделать белым, или другой цвет который подходит

можно анализировать разрешение экрана, если одно, то одна картинка, если другое, то увеличенная картинка.

кстати, например на разрешении 800 на 600 будут прокрутки сбоку. это тоже плохо, нужно шаблон как можно более резиновым сделать, что бы подгонялся под все популярные разрешения.

[Изменил(а) dr56, 21 Мая 2009, 20:40:24]

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 21 Мая 2009, 22:23:41

Нет, лого сплошное, разделить не выйдет.

^ наверх ^

dr56
SF Team

Avatar пользователя

SF Support Team

Любитель Fusion

Сообщений: 374
Зарегистрирован: 29 Августа 2008, 15:35:03
Сказали спасибо 25 раз
Статус: offline

Опубликовано 22 Мая 2009, 06:10:02

ну тогда тебе сюда сюда сюда

^ наверх ^

1 пользователь сказал спасибо Вам: Darth Emil

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 22 Мая 2009, 13:37:40

Пример хороший, но как это реализовать в моем случае? Я в php и javascript не шарю.

^ наверх ^

Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline

Опубликовано 23 Мая 2009, 11:17:20

Что ты не можешь реализовать? Больше конкретики.
-------------------- Retired

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 23 Мая 2009, 17:06:43

Что и где прописать чтобы если у юзера монитор с разрешением 1024*768, то показывал одно лого, а если больше - другое?

^ наверх ^

Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline

Опубликовано 23 Мая 2009, 18:17:34

`<script language='JavaScript' type='text/javascript'> <!-- if(screen.width==1024) { document.write('<img src="путь_к_лого">'); } else { document.write('<img src="путь_к_2_лого">'); } //--> </script>` если 1024 ширина, и остальные тута.
-------------------- Retired

^ наверх ^

1 пользователь сказал спасибо Вам: Darth Emil

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 23 Мая 2009, 19:56:08

Так, а где это прописать?

^ наверх ^

dr56
SF Team

Avatar пользователя

SF Support Team

Любитель Fusion

Сообщений: 374
Зарегистрирован: 29 Августа 2008, 15:35:03
Сказали спасибо 25 раз
Статус: offline

Опубликовано 23 Мая 2009, 20:05:23

В файле theme.php

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 23 Мая 2009, 20:34:30

Где именно?

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 25 Мая 2009, 17:34:47

Скажите, пожалуйста, в какое именно место в theme.php вставить этот код? И как правильно указать путь до картинки?

^ наверх ^

Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline

Опубликовано 25 Мая 2009, 22:34:06

Darth Emil шо мы как дети то? Код в тхеме пхп вставляй в шапку, render_header нада полагать, токо смотри корректно чтобы. Путь до картинки... Ну это я хз где твоя картинка. Можешь от корня по типу /images/картинко.жпг
-------------------- Retired

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 26 Мая 2009, 10:12:14

Psc написал:
Darth Emil шо мы как дети то?

Код в тхеме пхп вставляй в шапку, render_header нада полагать, токо смотри корректно чтобы.

Путь до картинки... Ну это я хз где твоя картинка. Можешь от корня по типу /images/картинко.жпг

Так в том-то и дело куда корректно вставить? Я вставляю, страница вообще не грузиться, ругается на ошибку в той строке куда вставляю. Я-то откуда знаю куда вставлять. Я с php и javascript впервые работаю, и то не по собственному желанию, а потому что нужно для работы сайт сделать.

^ наверх ^

Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline

Опубликовано 26 Мая 2009, 12:13:45

Учуял. Вставляеть нада в код примерно так `?> скрипт или хтмл <?php` Выбираешь норм место и поехали. Или показать куда точно и вставить и тп? Тогда давай свой файл прилагай и свой код и путь до картинки.
[Изменил(а) Psc, 26 Мая 2009, 12:14:25] -------------------- Retired

^ наверх ^

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 26 Мая 2009, 13:46:13

Картинки лежат тут: `images/logo.gif images/logo2.gif` Кстати, можно еще видоизменить код замены, чтобы добавить туда разрешение 800*600? Файл темы в аттаче.	Прикрепленные файлы Для просмотра вложения зарегистрируйтесь

^ наверх ^

Psc
SF Team

Avatar пользователя

Psc

SF Support Team

Почетный SF

Сообщений: 2515
Откуда: As is
Зарегистрирован: 10 Ноября 2007, 13:15:07
Сказали спасибо 353 раз
Статус: offline

Опубликовано 26 Мая 2009, 15:11:02

В файле subheader.php
замени

render_header("<img src='".BASEDIR.$settings['sitebanner']."' alt='".$settings['sitename']."' title='".$settings['sitename']."'>");

на

render_header('<script language=\'JavaScript\' type=\'text/javascript\'>

<!--

if(screen.width==1024) {

document.write(\'<img src="'.BASEDIR.'images/logo.gif">\');

}

if(screen.width==800) {

document.write(\'<img src="'.BASEDIR.'images/logo2.gif">\');

}

else {

document.write(\'<img src="'.BASEDIR.'images/logo3.gif">\');

}

//-->

</script>');

- думаю с этим понятно. BASEDIR константа главной папки.

Рекомендую добавить <noscript> для всех браузеров...

[Изменил(а) Psc, 26 Мая 2009, 15:12:34]

--------------------
Retired

^ наверх ^

2 пользователей сказали спасибо Вам: Darth Emil, xadmin

Darth Emil
Пользователь

Avatar пользователя

Местный

Сообщений: 44
Зарегистрирован: 18 Мая 2009, 17:45:57
Сказали спасибо 0 раз
Статус: offline

Опубликовано 26 Мая 2009, 16:11:12

Большое спасибо! Теперь все как нужно.

^ наверх ^

Перейти на форум:

95,443,275 уникальных посетителей
сейчас: 02 Мая 2024, 11:38:43
Генерация страницы: 0.55 сек.