[Помощ]Как може този код да изкарва по 2 банера на веднъж

Всичко за форумната система phpBB
Аватар
Alex.Kukata
Извън линия
Баннат
Баннат
Мнения: 81
Регистриран на: 19 Фев 2018, 23:50
Обратна връзка:

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от Alex.Kukata » 23 Мар 2018, 00:13

Код за потвърждение: Избери целия код

<SCRIPT type="text/javascript">
var img_width = "468"; // Дължина на картинката 
var img_height = "60"; // Широчина на картинката
var img_title = "Advertisement"; // Текст който да вади при сваляне
var ad=new Array() // Не Променяйте нищо
// Линк към картинката - Начало
ad[0]='http://www.img-share.eu/f/images/319/sds1r7shNCY.jpg'; // CSBulgaria
ad[1]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[2]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[3]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
// Линк към картинката - Край
var links=new Array() // Не Променяйте нищо
// Линк към сайта - Начало 
links[0]='http://csbulgaria.eu'; // CSBulgaria
links[1]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[2]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[3]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
// Линк към сайта Край
var xy=Math.floor(Math.random()*ad.length); // Разбърква Банерите
// Изважда Банерите - Начало *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА СЛЕДВАЩИЯ РЕД! *** 
document.write('<center><a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a></center>');
// Изважда Банерите - Край - *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА ГОРНИЯ РЕД! *** 
</SCRIPT>
Изображение

Аватар
[N]eXuS
Извън линия
Потребител
Потребител
Мнения: 163
Регистриран на: 16 Мар 2018, 04:52

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от [N]eXuS » 23 Мар 2018, 00:53

Как така по два банера ??
Или две едно до друго както е тук ли, лесно като сложиш кода там където изкаш да се вижда другия банер демек два кода два банера

Аватар
Alex.Kukata
Извън линия
Баннат
Баннат
Мнения: 81
Регистриран на: 19 Фев 2018, 23:50
Обратна връзка:

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от Alex.Kukata » 23 Мар 2018, 00:59

[N]eXuS написа: 23 Мар 2018, 00:53 Как така по два банера ??
Или две едно до друго както е тук ли, лесно като сложиш кода там където изкаш да се вижда другия банер демек два кода два банера
Немоа те разбера. :coolface:
Изображение

Аватар
[N]eXuS
Извън линия
Потребител
Потребител
Мнения: 163
Регистриран на: 16 Мар 2018, 04:52

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от [N]eXuS » 23 Мар 2018, 01:04

Ако и това не ти говори нищо направи си един файл index.html например на декстопа сложи кода в него и го отвори с Crome

Код за потвърждение: Избери целия код

<span style="float: left;">
<SCRIPT type="text/javascript">
var img_width = "468"; // Дължина на картинката 
var img_height = "60"; // Широчина на картинката
var img_title = "Advertisement"; // Текст който да вади при сваляне
var ad=new Array() // Не Променяйте нищо
// Линк към картинката - Начало
ad[0]='http://www.img-share.eu/f/images/319/sds1r7shNCY.jpg'; // CSBulgaria
ad[1]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[2]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[3]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
// Линк към картинката - Край
var links=new Array() // Не Променяйте нищо
// Линк към сайта - Начало 
links[0]='http://csbulgaria.eu'; // CSBulgaria
links[1]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[2]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[3]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
// Линк към сайта Край
var xy=Math.floor(Math.random()*ad.length); // Разбърква Банерите
// Изважда Банерите - Начало *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА СЛЕДВАЩИЯ РЕД! *** 
document.write('<center><a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a></center>');
// Изважда Банерите - Край - *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА ГОРНИЯ РЕД! *** 
</SCRIPT>
</span>


<span style="float: right">
<SCRIPT type="text/javascript">
var img_width = "468"; // Дължина на картинката 
var img_height = "60"; // Широчина на картинката
var img_title = "Advertisement"; // Текст който да вади при сваляне
var ad=new Array() // Не Променяйте нищо
// Линк към картинката - Начало
ad[0]='http://www.img-share.eu/f/images/319/sds1r7shNCY.jpg'; // CSBulgaria
ad[1]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[2]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
ad[3]='http://i.imgur.com/VhljK7G.gif'; // Вашата реклама тук?
// Линк към картинката - Край
var links=new Array() // Не Променяйте нищо
// Линк към сайта - Начало 
links[0]='http://csbulgaria.eu'; // CSBulgaria
links[1]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[2]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
links[3]='http://dark-gaming.ml/home.php?p=advertising468x60'; // Вашата реклама тук?
// Линк към сайта Край
var xy=Math.floor(Math.random()*ad.length); // Разбърква Банерите
// Изважда Банерите - Начало *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА СЛЕДВАЩИЯ РЕД! *** 
document.write('<center><a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a></center>');
// Изважда Банерите - Край - *** ЗА ПРЕДПОЧИТАНЕ Е ДА НЕ ПРОМЕНЯТА ГОРНИЯ РЕД! *** 
</SCRIPT>
</span>

Аватар
Alex.Kukata
Извън линия
Баннат
Баннат
Мнения: 81
Регистриран на: 19 Фев 2018, 23:50
Обратна връзка:

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от Alex.Kukata » 23 Мар 2018, 01:33

Десния е добре, но левия е по надолу,а искам да е до него?
Изображение

Аватар
[N]eXuS
Извън линия
Потребител
Потребител
Мнения: 163
Регистриран на: 16 Мар 2018, 04:52

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от [N]eXuS » 23 Мар 2018, 01:58

Тцц това е просто пример трябва да си го оправиш като ползваш цсс и хтмл !

Аватар
WaLkZ
Извън линия
Администратор
Администратор
Мнения: 799
Регистриран на: 05 Окт 2016, 21:13
Местоположение: Варна
Се отблагодари: 75 пъти
Получена благодарност: 227 пъти
Обратна връзка:

[Помощ]Как може този код да изкарва по 2 банера на веднъж

Мнение от WaLkZ » 23 Мар 2018, 03:33

Като жокер можеш да ползваш flex. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Код за потвърждение: Избери целия код

<!DOCTYPE html>
<html lang="en">

<head>
    <style>
        .flex-container {
            display: flex;
            justify-content: center;
        }

        .left-banner {
            padding-right: 10px;
        }

        .right-banner {
            padding-left: 10px;
        }
    </style>
</head>

<body>
    <div class="flex-container">
        <div class="left-banner">
            <script>
                (function leftRandomBanner() {
                    let image = {
                        width: 468,
                        height: 60,
                        title: 'Advertisement'
                    }

                    let banners = [
                        //image link - site link
                        ['http://i.imgur.com/VhljK7G.gif', 'https://www.google.bg'],
                        ['http://www.img-share.eu/f/images/319/sds1r7shNCY.jpg', 'https://www.google.bg'],
                        ['http://i.imgur.com/VhljK7G.gif', 'https://www.google.bg']
                    ];

                    let randomId = Math.floor(Math.random() * banners.length);

                    document.write(
                        `<center><a href="${banners[randomId][0]}" target="_blank"><img src="${banners[randomId][0]}" width="${image.width}" height="${image.height}" alt="${image.title}"></a></center>`
                    );
                })()
            </script>
        </div>

        <div class="right-banner">
            <script>
                (function rightRandomBanner() {
                    let image = {
                        width: 468,
                        height: 60,
                        title: 'Advertisement'
                    }

                    let banners = [
                        //image link - site link
                        ['http://i.imgur.com/VhljK7G.gif', 'https://www.google.bg'],
                        ['http://www.img-share.eu/f/images/319/sds1r7shNCY.jpg', 'https://www.google.bg'],
                        ['http://i.imgur.com/VhljK7G.gif', 'https://www.google.bg']
                    ];

                    let randomId = Math.floor(Math.random() * banners.length);

                    document.write(
                        `<center><a href="${banners[randomId][0]}" target="_blank"><img src="${banners[randomId][0]}" width="${image.width}" height="${image.height}" alt="${image.title}"></a></center>`
                    );
                })()
            </script>
        </div>
    </div>
</body>

</html>
Изображение

В конкретния пример, нарочно съм сложил падинги с по 10 пиксела за да е малко разстоянието между банерите. Можеш да ги махнеш и да използваш justify-content: space-around; , но тогава разстоянието става доста по-голямо. Все пак има и други начини и без flex.
Последно промяна от WaLkZ на 23 Мар 2018, 14:30, променено общо 1 път.
Причина: пренаписах js кода

Публикувай отговор
  • Подобни теми
    Отговори
    Преглеждания
     Последно мнение

Обратно към “PhpBB”

Кой е на линия

Потребители разглеждащи този форум: 0 регистрирани и 5 госта