Перейти к контенту
  • 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 все сделал все работает ;)

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

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

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

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить на вопрос...

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

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

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

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

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

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

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

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