Информация
Вся самая полезная и важная информация собрана здесь
Важные ссылки
CSS Helper (CSS Помощник)
Данный скрипт поможет вам найти интересующие вас элементы в CSS.
Для этого: Заходим в Админ-центр > Скины и шаблоны > HTML шаблоны > Настройка HTML > Глобальные шаблоны (Global Elements Sections) > Board Header (logo, links, etc) - "редактировать".
В самый конец окна добавляем код:
<script type="text/javascript"> function cookCopy() {document.cookie="helper=not"} window.onunload=cookCopy function helpCss() {document.cookie="helper=letcopy" var alls=document.getElementsByTagName("body")[0].getElementsByTagName("*") var e=0 for (e=0; e<=(alls.length-1); e++) { var styl=new Array() var styl2=new Array(0) var k=0 styl[0]=alls[e] styl2.splice(0, 0, makingCss(styl[0])) k=1 while(k<=10) {styl[k]=styl[k-1].parentNode if (styl[k].nodeName=="BODY") {break} styl2.splice(0, 0, makingCss(styl[k])) k=k+1} alls[e].title=styl2.join(" ") }} function makingCss(to) {if (to.id) {if ((to.id.indexOf("forum")!=-1)||(to.id.indexOf("category")!=-1)) {if (to.className.indexOf(" ")!=-1) {var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)} else {var ret="."+to.className}} else {var ret="#"+to.id}} else if ((!to.id)&&(to.className)) {if (to.className.indexOf(" ")!=-1) {var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)} else {var ret="."+to.className}} else if ((!to.id)&&(!to.className)) {var ret=to.nodeName.toLowerCase()} return ret} </script> <script type="text/javascript"> function copyPaste(event) {if (document.cookie.indexOf("letcopy")!=-1) { if (navigator.appName=="Netscape") {document.getElementById('copier').value=event.target.title document.getElementById('copier').select()} else {document.getElementById('copier').value=event.srcElement.title document.getElementById('copier').select() CopiedTxt = document.selection.createRange() CopiedTxt.execCommand("Copy")} }} </script> <BODY ondblclick='copyPaste(event)' > <span><a href="#" title="Для раскрытия блока жать сюда" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><b>CSS helper</b></a><div style="display: none" class="em"> <input id="csshelper" type="button" value="Помощь в css" onclick="helpCss()" /> <textarea rows="2" cols="50" id="copier" >Нажмите кнопку, после этого даблкликните на любой элемент страницы</textarea></div></span> |
И обновляем шаблон.
На главной странице вашего форума (под меню-баром пользователей) появится ссылка CSS-Helper, её необходимо нажать. Далее появится кнопка "Помощь в css" - нажмите её и наведите на любую область вашего форума. После чего в строке состояния браузера будут выведены элементы из стиля (куда наводите, то и получаете).