Jak to zrobić: dwa banery zaraz za logo forum?

[necik]

Witam,

 

Chciałbym na forum zrobić coś takiego:

 

 

LOGO to normalne logo forum, obojętnie czy graficzne, czy też tekstowe. Zaraz za logo chciałbym umieścić dwa małe banery partnerów forum. Pomyślałem, że mógłbym do tego użyć wbudowanej w ACP funkcji zarządzania reklamami. W tym celu dodałbym nową reklamę graficzną o roboczej nazwie P1 a jako lokalizację wybrałbym "Określ swoją lokalizację" ( https://invisionpower.com/4guides/promotion-and-seo/creating-advertisements-r57#advanced ). Identycznie zrobiłbym w przypadku reklamy P2.

 

Problem w tym, że nie wiem gdzie i jak umieścić wygenerowane kody reklam aby to wszystko ładnie prezentowało się.

[Macsch15]

Jak wybierzesz sobie opcję "Gotowy kod HTML", następnie tam wstawisz:

<div style="margin: 0 0 0 20px; display: inline">
  <img src="{grafika}" width="160" alt="reklama" />
  <img src="{grafika2}" width="160" alt="reklama2" />
</div>

Ustawisz klucz lokalizacji np. "invisionize_logo" a potem wstawisz w bit logo za:

<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>

To:

{advertisement="invisionize_logo"}

[necik]

Dzięki Macsch15. A gdybym chciał to zrobić za pomocą typu reklamy "grafika", nie "gotowy html", to czy podobny efekt również jest do osiągnięcia?

 

Dodałem nową graficzną reklamę, jej klucz wstawiłem w bit logo:

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>

<div style="margin: 0 0 0 20px; display: inline">
{advertisement="partner1"}
</div>

{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}

Ale efekt jest tak, że forum trochę rozjechało się:

 

 

[Macsch15]

Źle dodałeś.

 

W ustawieniach reklamy ma być kod:

    <div style="margin: 0 0 0 20px; display: inline">
      <img src="{grafika}" width="160" alt="reklama" />
      <img src="{grafika2}" width="160" alt="reklama2" />
    </div>

Ale w szablonach TYLKO:

{advertisement="invisionize_logo"}

Cała zawartość bitu logo może wyglądać następująco:

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{advertisement="invisionize_logo"}
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}

[necik]

Macsch15, wszystko zgadza się, tylko ty piszesz o reklamie HTML, a ja kombinowałem jak zrobić to samo za pomocą reklamy graficznej (druga opcja w ACP, tam mam możliwość tylko wgrania pliku i ustalenia adresu docelowego).

 

Kod na reklamę html działa, wszystko ładnie wyświetla się, tylko w ten sposób nie mam możliwość monitorowania liczby kliknięć (zdaje się, że to jest możliwe tylko przy reklamie graficznej w ACP).

[Macsch15]

Opcja "Grafika" dodaje swój kod HTML którego nie można kontrolować po użyciu "advertisement".

Masz dwa wyjścia, albo skorzystać z pierwszego sposobu (surowy HTML) albo dodać te reklamy w innych miejscach gdzie nie będzie trzeba ich pozycjonować.

[necik]

Zatem zostanę przy reklamach html. 

 

Czy jest możliwość wyświetlania tych reklam tylko w wersji na PC? Na telefonie trochę rozwalają one forum.

[DawPi]

Obejmij to divem:

<div class="ipsResponsive_hidePhone"> cokolwiek </div>

[Macsch15]

Możesz je ukryć klasami responsywności https://invisionpower.com/4guides/themes-and-customizations/css-framework/responsiveness-r250/

[necik]

Mam taki kod reklamy:

<div class='ipsResponsive_hidePhone ipsResponsive_hideTablet'>
<div style="margin: 0 0 0 20px; display: inline" >
<a href="http://morele.net" target="_blank"><img alt="sklep komputerowy" src="http://i.imgur.com/enDnOEI.png"/></a>
</div>
</div>
<div class='ipsResponsive_hidePhone ipsResponsive_hideTablet'>
<div style="margin: 0 0 0 20px; display: inline" >
<a href="http://progreso.pl" target="_blank"><img alt="hosting" src="http://i.imgur.com/CVa2fnO.png"/></a> 
</div>
</div>

A efekt taki (co zrobiłem źle?);

 

Edytowane 4 Maja 2016 przez necik

[Macsch15]

<div style="margin: 0 0 0 20px; display: inline" class="ipsResponsive_hideTablet">

<a href="http://morele.net" target="_blank"><img alt="sklep komputerowy" src="http://i.imgur.com/enDnOEI.png"/></a>

<a href="http://progreso.pl" target="_blank"><img alt="hosting" src="http://i.imgur.com/CVa2fnO.png"/></a>

</div>

[necik]

Dzięki, teraz działa tak jak chciałem, tzn. na PC wyświetla się, na telefonie nie. Tylko jeszcze co zrobić aby dwie reklamy nie zlewały się razem? Te cyfry w kodzie "margin: 0 0 0 20px" co kolejno oznaczają?

 

[Macsch15]

"margin: 0 0 0 20px" oznacza że ma być 20px marginesu z lewej strony, Ty, aby oddzielić te dwa elementy, musisz dodać do pierwszego linku "margin: 0 25px 0 0", czyli margines prawy.
 

<div style="margin: 0 0 0 20px; display: inline" class="ipsResponsive_hideTablet">
    <a style="margin: 0 25px 0 0" href="http://morele.net" target="_blank"><img alt="sklep komputerowy" src="http://i.imgur.com/enDnOEI.png"/></a>
    <a href="http://progreso.pl" target="_blank"><img alt="hosting" src="http://i.imgur.com/CVa2fnO.png"/></a> 
</div>

[necik]

Mam problem z wersją 4.2. Banery wstawione są jak powyżej i w wersji bez logo graficznego wszystko wygląda w miarę ok:

 

 

Ale gdy dodam logo graficzne, to gdzieś gubią się banery partnerów:

 

[DawPi]

Coś udało Ci się porównać? Może coś tam jest prostego, a bez wł/wył się tego nie wychwyci.

[Paweł]

@necik

 

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}
{advertisement="invisionize_logo"}

u mnie działa z logo.

[necik]

@Paweł a jaki masz kod reklamy?

 

Bo ja mam bit logo:

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{advertisement="partner_html"}
{{endif}}

A kod reklamy:

 

<div style="margin: 0 0 0 20px; display: inline" class="ipsResponsive_hidePhone ipsResponsive_hideTablet">
    <a style="margin: 0 25px 0 0" href="http://www.komputronik.pl" target="_blank"><img alt="sklep komputerowy" src="http://i.imgur.com/mH7BO7h.png"/></a>
    <a href="https://progreso.pl" target="_blank"><img alt="hosting" src="http://i.imgur.com/CVa2fnO.png"/></a>  
</div>

I gdy w konfiguracji wstawię graficzne logo 275x75 px (dla przykładu http://www.forumpc.pl/uploads/monthly_2017_04/58f0c1cfe5f4f_fpclogo.png.67974fe1fdcce1563735d1c125d6d08a.png ), to wówczas nie wyświetlają się dwa banery z partnerami forum (screeny w poście https://forum.invisionize.pl/topic/48580-jak-to-zrobić-dwa-banery-zaraz-za-logo-forum/?do=findComment&comment=295812 ).

Edytowane 30 Lipca 2017 przez necik

[Marcin Lis]

53 minuty temu, necik napisał:

Bo ja mam bit logo:

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{advertisement="partner_html"}
{{endif}}

 

 

Z tego co jest w kodzie wychodzi na to że loga partnerów mają pojawiać się gdy twoje logo jest napisem, a nie obrazkiem.

 

Powinno być

{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{advertisement="partner_html"}
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}

oraz może być również tak

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>
{{endif}}
{advertisement="partner_html"}

 

[Paweł]

@necik

 

<div style="margin: 0 0 0 20px; display: inline">
  <a href="ADRES_STRONY" target="_blank"><img alt="hosting" width="160" src="URL_OBRAZKA"/></a>
    </div>