Добрый вечер.
Мне бы хотелось в скрипте модераторских тегов изменить их дизайн. Подскажите, как.
Адрес форума: 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(https://upforme.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
Похожие темы
| Модераторские теги в форме ответа? | Корзина | Вт, 10 Апр 2012 |
| Модераторские теги | Корзина | Пт, 24 Июн 2011 |
| Модераторские теги с защитой от вставки юзером [Alex_63 2016] | Каталог скриптов | Сб, 25 Июн 2016 |
| Оформление, скрипты, правки стиля - Tusich | Вопросы по оформлению форума | Чт, 26 Июн 2025 |
| Скрипты от пользователей 2 | Архив | Сб, 13 Дек 2014 |