Добрый вечер.
Мне бы хотелось в скрипте модераторских тегов изменить их дизайн. Подскажите, как.
Адрес форума: http://sim-arts.ru
Модераторские теги выглядат так:
А хотелось бы примерно так (не хочу копировать с того форума, откуда скрин):
Стиль модераторских тегов
Сообщений 1 страница 20 из 56
Поделиться1Пт, 8 Июл 2011 22:09:21
Поделиться2Пт, 8 Июл 2011 22:15:38
Laktonika Наваяйте в HTML - вставьте в объявление - коли вид устраивает выложите код - вставим в скрипт ?
Поделиться3Пт, 8 Июл 2011 22:19:52
Deff
Наваять что?
Поделиться4Пт, 8 Июл 2011 22:23:33
Laktonika Вид данных тегов - наваять HTML кодом - (если посмотреть исходный скрипт - там таблица
текст пишецо во второй ячейке
У вас наверно можно и без таблицы
Отредактировано Deff (Пт, 8 Июл 2011 22:24:17)
Поделиться5Пт, 8 Июл 2011 22:26:49
Deff
Мм... а что, если у меня не очень с хтмл?
То есть, в чем-то разбираюсь, в чем-то нет. Вид тегов вряд ли смогу сварганить...
Поделиться6Пт, 8 Июл 2011 22:30:24
Laktonika, нарисуй, как должно быть. C HTML помогу.
Поделиться7Пт, 8 Июл 2011 22:40:16
Кофеман
Завтра после 10 утра по мск. Сейчас не могу.
Поделиться8Пт, 8 Июл 2011 22:46:10
Завтра после 10 утра по мск. Сейчас не могу.
Тогда разве у Deff'a будет желание заняться HTML кодом Я раньше понедельника не смогу.. ))
Поделиться9Сб, 9 Июл 2011 11:58:13
Кофеман
Поделиться10Сб, 9 Июл 2011 15:37:52
Laktonika
Возьмите код отсюда: Модераторские теги. Css, думаю, вы сможете исправить сами: поменяете цвета и поставите на фон восклицательнвй знак. Ну и надписи соответствующие сдалаете в самом скрипте.
Поделиться11Сб, 9 Июл 2011 15:43:49
Спасибо.
А как по тому же принципу то же самое проделать с тегами [ex ][/ex ]?
Поделиться12Сб, 9 Июл 2011 16:05:47
Laktonika
Ну давайте оба кода сюда. Изображения из сообщения 9 вставить?
Поделиться13Сб, 9 Июл 2011 16:23:45
rps
Я уже проделала все с модераторскими тегами, как в той теме, что Вы привели.
Я просто не знаю, что в этом скрипте ex:
<script> function addEx(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[ex]",from))==-1) return str; if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str; newpos=str.indexOf("[ex]",pos+4) if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true) if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str; str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length) if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false) return str} function makeEx(txt){ txt="<br><div style=\"margin: 0px; padding: 0px; background-color:#FEF2F2; border-left: 1px solid #FF6060; border-top: 1px dotted #000; border-right: 1px dotted #000; border-bottom: 1px dotted #000;\"><TABLE cellpadding='0' cellspacing='0'><TD align='middle' bgColor='#ff6060' vAlign='center' width='8%'><FONT color='#ffffff' size='+3' style='FONT-FAMILY: Times' title='Грубое нарушение'><B> ! </B></FONT></TD></TD><TD vAlign='middle'>"+txt+"</TD></TABLE></div><br>" return txt} if(document.URL.indexOf("viewtopic.php")!=-1){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addEx(post.innerHTML,0,false)}} </script>
Менять так, чтобы можно было прописывать стиль. Допустим, стиль для exов такой:
#ex { padding: 1em 0.5em; border: 0px inset #BBB; background-color: #c77878; width: 90%; font-size: 14px; line-height: 125%; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; } #ex_title { display: block; width: 99%; border-bottom: 1px outset #400000; padding-bottom: 2px; margin: 0px 5px 0px 0px; color: #FFFFFF; text-shadow: 0px 1px 4px #505050; font-weight: bold; } #ex_text { width: 99%; font-size: 12px; margin: 5px 0px 0px 0px; color: #702e2e; }
Отредактировано Laktonika (Сб, 9 Июл 2011 16:30:54)
Поделиться14Сб, 9 Июл 2011 17:06:18
Laktonika
<style type="text/css"> #ex { padding: 1em 0.5em; border: 0px inset #BBB; background-color: #c77878; width: 90%; font-size: 14px; line-height: 125%; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; } #ex_title { display: block; width: 99%; border-bottom: 1px outset #400000; padding-bottom: 2px; margin: 0px 5px 0px 0px; color: #FFFFFF; text-shadow: 0px 1px 4px #505050; font-weight: bold; } #ex_text { width: 99%; font-size: 12px; margin: 5px 0px 0px 0px; color: #702e2e; } </style>
<script> function addEx(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[ex]",from))==-1) return str; if((pos2=str.indexOf("[/ex]"),pos+4)==-1) return str; newpos=str.indexOf("[ex]",pos+4) if(newpos<pos2 && newpos!=-1) str=addEx(str,pos+4,true) if((pos2=str.indexOf("[/ex]",pos+4))==-1) return str; str=str.substring(0,pos)+makeEx(str.substring(pos+4,pos2))+str.substring(pos2+5,str.length) if( str.indexOf("[ex]")!=-1 && internal==false) str=addEx(str,0,false) return str} function makeEx(txt){ txt = "<div id='ex'><p id='ex_title'>Внимание! Уведомление от мастера игры:</p><div id='ex_text'>" + txt + "</div></div>"; return txt} if(document.URL.indexOf("viewtopic.php")!=-1){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addEx(post.innerHTML,0,false)}} </script>
Поделиться15Сб, 9 Июл 2011 18:02:55
rps
Код стиля постаивла в стиль, скрипт заменила - все, как надо. Огромное спасибо за помощь (не представляю, в какой раз Вы это слышите).
Спасибо Кофеману и Деффу за отзывчивость и предложенную помощь.
Поделиться16Сб, 9 Июл 2011 19:30:05
Теперь такой вопрос: как в код вставить изображение таким образом, как на эскизе?
background-image: url()...;
Надо туда наверное что-то типа position впихнуть, и еще no-repeat
Поделиться17Сб, 9 Июл 2011 19:43:27
Надо туда наверное что-то типа position впихнуть, и еще no-repeat
background-position: 100% 0;
Cиняя сдвиг от лево, красная от верха
Отредактировано Deff (Сб, 9 Июл 2011 19:44:09)
Поделиться18Сб, 9 Июл 2011 19:58:53
Deff
#mod {
padding: 1em 0.5em;
border: 0px inset #BBB;
background-image: url(http://forumupload.ru/uploads/0000/14/1c/687287-4.png) no-repeat;
background-position: 75% 0;
background-color: #bec8e6;
width: 90%;
font-size: 14px;
line-height: 125%;
border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
............
Не хочет, зараза. Я изменяла параметры position - все равно. Изображения появляется только если убрать no-repeat, но тогда оно повторяется. Плюс оно для цитаты большое, но если будет больше текста, цитата удлинится. А так картинку можно просто уменьшить под минимальные размеры цитаты.
Отредактировано Laktonika (Сб, 9 Июл 2011 19:59:20)
Поделиться19Сб, 9 Июл 2011 20:03:10
Laktonika
.
background-image: url(http://forum.mybb.ru/uploads/0000/14/1c/687287-4.png);
background-repeat: no-repeat;
background-position: 75% 0;
background-color: #bec8e6;
Отредактировано Deff (Сб, 9 Июл 2011 20:04:41)
Поделиться20Сб, 9 Июл 2011 20:13:58
Deff
Спасибо, наконец-то.
+1