adding 160x600 banner code

[ilovecats]

how do i add 160x600 banner to right and left of image pages?

 

[Rodolfo]

You will need to customize the app/themes/Peafowl/image.php file.

 

[ilovecats]

Thanks but I don't see image.php in that folder?

 

[Rodolfo]

Sorry is app/themes/Peafowl/views/image.php

 

[ilovecats]

thanks can i just past javascript code ino php or do i need to format it?

 

[Rodolfo]

You can directly use raw js code if you put it outside the <?php ?> tags.

 

[ilovecats]

if i want to have banner to left of image, what css or code can i use?

 

[SMP]

To add add code on left and right do this...

Edit this file in your theme views/image.php


Find

<div id="image-viewer-container" class="image-viewer-main image-viewer-container">

Add above

<?php $ad_box_img = get_image()["width"]; $ad_box = $ad_box_img + 350; ?>
  <div style="margin-left: auto; margin-right: auto; width: <?php echo $ad_box; ?>px;">
<div style="float:left;">LEFT AD CODE HERE</div>
<div style="display: inline-block">

Then find this

<?php
        }
    ?>
    <?php
        if(!get_image()['nsfw'] or (get_image()['nsfw'] and CHV\getSetting('show_banners_in_nsfw'))) {
            CHV\Render\show_banner('image_image-viewer_foot');
        }
    ?>

Add above

</div>
<div style="float: right;">RIGHT AD CODE HERE</div>
</div>

OR

Attached image.php in the zip below... open it change the LEFT AD CODE HERE and RIGHT AD CODE HERE and upload it

 

[SMP]

But remember it breaks the site on some devices... get around that by using media queries

You would be getting something like this

 

[Rodolfo]

FYI Chevereto has media queries. [480,768,992,1200,1500] => ["phone","phablet","tablet","laptop","desktop"]

So if you want to show something just in "phone" and "phablet" you use class="hidden phone-show phablet-show"

 

[ilovecats]

thnak but it made the banner all the way left with huge space until image and image was pushed 1/3 of page on right... any ideas?

 

[ilovecats]

both left and right wont work

 

[SMP]

add you code here so we can look at it

 

[ilovecats]

i copied your page.

 

[ilovecats]

can someone help me do it please?

 

[SMP]

add your ad code (in a text file zip it and upload it) here will give you the edited image.php file

 

[ilovecats]

thx

 

[SMP]

I asked for your adcode not the image.php file... i already uploaded the changed image.php file above for you

 

[ilovecats]

my bad here it is

 

[SMP]

replace your image.php with the one in this zip.