Логотип на всю ширину форума, как? (параметр repeat)

CedarMill · 11 июня 2008, 15:32:03

Здравствуйте!
Как можно на форуме растянуть логотип 253x24 чтобы получилось как примерно тут _http://if.web.id но так чтобы без искажения ?

Пробовал добавлять параметр repeat в index.template.php

<img src="', $settings['header_logo_url'], '" style="margin: 4px; repeat-x; " alt="', $context['forum_name'], '" />';

а также

<img src="', $settings['header_logo_url'], '" style="margin: 4px; repeat-x scroll " alt="', $context['forum_name'], '" />';

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

Помогите пожалуйста решить проблему?

Lysyj · 11 июня 2008, 18:35:42

есть мод header logo Rotator
Посмотри какой там код прописываестя.

Mavn · 11 июня 2008, 20:20:42

Не проще ли вместо $settings['header_logo_url'] вставить сразу изображение!

CedarMill · 11 июня 2008, 21:55:09

Лысый спасибо за идею!

Mavn этот вариант я пробовал, но выбивает ошибку, возможно я неправильно прописал код..

Кажется нашел решение, чуть позже отпишу что получилось.

Lysyj · 11 июня 2008, 22:33:26

<img src="http://putq k logo" style="margin: 4px; repeat-x; " alt="', $context['forum_name'], '" />';

CedarMill · 12 июня 2008, 13:38:29

Лысый это вариант я проверял он не работает, к сожалению.

Рабочий вариант, возможно кому-то пригодится:

Прописываем в style.css
.catbgnew
{
   background: url(images/bg.gif) #FFFFFF repeat-x;
   color: #000000;
   padding-left: 10px;
   padding-right: 10px;
}

и меняем в index.template.php
<td class="catbg" height="32">';
на
<td class="catbgnew" height="32">';

Viper · 24 июня 2008, 01:06:06

to CedarMill так у вас изначально неверно был задан style.
у CSS нет просто repeat оно идет в паре с background. и решение в вашем последнем посте не ново

учите матчасть

Serifa · 04 июля 2008, 16:56:51

Ужась... А я ведь не знала, как надо! Мой вариант:

</head>
<body>';

echo '
<br><br><table width="100%" height="40" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="http://****.gif"></td>
</tr>
</table>';

Можно ведь загрузить рисунок в папку форума и указать путь до нее, да?

Stern · 13 июля 2008, 04:16:15

Ещё вариант (реализован у нас) - таблица с повторяющимся гифом в качестве фона, органично продолжающим небольшое лого, вставляемое в самую левую ячейку таблицы и точно так же заканчивающимся ещё одним рисунком в самой правой ячейке.

Serifa · 19 июля 2008, 21:17:48

пример в студию! в смысле, скриншот!

Mavn · 19 июля 2008, 23:01:51

в профиле сайт указан перейди да посмотри и криншот не нужен будет

Stern · 20 июля 2008, 04:18:06

Цитата: Mavn от 19 июля 2008, 23:01:51
в профиле сайт указан перейди да посмотри и криншот не нужен будет

Логично, Mavn, спасибо за пиар! ;-)
His Divine Shadow, заходите в гости! ;-)

Святой Исидор · 30 мая 2009, 20:32:59

Прошу помочь изменить логотип на все ширину

код в index.template.php

function template_body_above()
{
   global $context, $settings, $options, $scripturl, $txt, $modSettings;

   echo '
<div id="mainframe">
   <div class="tborder">
      <div class="catbg">
         <img class="floatright" id="smflogo" src="' , $settings['images_url'] , '/smflogo.gif" alt="Родославие" />
         <h1>';

   if (empty($settings['']))
      echo $context['forum_name_html_safe'];
   else
      echo '
            <img src="', $settings['header_logo_url'], '" alt="', $context['forum_name_html_safe'], '" />';

   echo '
         </h1>
      </div>';

перепробовал все способы привиденые выше ни один не прошел

Drakonsa · 30 мая 2009, 20:57:47

Святой Исидор · 30 мая 2009, 21:05:00

Цитата: Drakonsa от 30 мая 2009, 20:57:47
<img class="floatright" width="100%" id="smflogo" src="' , $settings['images_url'] , '/smflogo.gif" alt="Родославие" />

Спасибо но не помогло

Святой Исидор · 30 мая 2009, 21:11:43

Вот в чем проблема

Stern · 31 мая 2009, 15:51:36

Цитата: Mavn от 19 июля 2008, 23:01:51
в профиле сайт указан перейди да посмотри и криншот не нужен будет

Поменялся давно уже сайт в профиле - не по адресу народ попадает...(

По существу.
Код ( в index.template.php) следующий:

Код Выделить

<table width="100%" cellpadding="0" cellspacing="0" border="0">
   <tr>
    <td class="catbg1" height="65" width="268" align="left" valign="top">

 <a href="http://vneformat.ru/school"><img src="', $settings['images_url'], '/vformat.jpg" 

alt="бла-бла-бла"" align="top" 
/></a>

    </td>
    <td align="right" class="catbg1">
<a href="http://vneformat.ru/gallery"><img src="', $settings['images_url'], '/foto-b2.gif" style="margin: 2px;" 
alt="бла-бла-бла"" align="right" 
/></a>
    </td>
   </tr>
  </table>

джипег стоит слева, гифчик заполняет бэкграунд таблицы, справа вставляется имадж вместо стандартного лого СМФ.

c2s · 20 октября 2009, 19:51:05

Подскажите пожалуйста как с этим можно справиться:
тема default

Код Выделить

</head>
<body>';

	echo '
	<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
		<table width="100%" cellpadding="0" cellspacing="0" border="0">
			<a href="http://xxxxxx"><img src="', $settings['images_url'], '/logo.jpg" alt="" /></a>
				</td>
			</tr>
		</table>';

вылезает логотип и через firefox просматривая:

и через Internet Explorer, но тут еще появляется белая полоса:

0daliska · 20 октября 2009, 20:08:10

Размер картинки логотипа сделать меньше по ширине, а в бэкграунд прописать фоном растяжку... Все... По-другому ничего не получится

А что, адрес сайта - это такая секретная информация?

Кстати,

Код Выделить

      <table width="100%" cellpadding="0" cellspacing="0" border="0">
         <a href="http://xxxxxx"><img src="', $settings['images_url'], '/logo.jpg" alt="" /></a>
            </td>
         </tr>
      </table>';

Пропущены открывающие теги строки<tr>и ячейки <td>...!!!

c2s · 20 октября 2009, 20:16:06

нет конечно не секретная, просто видел что многие так делают

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

Цитироватьа в бэкграунд прописать фоном растяжку... Все...

это конечно все просто на словах

а в действительности совсе не так...для меня точно!
если не составит труда, не могли бы вы на пимере показать как это осуществить?
Заранее спасибо!

0daliska · 20 октября 2009, 20:29:45

У меня разрешение монитора больше (1280х1024), поэтому Ваш сайт вижу так:

    Наиболее распространенное расширение монитора по ширине - это от 1024 до 1280...
    Поэтому ориентируемся на разрешение минимум 1024... Отсюда ширина рисунка не более 1000рх
    Ваш рисунок logo.jpg уменьшаем по ширине до 1000 px (возьмите из аттачмента или сделайте сами)
    Создаем бэкграунд... Просто создайте рисунок, взяв с края Вашего логотипа часть рисунка, который может без последствий повторяться и не создаст переходов(или из аттачмента).
    Называем его bglogo.jpg и кладем в папку images Вашей темы....

В index.template.php Вашей темы вместо:

Код Выделить

</head>
<body>';

	echo '
	<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
		<table width="100%" cellpadding="0" cellspacing="0" border="0">
			<a href="http://xxxxxx"><img src="', $settings['images_url'], '/logo.jpg" alt="" /></a>
				</td>
			</tr>
		</table>';

пишем:

Код Выделить


  </head>
<body>';
  echo '
   <div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' style="width: 100%;"' : '', '>
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
	  			<tr>
				<td align="center" class="catbglogo">
         <a href="http://xxxxxx"><img src="', $settings['images_url'], '/logo.jpg" alt=" ', $context['forum_name'], ' " /></a>
            </td>
         </tr>
      </table>';

    Теперь прописываем бэкграунд...
    Идем в файл style.css
    В нем пишем следующее:

Код Выделить


	 .catbglogo {
	  background:url(images/bglogo.jpg) #88a6c0 repeat-x;
	  color:#000000;
	  vertical-align:top;
	 }

Все просто

Пробуйте

Примечание:
У Вас шапка, которую сложно через растяжки уменьшить, ее только нарастить с их помощью можно

Надо будет снова уменьшить - делайте по аналогии...
Удачи!!!

Результат:

В итоге пришлось уменьшить логотип по ширине до 900px.
Ссылки на приложенные картинки в уменьшенном размере в личке у c2s...
Конечный результат смотрится красиво при разрешении 1024 и более...

c2s · 20 октября 2009, 22:56:23

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

а главное что ВСЕ ЗАРАБОТАЛО!!!

Еще раз 0daliska Вам БОЛЬШОЕ СПАСИБО!!!