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

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

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


Вы здесь » Единый форум поддержки » Корзина » Стиль модераторских тегов


Стиль модераторских тегов

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

1

Добрый вечер.
Мне бы хотелось в скрипте модераторских тегов изменить их дизайн. Подскажите, как.
Адрес форума: http://sim-arts.ru
Модераторские теги выглядат так:
http://i022.radikal.ru/0804/4f/a48e47179683.jpg
А хотелось бы примерно так (не хочу копировать с того форума, откуда скрин):

0

2

Laktonika Наваяйте в HTML - вставьте в объявление - коли вид устраивает выложите код - вставим в скрипт ?

0

3

Deff
Наваять что?

0

4

Laktonika Вид данных тегов - наваять HTML кодом - (если посмотреть исходный скрипт - там таблица
текст пишецо во второй ячейке

У вас наверно можно и без таблицы

Отредактировано Deff (Пт, 8 Июл 2011 22:24:17)

0

5

Deff
Мм... а что, если у меня не очень с хтмл?
То есть, в чем-то разбираюсь, в чем-то нет. Вид тегов вряд ли смогу сварганить...

0

6

Laktonika, нарисуй, как должно быть. C  HTML помогу.

0

7

Кофеман
Завтра после 10 утра по мск. Сейчас не могу.

0

8

Laktonika написал(а):

Завтра после 10 утра по мск. Сейчас не могу.

Тогда разве у Deff'a будет желание заняться HTML кодом  8-) Я раньше понедельника не смогу.. ))

0

9

Кофеман

0

10

Laktonika
Возьмите код отсюда: Модераторские теги. Css, думаю, вы сможете исправить сами: поменяете цвета и поставите на фон восклицательнвй знак. Ну и надписи соответствующие сдалаете в самом скрипте.

+1

11

Спасибо.
А как по тому же принципу то же самое проделать с тегами [ex ][/ex ]?

0

12

Laktonika
Ну давайте оба кода сюда. Изображения из сообщения 9 вставить?

0

13

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>&nbsp;!&nbsp;</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)

0

14

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>

+1

15

rps
Код стиля постаивла в стиль, скрипт заменила - все, как надо. Огромное спасибо за помощь (не представляю, в какой раз Вы это слышите).
Спасибо Кофеману и Деффу за отзывчивость и предложенную помощь.

0

16

Теперь такой вопрос: как в код вставить изображение таким образом, как на эскизе?
background-image: url()...;
Надо туда наверное что-то типа position впихнуть, и еще no-repeat

0

17

Laktonika написал(а):

Надо туда наверное что-то типа position впихнуть, и еще no-repeat

background-position: 100% 0;

Cиняя сдвиг от лево, красная от верха

Отредактировано Deff (Сб, 9 Июл 2011 19:44:09)

0

18

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)

0

19

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)

+1

20

Deff
Спасибо, наконец-то.
+1

0


Вы здесь » Единый форум поддержки » Корзина » Стиль модераторских тегов