Вставить картинку в шапку

NerisNiad · 02 августа 2014, 00:13:25

Подскажите, как разместиить гифку в шапке форума? Боюсь позиционирование не поможет, тк при внесении любых изменений в шаблон, форум ломается. и гифку нужно будет как то разместить под ссылками и меню, надеюсь z-индекс работает там. Но лучше бы конечно просто шапку заменить, только в моей теме нет шапки как таковой..

GeorG · 02 августа 2014, 05:55:03

Цитата: NerisNiad от 02 августа 2014, 00:13:25тк при внесении любых изменений в шаблон, форум ломается

Значит неправильно вносите.

NerisNiad · 02 августа 2014, 11:10:44

Цитата: GeorG от 02 августа 2014, 05:55:03
Значит неправильно вносите.

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

Serifa · 02 августа 2014, 12:36:50

Тема у вас нестандартная, надо видеть файлы. Как минимум index.css и index.template.php?
И я не поняла, картинку-то куда конкретно вставить?

NerisNiad · 02 августа 2014, 13:10:51

Цитата: Serifa от 02 августа 2014, 12:36:50
Тема у вас нестандартная, надо видеть файлы. Как минимум index.css и index.template.php?
И я не поняла, картинку-то куда конкретно вставить?

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

Прикрепил файлы темы к сообщению

Serifa · 02 августа 2014, 15:00:33

Глянула, ничего сверхъестественного там нет. Можно попробовать два вариант шапки, которые я лично себе делала и всем подряд рекомендую. Берете текстовый редактор для кодов, какой у вас есть, ищете нужные строки в файле, и туда аккуратно вставляете то, что написано у меня "вставить". Перед этим старый вариант файла обязательно сохранить! Смотрите результат. Если всё плохо, возвращаете на месте старый файлик и пробуете снова.

Потому что я не вижу, как оно получится, мне пришлось бы на своем форуме эту тему поставить.

Код Выделить

КАРТИНКА В ШАПКЕ ФОРУМА в файле index.template.php

    <body>';
    }     
     
    function template_body_above()
    {
    global $context, $settings, $options, $scripturl, $txt, $modSettings;
     
     
    echo !empty($settings['forum_width']) ? '
    <div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
    ';    
    //Display ads on the top of the page
    if (function_exists("show_topofpageAds"))
    {
    $ads = show_topofpageAds();    
    if(!empty($ads))
    if($ads['type']==0)
    echo $ads['content'];
    else
    eval($ads['content']);    
    unset($ads);
    }
    echo '
          
    <div id="header"><div class="frame">
    <div id="top_section">';    
     
    // vstavka sapky
    echo '
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
    <td><div align="center"><img src="http://*******" alt="" width="100%" height="154" /></td>
      </tr>
    </table>';
    // the upshrink image, right-floated     
  
    echo '
    <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';

Другой вариант, от уважаемого камрада Zoltan`а

Код Выделить

ШАПКА ФОРУМА, начало

UPD. Чтобы избавиться от кучи спрайтов в шапке можно сделать вот так
Берём в index.css вот это

#header
{
background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -480px;
padding-left: 20px;
}
#header div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
}


И вот так переделываем 

#header{
background: url(../images/imgs/-1.jpg); /* указываем фон */
/*отступ, который вообще не нужен padding-left: 20px; */
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
#header div.frame{
display: block;
padding: 5px 20px 1em 0;
}


Фон ставим любой, я брал жпг с квадратными углами.
* отступ-таки нужен!

ALINA · 15 марта 2015, 14:29:28

Народ подскажите как вставить небольшую картинку в хейдер что бы она корректно отображалась на разных мониках .Что бы на всех мониках была по центру

karavan · 15 марта 2015, 14:53:06

ALINA могу показать как у меня сделано, делала под заказ Юля 0daliska когда была активна тут. Посмотри пока фаебагом, если нужно, дам доступ к файлам. Адрес отправил в ЛС.

ALINA · 15 марта 2015, 15:03:25

karavan спасибо . Это вот эмблемка посередине стоит ? Без самого фона ? Тогда то что надо .Мне просто надо табличку с названием вставить посередине .Я могла бы конечно ее в блок портала впихнуть и спозиционировать, но на реселлере же этот блок виден будет ,а мне это не надо

karavan · 15 марта 2015, 15:06:22

Нет, это такая вся шапка, картинка размером 1920 х 280 пк. Я их меняю в зависимости от поры года, на зиму одна, на лето - другая итп.

ALINA · 15 марта 2015, 15:13:12

Цитата: karavan от 15 марта 2015, 15:06:22Нет, это такая вся шапка, картинка размером 1920 х 280 пк.

нет это не то . Фон у меня стоит в шапке . http://alsiti.net/ Я тоже меняю в зависимости от времени года .Кстати я делаю не единой картинкой, а непрерывный фоном что бы не было растянутости . А мне надо именно вот ту табличку с надписью разместить посередине

karavan · 15 марта 2015, 15:14:57

Ну будем ждать ещё идей значит.

kak2z · 15 марта 2015, 15:17:23

Цитата: ALINA от 15 марта 2015, 14:29:28
Народ подскажите как вставить небольшую картинку в хейдер что бы она корректно отображалась на разных мониках .Что бы на всех мониках была по центру

если картинка внутри дива растянутого на всю ширину экрана то применить свойство "text-align:center;"
можно картинку обернуть в див тогда "margin: 0 auto" див разместит по центру)