Логотип на всю ширину форума - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

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

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

logotip лого логотип резиновая шапка шапка

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Логотип на всю ширину форума не выходит никак=(

#1 Пользователь не на сайте   karamaltyk ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 2
  • Регистрация: 01-Ноябрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 23 Апрель 2009 - 08:44

просмотрел все ваши темы и так ответа и не нашёл,надеюсь на вашу помощь
по всей видимости у меня какой-то сложный лого))
привожу свой цсс
#logostrip{ 
	background: url(style_images/<#IMG_DIR#>/tile_back.gif);
	height: 142px;
	margin: 0;
	padding: 0;
}

#logographic{
	background: transparent url(style_images/<#IMG_DIR#>/logo.gif) no-repeat left;
	height: 142px;
	margin: 0;
	padding: 0;
}
 
.logomid {
    background:  url(style_images/<#IMG_DIR#>/tile_back.gif) repeat-x;
  	display: inline;
  	float:left;
  	width:100%;
    border-bottom: 0px solid #000;
	height: 142px;
	font-size: 11px;
  	margin: 0px;
  	padding: 0px;
    text-align: left;
  	width: 100%;
}

.logoleft {
    background: url(style_images/<#IMG_DIR#>/logo-left.gif) no-repeat left top;
  	display: block;
  	float: left;
  	margin: 0px;
  	padding: 0px;
  	height: 142px;
  	width: 100%;
}

.logoright {
    background: url(style_images/<#IMG_DIR#>/logo-right.gif) no-repeat right top;
    display: inline;
  	float: right;
    padding: 0px;
  	text-decoration: none;
  	color: #000;
	font-size: 1px;
  	height: 142px;
  	margin: 0px;
  	width: 100%;
}

хочется растянуть его на всю ширину,но никак что-то мой скудный мозг не сообразит как
заранее спасибо за помощь

Сообщение изменено: karamaltyk (23 Апрель 2009 - 08:45)

0

#2 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 191
  • Регистрация: 21-Ноябрь 05
  • Репутация: 698
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 23 Апрель 2009 - 08:58

Так часто спрашивали, что даже скин такой сделала и статью про резиновый логотип форума давно написала.
Наверное в сотый раз даю на нее ссылку...
0

#3 Пользователь не на сайте   karamaltyk ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 2
  • Регистрация: 01-Ноябрь 08
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 23 Апрель 2009 - 11:40

смотрел я эту статью,пробовал делать,дело в том,что в боард_хидере строка как-то связанная с лого имеет такой вид

Цитата

<div class="logomid"><div class="logoleft"><div class="logoright">&nbsp;</div></div></div>

0

#4 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 191
  • Регистрация: 21-Ноябрь 05
  • Репутация: 698
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 23 Апрель 2009 - 13:20

Делать растягивающуюся подложку с переходам в фон трех частей.
Шапка форума из трех картинок
В статье это градиент для фона.
Принцип используется несколько другой.

А Ваш принцип вроде ibskin.com использует?
Там скины платные в основном. Тогда лучше спросить по месту покупки у его разработчиков.

А если используете ворованный скин, помощи ни от автора, ни от нас не ждите.
Правила форума, пункт 8
Покажите ссылку на форум, если это не платный скин.
0

#5 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 26 Декабрь 2011 - 20:49

Вот форум: http://smolbattle.ru/index.php?act=idx
По растягиванию логотипа (делаем резиновый) сделал всё как в инструкции.
1. Всё стало шикарно ! Но у кого разрешение экрана меньше чем разрешение логотипа у них шапка чуть не помещается, просто сокращена (хотя и не вылазит за "бок").
2. В IE совсем лого не отображается. А в опере - обрезано. Либо уходит вправо.
За ранее ОГРОМНОЕ СПАСИБО !
Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

Сообщение изменено: PaulZibert (26 Декабрь 2011 - 21:56)

0

#6 Пользователь не на сайте   Fil ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 14
  • Регистрация: 30-Август 07
  • Репутация: 5
  • IPB version:3.2.x
 

Отправлено 26 Декабрь 2011 - 21:34

Просмотреть сообщениеPaulZibert 26 Декабрь 2011 - 20:49 сказал(а):

Вот форум: http://smolbattle.ru/index.php?act=idx
По растягиванию логотипа (делаем резиновый) сделал всё как в инструкции.
1. Всё стало шикарно ! Но у кого разрешение экрана меньше чем разрешение логотипа у них шапка чуть не помещается, просто сокращена (хотя и не вылазит за "бок").
2. В IE совсем лого не отображается. А в опере - обрезано.
За ранее ОГРОМНОЕ СПАСИБО !
Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

шапка мелкая, либо тянуть, либо шапку увеличивать.
0

#7 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 26 Декабрь 2011 - 21:48

Просмотреть сообщениеFil 26 Декабрь 2011 - 21:34 сказал(а):

шапка мелкая, либо тянуть, либо шапку увеличивать.

Как это. Шапка размером 1283на168, плюс в Мозиле отлично выходит.
А в опере - обрезано. Либо уходит вправо.
МОжет поможет лого из трех картинок ?

В теме Фисаны нашел такое замечание:

Марсель:
Май 27, 2010 в 15:17

Все сделал как написано. Растягивается только в Firefox. Пробую в других браузерах – опера, ие, хром – не растягивается ((( в чем косяк?
Fisana:
Май 27, 2010 в 22:20

Синтаксис проверяйте.
Не копируйте отсюда код, а вручную прописывайте.

Мб дело в синтаксе ?

Сообщение изменено: PaulZibert (26 Декабрь 2011 - 22:12)

0

#8 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 27 Декабрь 2011 - 09:08

Уверен что Fisana знает ответ. Понимаю что Вас все достали этим вопросом, но огромная просьба помочь с оптимизацией. Проблему отписал в двух постах выше.
0

#9 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 191
  • Регистрация: 21-Ноябрь 05
  • Репутация: 698
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 27 Декабрь 2011 - 09:41

Если все делали по инструкции, проблем быть не должно.
Таков ответ.

А искать случайные чужие ошибки (не такие кавычки, пропуски пробелов, забытые в ставки в css и т.п. обычные проблемы) мне некогда. Тем более, я не телепат и кода не вижу.
Да и некогда смотреть.
0

#10 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 27 Декабрь 2011 - 09:44

Просмотреть сообщениеFisana 27 Декабрь 2011 - 09:41 сказал(а):

Если все делали по инструкции, проблем быть не должно.
Таков ответ.

Точ в точ. Посмотрите плиз, умоляю.
Искренне понимаю что таких как я у Вас тысячи...
Даже Марселю уже отписал который сталкивался с подобным траблом но вопрос решил.
Жду пока ответа от него. Может поможет.Вот мой код.

Вот код: <div align="left"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='NEW.jpg' alt='IPB' style='vertical-align:top'border=’0’; width=’100%’ height=’auto’/><!--ipb.logo.end--></a></div>

Сообщение изменено: PaulZibert (27 Декабрь 2011 - 09:46)

0

#11 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 191
  • Регистрация: 21-Ноябрь 05
  • Репутация: 698
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 27 Декабрь 2011 - 10:07

Сами не видите, что перед border нет пробела и начиная оттуда же кавычки кривые?

Руками прописывайте код, а не копируйте из моего блога, где при обновлении все коды поломались!

Везде говорю, РУКАМИ ПРОПИСЫВАЙТЕ ВСЕ КАВЫЧКИ.
Не ленитесь и не отнимайте время.
1

#12 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 27 Декабрь 2011 - 10:15

Пробел убрал неповлияло. Но изменил все кавычки на такого типа -
<div align="left"><a href="{$this->ipsclass->base_url}"><!--ipb.logo.start--><img src="NEW2.jpg" alt="IPB" style="vertical-align:top" border="0"; width="100%" height="auto"/><!--ipb.logo.end--></a></div>


И ЗАРАБОТАЛО ! СПАСИБО ВАМ ОГРОМНОЕ ИРИНА !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Сообщение изменено: PaulZibert (27 Декабрь 2011 - 10:39)

0

#13 Пользователь не на сайте   PaulZibert ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 152
  • Регистрация: 25-Декабрь 11
  • Репутация: 1
  • IPB version:2.3.x
 

Отправлено 27 Декабрь 2011 - 11:01

Вы просто молодец !

Сообщение изменено: PaulZibert (27 Декабрь 2011 - 11:41)

0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2017 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна