Опубликовано: 23 апреля 200916 г просмотрел все ваши темы и так ответа и не нашёл,надеюсь на вашу помощьпо всей видимости у меня какой-то сложный лого))привожу свой цсс#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%; }хочется растянуть его на всю ширину,но никак что-то мой скудный мозг не сообразит какзаранее спасибо за помощь Изменено 23 апреля 200916 г пользователем karamaltyk
Опубликовано: 23 апреля 200916 г Так часто спрашивали, что даже скин такой сделала и статью про резиновый логотип форума давно написала.Наверное в сотый раз даю на нее ссылку...
Опубликовано: 23 апреля 200916 г Автор смотрел я эту статью,пробовал делать,дело в том,что в боард_хидере строка как-то связанная с лого имеет такой вид<div class="logomid"><div class="logoleft"><div class="logoright"> </div></div></div>
Опубликовано: 23 апреля 200916 г Делать растягивающуюся подложку с переходам в фон трех частей.Шапка форума из трех картинокВ статье это градиент для фона.Принцип используется несколько другой. А Ваш принцип вроде ibskin.com использует?Там скины платные в основном. Тогда лучше спросить по месту покупки у его разработчиков. А если используете ворованный скин, помощи ни от автора, ни от нас не ждите.Правила форума, пункт 8Покажите ссылку на форум, если это не платный скин.
Опубликовано: 26 декабря 201113 г Вот форум: 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> Изменено 26 декабря 201113 г пользователем PaulZibert
Опубликовано: 26 декабря 201113 г Вот форум: 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>шапка мелкая, либо тянуть, либо шапку увеличивать.
Опубликовано: 26 декабря 201113 г шапка мелкая, либо тянуть, либо шапку увеличивать.Как это. Шапка размером 1283на168, плюс в Мозиле отлично выходит.А в опере - обрезано. Либо уходит вправо.МОжет поможет лого из трех картинок ? В теме Фисаны нашел такое замечание: Марсель:Май 27, 2010 в 15:17 Все сделал как написано. Растягивается только в Firefox. Пробую в других браузерах – опера, ие, хром – не растягивается ((( в чем косяк?Fisana:Май 27, 2010 в 22:20 Синтаксис проверяйте.Не копируйте отсюда код, а вручную прописывайте. Мб дело в синтаксе ? Изменено 26 декабря 201113 г пользователем PaulZibert
Опубликовано: 27 декабря 201113 г Уверен что Fisana знает ответ. Понимаю что Вас все достали этим вопросом, но огромная просьба помочь с оптимизацией. Проблему отписал в двух постах выше.
Опубликовано: 27 декабря 201113 г Если все делали по инструкции, проблем быть не должно.Таков ответ. А искать случайные чужие ошибки (не такие кавычки, пропуски пробелов, забытые в ставки в css и т.п. обычные проблемы) мне некогда. Тем более, я не телепат и кода не вижу.Да и некогда смотреть.
Опубликовано: 27 декабря 201113 г Если все делали по инструкции, проблем быть не должно.Таков ответ.Точ в точ. Посмотрите плиз, умоляю.Искренне понимаю что таких как я у Вас тысячи... Даже Марселю уже отписал который сталкивался с подобным траблом но вопрос решил.Жду пока ответа от него. Может поможет.Вот мой код. Вот код: <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> Изменено 27 декабря 201113 г пользователем PaulZibert
Опубликовано: 27 декабря 201113 г Сами не видите, что перед border нет пробела и начиная оттуда же кавычки кривые? Руками прописывайте код, а не копируйте из моего блога, где при обновлении все коды поломались! Везде говорю, РУКАМИ ПРОПИСЫВАЙТЕ ВСЕ КАВЫЧКИ.Не ленитесь и не отнимайте время.
Опубликовано: 27 декабря 201113 г Пробел убрал неповлияло. Но изменил все кавычки на такого типа - <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> И ЗАРАБОТАЛО ! СПАСИБО ВАМ ОГРОМНОЕ ИРИНА !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Изменено 27 декабря 201113 г пользователем PaulZibert
Опубликовано: 27 декабря 201113 г Вы просто молодец ! Изменено 27 декабря 201113 г пользователем PaulZibert
просмотрел все ваши темы и так ответа и не нашёл,надеюсь на вашу помощь
по всей видимости у меня какой-то сложный лого))
привожу свой цсс
#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