Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

В разделе задаются вопросы, связанные с настройкой, редактированием или внесением изменений во внешний вид (дизайн) вашего форума.

Перед созданием темы воспользуйтесь поиском. Возможно на ваш вопрос уже был дан ответ ранее.

Создание тем в разделе: Ваша тема будет удалена, если она нарушает правила форума/раздела.

Страницы: (3) [1] 2 3   ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

> CSS-Helper, Абсолютный помощник в CSS
Подписка на тему | Сообщить другу | Версия для печати
Duka
Отправлено: Май 18 2008, 11:49
Quote Post


HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon

Группа: Пользователи
Сообщений: 206
Пользователь №: 691
Регистрация: 2-Апреля 08
Из: Москва
Member Offline

Репутация: 15




Цитата (Zebra с майбб)

Итак. Ибо факи уже писались в небывалых количествах, однако то ли в них не до конца разбираютсЯ, то ли элементарно лень их перекопать , решила сделать вам скрипт помощник.
Смысл его работы таков. Если вы хотя бы раз писали css коды, вы знаете, что у каждого элемента есть свое название, которое мы прописываем, чтобы перекрасить, отредактировать и разукрасить какой-то элемент. Однако так как дизайнерские запросы у вас все растут, бывает так, что найти название именно того, чтоо вас интересует, вы никак не можете.

Этот скрипт написал замечательный человек с ником Zebra) Я лишь придал небольшой вид.
Идем в Global HTML elements - 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>

Цитата (Zebra)
Внизу страницы вы уывидите кнопочку Помощь в css. Когда васприспичит похимичить с дизайном нажимаете ее. Далее наводите мышкой на любой элемент на странице. И вуаля. Видит полный код этого элемента, в какую точку бы вы не тыкали. Далее с дизайном может совладать даже абсолютный двоечник.

Добавлено: копирование в буфер эта часть  полноценно работает только для иксплорера. В смысле происходит автоматическое копирование в буфер обмена. Для других не придумано аналогичных функций. Но, при двойном клике на элемент его код появится в форме рядом с кнопкой помощи, страница сфокусируется на кформе и код будет уже выделен. Останется только копировать.
Чтобы скопировать - даблкликните на элемент, после того, как увидите его код.


Отдельный совет администратору. Сделайте ваш сервис получше других аналогов ipb.
Добавьте, желательно, к каждому элементу на ваших форумах свой id, таким образом через css можно будет вытворить ВСЕ, что угодно, не копаясь в шаблонах.
Чем больше id понатыкаете в движок, т.е. в шаблон вашего движка. тем больше возможностей для изменений появится у ваших польхователей.
Будет меньше вопросов по поводу шаблонов "что, куда, зачем?".
CSS великая штука, но на сайтах или форумах. где айди и классы используются в малых колличествах, противно заходить, ибо css тут уже не поможет, только сплошное хтмл-редактирование...


--------------------
<style>
#dom2 {display: none}
</style>
Top
Добрый
Отправлено: Май 18 2008, 20:16
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Отличная Штука! Спасибо!
Закреплено


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Goblin
Отправлено: Май 19 2008, 09:07
Quote Post


Про-Юзер
Group Icon

Группа: Пользователи
Сообщений: 510
Пользователь №: 474
Регистрация: 21-Января 08
Member Offline

Репутация: 2




Duka,
Огромное спасибо,очень нужная тема
Top
Rom4ik
Отправлено: Май 19 2008, 16:05
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




Извините не понял скрипт


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Добрый
Отправлено: Май 19 2008, 16:27
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Rom4ik, что не поняли конкретно?)


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Rom4ik
Отправлено: Май 19 2008, 17:07
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




ну смысл скрипта что он делает!
Можно хоть пример?


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Добрый
Отправлено: Май 19 2008, 17:33
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Rom4ik, ну вы установите и увидите)


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Rom4ik
Отправлено: Май 19 2008, 17:52
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




Вообще супер! Duka большое тебе спс! и зебре тож)))

А как сделать чтоб гости и пользеватели немогли этого видеть?

Это сообщение отредактировал Rom4ik - Май 19 2008, 17:55


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Добрый
Отправлено: Май 19 2008, 18:48
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




QUOTE (Rom4ik @ Май 19 2008, 17:51)
А как сделать чтоб гости и пользеватели немогли этого видеть?
Судя по всему - никак. Устанавливайте этот скрипт во время работ над скином и будет вам счастье) Когда работы будут оконченны - убирайте)


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Rom4ik
Отправлено: Май 19 2008, 19:49
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




Ясно
Большое спс скрипт супер! так как я туп в CSS)))


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Duka
Отправлено: Май 19 2008, 19:55
Quote Post


HTML, xHTML, CSS, JavaScript, AJAX, PHP, MySQL
Group Icon

Группа: Пользователи
Сообщений: 206
Пользователь №: 691
Регистрация: 2-Апреля 08
Из: Москва
Member Offline

Репутация: 15




От гостей как скрыть?
Могу написать скрипт на досуге, который будет показывать его только администраторам всем или же одному юзеру.


--------------------
<style>
#dom2 {display: none}
</style>
Top
ReGa
Отправлено: Май 19 2008, 20:53
Quote Post


Участник
**

Группа: Забаненные
Сообщений: 61
Пользователь №: 786
Регистрация: 11-Май 08
Member Offline

Репутация: -3




QUOTE (Duka @ Май 19 2008, 19:54)
От гостей как скрыть?
Могу написать скрипт на досуге, который будет показывать его только администраторам всем или же одному юзеру.

во во! давай! biggrin.gif
Top
Rom4ik
Отправлено: Май 19 2008, 21:54
Quote Post


Помогу всем)))
Group Icon

Группа: Пользователи
Сообщений: 854
Пользователь №: 798
Регистрация: 18-Май 08
Из: Украина Киев
Member Offline

Репутация: 17




Если не сложно то только администрации чтоб был виден!
Думаю не будет особого смысла если пользеватели будут это видеть!
Много лишних вопросов


--------------------
Делаю сервера для CS.1.6 подробности в ICQ 376-003-011
(платно)
Top
Goblin
Отправлено: Май 20 2008, 06:03
Quote Post


Про-Юзер
Group Icon

Группа: Пользователи
Сообщений: 510
Пользователь №: 474
Регистрация: 21-Января 08
Member Offline

Репутация: 2




Да такой скрипт очень нужен,потому что не хочется каждый раз,когда проводишь работы над скином ставить этот мод,а потом убирать

Это сообщение отредактировал Goblin - Май 20 2008, 06:05
Top
Rozess
Отправлено: Май 21 2008, 11:12
Quote Post


Новичок
*

Группа: Забаненные
Сообщений: 0
Пользователь №: 705
Регистрация: 6-Апреля 08
Member Offline

Репутация: 0




Duka, огромное спасибо за скрипт))
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Внешний вид форума | Следующая тема »

Topic Options Страницы: (3) [1] 2 3  Reply to this topicStart new topicStart Poll


 



Работает на IP.Board © 2024 IPS, Inc.