Перейти к контенту
  • 0

Фиксирование логотипа


SAT

Вопрос

как зафиксировать логотип в смысле что бы если пользователь сидит с большим разрешением например 1280х1024, что бы картинка лого растягивалась/сжималась под его разрешение, а то по краям получается пустота....

 

помогите плиз... :D

Ссылка на комментарий
Поделиться на других сайтах

Рекомендуемые сообщения

  • 0

для этого есть однопиксельный гдадиент который "добивает" лого до текущего разрешения экрана.

 

в данном случае лого отображаеться

<div id="logostrip"><a href='{$ibforums->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>

 

топаем в стили там смотрим стиль

logostrip { border:1px solid #345487;background-color: 3860BB;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }

вот tile_back.gif и есть тот градиент который "продлевает" логотип независимо от разрешения экрана пользователя.

 

дело за малым :D нарисовать свой градиент. я поступал проще, просто в фотошопе отрезал от лого крайний правый кусочек шириной в один пиксель, называл его tile_back.gif и перезаливал.

Ссылка на комментарий
Поделиться на других сайтах

  • 0

#logostrip
{
background: transparent url(<#IMG_DIR#>/logo_left.jpg)no-repeat right;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
border: 1px solid #EEE;
height: 100px;
}

 

вот у меня там такой скрипт....

 

мне нужно в нем что-то поменять или просто добавить

background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);

 

и усе??

 

меня просто смущает вот эта строка

background: transparent url(<#IMG_DIR#>/logo_left.jpg)no-repeat right;

 

это ссылка на дефолтное лого моего скина, тока вот лого давно уже заменено :D

Ссылка на комментарий
Поделиться на других сайтах

  • 0
tile_back это класика жанра, вам настолько лень залезть и глянуть что кроеться за картинкой logo_left.jpg ? скорее всего тот же одно-двух пиксель
Ссылка на комментарий
Поделиться на других сайтах

  • 0
tile_back это класика жанра, вам настолько лень залезть и глянуть что кроеться за картинкой logo_left.jpg ? скорее всего тот же одно-двух пиксель

 

нет не лень, я же спрашиваю почему, потому что именно за этой картинкой (logo_left.jpg) скрывается картинка 1015х100, но в скрине у меня ща лого на другую картинку... вот я и думаю каким боком она в CSS и нужно ли это там[1111599697:1111603123]Спасибо большое за подсказку с CSS :D все сделал все работает ;)

еще раз благодарствую :)

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Ответить на вопрос...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.