Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Проблемы с форумом » не работает обтекание изображения


не работает обтекание изображения

Сообщений 1 страница 7 из 7

1

Адрес форума: http://oldshadows.rusff.me/

Проблема: не работает обтекание изображения, пример вот тут
http://oldshadows.rusff.me/viewtopic.php?id=55#p4731

Код:
<!-- Обтекание текста слева/справа --><style type="text/css">
        .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
        .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
        </style>
        <script type="text/javascript">
        FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
        FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
        </script>

0

2

llyn_rhianen
Ну у Вас он не будет работать, поскольку работа скрипта связана с title на теге с аббревиатурой, а у вас title убивается скриптом всплывающей подсказки,
ставьте обтекание  старым скриптом от Ромыч

В HTML низ

Код:
<!--обтекание изображения 2.4.4 © Romych-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/001a/fc/23/56403.png")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top: -700px; margin-left:30%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/fc/23/50698.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/fc/23/19406.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

Отредактировано Deff (Пт, 12 Апр 2024 00:08:04)

+1

3

Deff
а который их скриптов подсказок? нам поставили от Вещего Духа и от Герды, может, проще убрать один из них

0

4

Deff
разобралась, скрипт Герды ломает обтекание
Убрала, заработало, подсказки сохранились при этом от скрипта Вещего духа
Спасибо!

+2

5

llyn_rhianen
Ну вот такое можно попробовать (не через абревиатуру, а цвет) там должны подсказки не мешать (по идее)

Код:
<!-- Обтекание текста слева/справа --><style type="text/css">
        .post-content p{clear:both}.post-content span[style*="float"]{text-decoration:none;pointer-events:none;margin:.5em}
        .post-content span[style*="floatleft"]{float:left}.post-content span[style*="floatright"]{float:right}
        </style>
        <script type="text/javascript">
        FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[color=floatleft]','[/color]');}});
        FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[color=floatright]','[/color]');}});
 </script>

Отредактировано Deff (Пт, 12 Апр 2024 02:23:15)

0

6

Deff
спасибо, попробую!

+1

7

Deff
Сейчас же есть кастомные BB-теги, зачем очередной велосипед? )
На момент написания скрипта такой возможности не было, изворачивались как могли...

+2


Вы здесь » Единый форум поддержки » Проблемы с форумом » не работает обтекание изображения