Как вставить баннер?

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

Загляните в эту тему: https://help.forum2x2.ru/t5971-topic

Вот код для баннера

Код:

<a href='адрес сайта' target='_blank'><img src='ссылка на картинку' title=' название сайта '></a>

С этим кодом ничего не выходит. У меня форум на Invision . И я имею ввиду как вставить банннер по нововведению? Что прописывать в полях?



Как я уже только не пыталась прописывать, у меня все время получается текстовая ссылка. Как же вставить полноценный баннер сюда? Нигде инструкций не нашла.

Загляните в эту тему: https://help.forum2x2.ru/t5971-topic

Спасибо конечно, до нововведения сколько раз пыталась так сделать, у меня не получается , ставлю , и вместо главной страницы появлялись одни баннеры на пустом листе , и это неоднократно. Я как-то эту затею оставила. Но тут увидела нововведение. Теперь вот сомневаюсь, может это действительно только ссылки , а не баннеры можно ставить?

Мне кто-нибудь поможет??

Картинки туда установить нельзя. Только текстовые ссылки.

Спасибо за ответ, очень жаль

можно так через bb код:

Код:

[url=адрес сайта][img]адрес картинки[/img][/url]

jeani, а вы сразу не могли сказать куда вы собираетесь баннер ставить?

Kate Wine пишет:можно так через bb код:

Код:

[url=адрес сайта][img]адрес картинки[/img][/url]

А вы сами то пробовали?

А, пожалуй, можно вставить туда баннеры. Только не как изображения, а как фон имеющихся текстовых ссылок.


Для IPB это будет выглядеть так:

1. Через ПА > Модули > Ссылки внизу страницы > Конфигурация создаете новую ссылку, допустим, на форум domen1.com. Заполняете ее свойства, кроме "анкора/текста ссылки" - туда подставляете html-пробел

Код:

 

Сохраняете.

Устанавливая эти коды на свой форум обязательно подставьте вместо domen1.com адрес форума/сайта, на который хотите создать ссылку.

2. В CSS добавляете общие свойста для блока ссылок:

Код:

#gfooter .footer-links ul  ul {
color: transparent;
margin-top: 10px;
}

#gfooter .footer-links ul  ul a {
display: inline-block;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
width: 88px;
height: 31px;
color: transparent;
text-decoration: none;
}

Т.е. в данном случе это будут стандартные баннеры 88x31.

И отдельно указываете фон для каждого будущего баннера - для domen1.com в примере:

Код:

#gfooter ul a[href*="domen1.com"]{
background: url('http://palantir.in/uni/counters/standard/concept2.png') no-repeat 50% 50%;
}

Устанавливая эти коды на свой форум обязательно подставьте
- вместо domen1.com - имя форума/сайта, на который будет ссылаться баннер (например, help.forum2x2.ru или woweb.ru)
- вместо httр://pаlаntir.in/uni/counters/standard/concept2.png - изображение баннера

Для следующего баннера - например, на форум domen2.ru - точно также добавляете ссылку в ПА, а в CSS пишите только код для фона:

Код:

#gfooter ul a[href*="domen2.ru"]{
background: url('http://palantir.in/uni/counters/standard/counter2007_13.png') no-repeat 50% 50%;
}

И т.д.

Для BB3 - принцип тот же: создаются ссылки, в CSS добавляются общие настройки для них:

Код:

div.navbar ul.linklist + ul.linklist {
color: transparent;
margin-top: 10px;
text-align: center;
}

div.navbar ul.linklist + ul.linklist li.rightside {
float: none;
margin: 0 auto;
}

div.navbar ul.linklist + ul.linklist li.rightside a {
display: inline-block !important;
display:-moz-inline-stack !important;
zoom:1 !important;
*display:inline !important;
_overflow:hidden !important;
width: 88px;
height: 31px;
color: transparent;
text-decoration: none;
padding: 0;
}

и конкретные изображния баннера-фона для каждой ссылки:

Код:

ul.linklist li.rightside a[href*="domen1.com"]{
background: url('http://palantir.in/uni/counters/standard/concept2.png') no-repeat 50% 50%;
}

Огромное спасибо, пошла пробовать, премного вам благодарна.

Код:

#gfooter ul a[href*="domen1.com"]{
background: url('http://palantir.in/uni/counters/standard/concept2.png') no-repeat 50% 50%;
}

Скажите пожалуйста , а этот код отдельно ставить от первого в CSS ?

Что-то у меня получается внизу форума только маленькая полосочка.. , ну чего ж я такая тупенька..

Конечно отдельно, чуть ниже!

Ничего не видно все равно, я так и ставлю ниже, ссылки заменяю..

Что-то у меня получается внизу форума только маленькая полосочка.

Раз баннер не "сформировался" - значит, ссылкам не прописаны свойства отображаться как блокам:

Код:

#gfooter .footer-links ul  ul {
color: transparent;
margin-top: 10px;
}

#gfooter .footer-links ul  ul a {
display: inline-block;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
width: 88px;
height: 31px;
color: transparent;
text-decoration: none;
}

Раз баннер не "сформировался" - значит, ссылкам не прописаны свойства отображаться как блокам:

Что я неправильно делаю ? В этом коде что-то нужно менять? Я все сделала как описано выше.Где прописать свойства?

Я в Вашей CSS не вижу вот этого фрагмента:

Код:

#gfooter .footer-links ul  ul {
color: transparent;
margin-top: 10px;
}

#gfooter .footer-links ul  ul a {
display: inline-block;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
width: 88px;
height: 31px;
color: transparent;
text-decoration: none;
}

А без него ссылки не примут размеры и форму баннера, останутся в виде строк (что и происходит).

Странно, но он на месте , со вчерашнего дня еще стоит?

Все, поняла. После редактирования поста пропали знаки "+" из кода - поэтому он не работает. Должно быть так:

Код:

#gfooter .footer-links ul + ul {
color: transparent;
margin-top: 10px;
}

#gfooter .footer-links ul + ul a {
display: inline-block;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
width: 88px;
height: 31px;
color: transparent;
text-decoration: none;
}

Все равно видно кусок баннера :

хотя загружала стандартный 88 на 31

jeani, код перепроверен и 100% рабочий.

Спасибо . Значит , я не знаю, у меня что-то не так..Может оно с чем-то конфликтует.

Jeani, конфликт был с функцией "Оптимизировать CSS". Без нее код работает.

Огромное спасибо за помощь

Пожалуйста!