Vojd
а может вам что-то вроде этого?
я могу изменить цвета согласно вашим предпочтениям. Вот таблица безопасных цветов, выбирайте. Сможете вставить картинку, какую. захотите. Просто закгругления, чтоб их распознавали все браузеры, насколько я знаю, можно делать только через стиль ксс в администрировании. А значит тогда удобней и абсолютно всё форматирование стиля контейнера задать в окне структуры стиля ксс в администрировании.
Модераторские теги (MyBB)
Сообщений 41 страница 50 из 67
Поделиться4111.09.12 21:46
Поделиться4312.09.12 21:33
Vojd
тогда давайте цвета, я вставлю где надо и выложу код здесь
Поделиться4413.09.12 16:55
Олюся, собственно в этом скрипте модер. тегов у меня натсроено -
<script> function addMod(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[mod]",from))==-1) return str; if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str; newpos=str.indexOf("[mod]",pos+5) if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true) if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str; str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length) if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false) return str} function makeMod(txt){ txt="<br><div style='width:100%;'><div style='border: 1px solid #CB0000;border-left: 4px solid #CB0000;color: #EEEEEE;border-bottom: 0;font-size: 14px;font-family: \"Trebuchet Ms\";line-height: 40px;padding-left:14px;vertical-align: middle;'>Сообщение от администрации</div><div style='background: maroon;border: 1px solid #CB0000;border-left: 4px solid #CB0000;border-top: 0;color: white;font-weight: bold;padding: 4px;'>"+txt+"</div></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=addMod(post.innerHTML,0,false)}} </script>
Поделиться4513.09.12 22:53
Vojd
в структуре стиля ксс (администрирование/Свой стиль/первое окошко)
#mod_title { /* стиль заголовка */
display: block;
width: 88%; /* ширина заголовка контейнера */
border-bottom: 1px outset #ff0005; /* нижняя граница заголовка */
padding-bottom: 2px; /*отступ заголовка от нижней границы заголовка */
padding-left: 2px; /*отступ заголовка от левой границы заголовка */
margin: 0px 5px 0px 0px;
color: #FFFFFF; /* цвет шрифта заголовка */
text-shadow: 0px 1px 4px #505050; /* тень заголовка */
font-family: 'Trebuchet Ms', 'Monotype Corsiva'; /* название шрифта для заголовка второй указан для того чтоб если нет первого шрифта то будет второй*/
font-weight: bold; /* полужирное начертание заголовка */
}#mod_text { /* стиль содержимого контейнера */
width: 88%; /* ширина заполнения контейнера текстом */
font-size: 12px; /* размер шрифта текста */
padding-left: 2px; /* отступ текста от левого края контейнера */
padding-bottom: 50px; /* отступ текста от нижнего края контейнера */
margin: 5px 0px 0px 0px;
color: #c41e3a; /* цвет самого содержимого контейнера */
}#mod { /*стиль всего блока в целом */
padding: 0.4em 0.5em; /* отступы от внутренних краёв */
border: 0px inset #ff0005;
background-image: url(ссылка на картинку);
background-repeat: no-repeat; /* картинка не повторяется */
background-position: 100% 100%; /* расположение внизу справа */
background-color: #цвет;
width: 90%; /* ширина блока на сайте */
font-size: 1.5em; /* размер шрифта */
line-height: 125%;
border-radius: 10px; /* закругления контейнера */
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
уменьшение первого числа двигает картинку по вертикали, а второго - по-горизонтали
зелёное - фон контейнера
оливковое - бордюры нет, если ноль заменить на действительное число, то она появится и будет цветом #ff0005.
в штмл-низ
<!-- Скрипт модераторских тегов--> <script> function addMod(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[mod]",from))==-1) return str; if((pos2=str.indexOf("[/mod]"),pos+5)==-1) return str; newpos=str.indexOf("[mod]",pos+5) if(newpos<pos2 && newpos!=-1) str=addMod(str,pos+5,true) if((pos2=str.indexOf("[/mod]",pos+5))==-1) return str; str=str.substring(0,pos)+makeMod(str.substring(pos+5,pos2))+str.substring(pos2+6,str.length) if( str.indexOf("[mod]")!=-1 && internal==false) str=addMod(str,0,false) return str} function makeMod(txt){ txt = "<div id='mod'><p id='mod_title'>Внимание! Уведомление от администрации:</p><div id='mod_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=addMod(post.innerHTML,0,false)}} </script> <style> #button-mod {background-image:url('http://i029.radikal.ru/0804/26/e430252a0faf.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> if((document.getElementById("navadmin")) && (form=document.getElementById("form-buttons"))) form.getElementsByTagName("tr")[0].insertCell(18).innerHTML="<img src='/i/blank.gif' title='Уведомление' id='button-mod' onclick=\"bbcode('[mod]', '[/mod]');\"/>" </script>
Поделиться4614.09.12 19:06
Олюся, отлично, спасибо! Последние два вопроса: можно ли фон тега заменить на картинку? (картинка как особенный фон будет)) И как уменьшить тег?
Поделиться4714.09.12 19:07
И да, самый последний) - как убрать черту между "Внимание! Уведомление от администрации:" и "текста уже вводимого модератором" ?
Поделиться4814.09.12 22:36
Vojd
для того, чтобы убрать линию найдите:
#mod_title { /* стиль заголовка */
display: block;
width: 88%; /* ширина заголовка контейнера */
border-bottom: 0px outset #ff0005; /* нижняя граница заголовка */
красное - линии нет
для изменения размера тега найдите:
#mod_text { /* стиль содержимого контейнера */
width: 88%; /* ширина заполнения контейнера текстом */
font-size: 12px; /* размер шрифта текста */
padding-left: 2px; /* отступ текста от левого края контейнера */
padding-bottom: 50px; /* отступ текста от нижнего края контейнера */
margin: 5px 0px 0px 0px;
color: #c41e3a; /* цвет самого содержимого контейнера */
}
зелёное - если уменьшить, то отступ от нижней границы контейнера до содержимого контейнера, которое вводится между тегами. если же увеличить, то расстояние увеличится
для того чтоб фоном сделать картинку найдите
#mod { /*стиль всего блока в целом */
padding: 0.4em 0.5em; /* отступы от внутренних краёв */
border: 0px inset #ff0005;
background-image: url(ссылка на картинку);
background-repeat: repeat; /* картинка замощена*/
background-position: 100% 100%; /* расположение внизу справа */
background-color: #цвет;
width: 90%; /* ширина блока на сайте */
font-size: 1.5em; /* размер шрифта */
line-height: 125%;
border-radius: 10px; /* закругления контейнера */
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}
зачеркнутое - удалите
синее замените на:
repeat - замостить картинку (повтор по оси х и у)
или
repeat-y - повторять по вертикали (ось у)
или
repeat-x - повторять по горизонтали (ось х)
или
no-repeat - не повторять
если не получится, то тогда впишите
background-position: 0% 0%;
Поделиться4915.09.12 16:48
Олюся, вот спасибо! все отлично работает!
p.s. кстати, а вот думаю, почему бы не поставить картинку вроде "развернутого пергамента по бокам", но выходит она же обрежится по мере достижения краев тега? если так, то, если вам не сложно (т.к я уже достал со своими тегами)) не могли бы вы объяснить - какие поправки нужно сделать в скрипте, чтобы текст писался конкретно на картинке?
Поделиться5016.09.12 18:41
Vojd
тогда подбирайте вручную нужное число отступа от внутренних краёв там, где красным выделено
#mod_text { /* стиль содержимого контейнера */
width: 88%; /* ширина заполнения контейнера текстом */
font-size: 12px; /* размер шрифта текста */
padding-left: 2px; /* отступ текста от левого края контейнера */
padding-bottom: 2px; /* отступ текста от нижнего края контейнера */
margin: 5px 0px 0px 0px;
color: #c41e3a; /* цвет самого содержимого контейнера */
}
возможно понадобится добавить padding-right и padding-top