|
Стилизование кнопочек
|
|
Пользователь
111 сообщений
Мужчина
|
Ребят, как стилизовать кнопочки "Новая тема", "Новый опрос" и т.д.? Чтобы не картинкой, а именно ссылками.
Вообщем как на uSite  Просто картинками не получается сделать удобные и красивые.
|
|
|
|
|
|
Пользователь
146 сообщений
Мужчина
|
alien, js
|
|
|
|
|
|
Coder
701 сообщениий
Мужчина
|
alien, jq+css
|
|
|
|
|
|
Пользователь
111 сообщений
Мужчина
|
Alexandrhhh, даже азов js не знаю.
Можно конкретный пример кода? Просто, как эти картинки заменить ссылками хотя бы. А там уже стилизовать сам буду.
|
|
|
|
|
|
Пользователь
229 сообщений
Мужчина
|
alien, вставь
Code <script type="text/javascript"> var n = ('$PAGE_ID$' == 'forum')? 1: 0; var div = document.getElementById('frmButns83'); if(n == 1){ var lin_new_th = div.children[0].getAttribute('href'); var lin_new_pol = div.children[1].getAttribute('href'); div.innerHTML = '<a href="'+lin_new_th+'">Новая тема</a> <a href="'+lin_new_pol+'">Новый опрос</a>'; }else if(n == 0){ var lin_reply = div.children[0].getAttribute('href'); var lin_new_th = div.children[1].getAttribute('href'); var lin_new_pol = div.children[2].getAttribute('href'); div.innerHTML = '<a href="'+lin_reply+'">Ответить</a> <a href="'+lin_new_th+'">Новая тема</a> <a href="'+lin_new_pol+'">Новый опрос</a>'; }; </script>
после в Общий вид страниц форума
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
Станислав, лучше jquery используй
Code <script type="text/javascript"> n = ('$PAGE_ID$' == 'forum')? 1: 0; if(n == 1){ lin_new_th = $('#frmButns83').find('div:eq(0)').attr('href'); lin_new_pol = $('#frmButns83').find('div:eq(1)').attr('href'); $('#frmButns83').html( '<a href="'+lin_new_th+'">Новая тема</a> <a href="'+lin_new_pol+'">Новый опрос</a>'); } else if(n == 0){ lin_reply = $('#frmButns83').find('div:eq(0)').attr('href'); lin_new_th = $('#frmButns83').find('div:eq(1)').attr('href'); lin_new_pol = $('#frmButns83').find('div:eq(2)').attr('href'); $('#frmButns83').html('<a href="'+lin_reply+'">Ответить</a> <a href="'+lin_new_th+'">Новая тема</a><a href="'+lin_new_pol+'">Новый опрос</a>'); }; </script> Добавлено (16.04.2012, 13:14)
---------------------------------------------
или лучше так
Code <script type="text/javascript"> <?if($PAGE_ID$="forum")?> lin_new_th = $('#frmButns83').find('div:eq(0)').attr('href'); lin_new_pol = $('#frmButns83').find('div:eq(1)').attr('href'); $('#frmButns83').html( '<a href="'+lin_new_th+'">Новая тема</a> <a href="'+lin_new_pol+'">Новый опрос</a>'); <?else?> lin_reply = $('#frmButns83').find('div:eq(0)').attr('href'); lin_new_th = $('#frmButns83').find('div:eq(1)').attr('href'); lin_new_pol = $('#frmButns83').find('div:eq(2)').attr('href'); $('#frmButns83').html('<a href="'+lin_reply+'">Ответить</a> <a href="'+lin_new_th+'">Новая тема</a><a href="'+lin_new_pol+'">Новый опрос</a>'); <?endif?> </script>
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
не проще было бы заменять изображения html тегами? Кода раза в 3 меньше, если не в 6.
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
PhoEn-X, ну это смотря что ему нужно...
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
Да там все ясно ж написано))
|
|
|
|
|
|
Пользователь
111 сообщений
Мужчина
|
PhoEn-X, я правильно понял, что нужно воспользоваться "Быстрой заменой"?
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
alien, нет. это скрипт нужно вставить в страницы форума
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
возникла трудность с <img onclick="123" /> если ставишь код, то придется попрощаться с кнопками WWW и ICQ
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
PhoEn-X, почему же, как вариант, их можно скрыть и прописать нужные с атрибутом onclick="$('#id').click()"
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
у меня в коде там замена изображения идет, к нему же прикручен onclick="", вытягивая значение данного аттрибута получаем function (event) {значение} как с этим бороться - я еще не придумал.
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
PhoEn-X, substr или slice вроде не поможет... почему бы просто оригинал не скрыть, и рядом поставить нудные кнопки?
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
можно и так  только не представляю как
|
|
|
|
|
|
Пользователь
111 сообщений
Мужчина
|
lan, твой вариант рабочий, спасибо тебе. Всё ребята, тему можно закрывать)Добавлено (16.04.2012, 20:25)
---------------------------------------------
ааа нет, не работает. При нажатии перекидывает на /forum/undefined
ошиПка 404))) Добавлено (16.04.2012, 20:27)
---------------------------------------------
Станислав, поставил твой вариант - работает!
|
|
|
|
|
|
