Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Логотип на всю ширину форума

Опубликовано:

просмотрел все ваши темы и так ответа и не нашёл,надеюсь на вашу помощь

по всей видимости у меня какой-то сложный лого))

привожу свой цсс

#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

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

Опубликовано:

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

Наверное в сотый раз даю на нее ссылку...

Опубликовано:
  • Автор

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

<div class="logomid"><div class="logoleft"><div class="logoright"> </div></div></div>
Опубликовано:

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

Шапка форума из трех картинок

В статье это градиент для фона.

Принцип используется несколько другой.

 

А Ваш принцип вроде ibskin.com использует?

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

 

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

Правила форума, пункт 8

Покажите ссылку на форум, если это не платный скин.

  • 2 года спустя...
Опубликовано:

Вот форум: 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

Опубликовано:

Вот форум: 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>

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

Опубликовано:

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

Как это. Шапка размером 1283на168, плюс в Мозиле отлично выходит.

А в опере - обрезано. Либо уходит вправо.

МОжет поможет лого из трех картинок ?

 

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

 

Марсель:

Май 27, 2010 в 15:17

 

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

Fisana:

Май 27, 2010 в 22:20

 

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

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

 

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

Изменено пользователем PaulZibert

Опубликовано:

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

Опубликовано:

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

Таков ответ.

 

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

Да и некогда смотреть.

Опубликовано:

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

Таков ответ.

Точ в точ. Посмотрите плиз, умоляю.

Искренне понимаю что таких как я у Вас тысячи...

Даже Марселю уже отписал который сталкивался с подобным траблом но вопрос решил.

Жду пока ответа от него. Может поможет.Вот мой код.

 

Вот код: <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

Опубликовано:

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

 

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

 

Везде говорю, РУКАМИ ПРОПИСЫВАЙТЕ ВСЕ КАВЫЧКИ.

Не ленитесь и не отнимайте время.

Опубликовано:

Пробел убрал неповлияло. Но изменил все кавычки на такого типа -

<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

Опубликовано:

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

Изменено пользователем PaulZibert

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.