Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (49)
Продолжение темы: Общие вопросы от новичков (48)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Panteleimon
Пробуйте отписать в эту тему => Музыка в постах
Cпец по музыке Romych
Deff, спасибо, сейчас обратимся)
Deff последняя просьба в этом году.
Увидел на одном сайте кнопки прям точно такие как мне нужны, ну вот один в один. Здесь они, нужно такое же отображение цифр на самих кнопках.
Помогите пожалуйста со скриптом. 
Отредактировано kleo3333 (Чт, 4 Фев 2016 09:33:21)
kleo3333
<style type="text/css">
.punbb .btn {
margin-right:5px;
color: #000000;
background-color: transparent;
border: solid 1px rgba(255, 255, 255, 0.804)!important;
color: #FFFFFF;
padding: 8px 14px;
text-decoration: none!important;
box-shadow: rgba(0, 0, 0, 0.126) 0px 3px 5px 0px inset;
box-sizing: border-box;
font: normal normal 400 18px/23.94px Arial;
border-radius: 6px;
height: 42px;
}
.punbb .btn:hover, .punbb .btn:focus,.punbb .btn.active, .punbb .btn:active{
color: #333333!important;
background-color: #fff!important;
text-decoration: none;
}
.punbb .btn:focus, .punbb .btn:active:focus{
outline: thin dotted currentColor;
outline-offset: -2px;
}
.punbb a.btn .badge {
position: relative;
top: -1px;
}
.punbb .badge {
background-color: #777777;
border-radius: 10px;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1;
min-width: 10px;
padding: 3px 7px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
</style>
<a href="http://muslib.ru/a-flock-of-seagulls/albums/" class="btn" target="_blank">
Альбомы <span class="badge">47</span>
</a>Deff спасибо большое.
А как сделать, чтобы нажимая на кнопку и переходя по ссылке, сама кнопка на которую ты нажал подсвечивалась белым цветом, то есть сразу видно в каком ты разделе Альбомы или Песни..
Отредактировано kleo3333 (Чт, 4 Фев 2016 09:33:26)
kleo3333
Вродь поправил - cм. Исходник
Мы наверно не понимаем друг друга.
Я имею ввиду как сделать что когда нажимаешь на кнопку и переходишь на другую страницу, где те же самые кнопки. Та кнопка которую ты нажал остается подсвеченной.
Как на этом сайте, переходишь в раздел песен и кнопка Песни белая, а все остальные прозрачные. Нажимаешь Фото - и переходишь в раздел фотографий, где эта кнопка Фото становится белой, а остальные прозрачными.
Мы наверно не понимаем друг друга.
Я имею ввиду как сделать что когда нажимаешь на кнопку и переходишь на другую страницу, где те же самые кнопки. Та кнопка которую ты нажал остается подсвеченной.
Как на этом сайте, переходишь в раздел песен и кнопка Песни белая, а все остальные прозрачные. Нажимаешь Фото - и переходишь в раздел фотографий, где эта кнопка Фото становится белой, а остальные прозрачными.
Анекдот - знаете ? "Гена откуси ему ноги ?" Дык вот, где в предыдущем сообщении запрос про переход на новую страницу ? А на текущей - она подсвечена(ежли вернуцо на шаг назад)
Поправил код, Еще поправил
Deff, а вот такой вопрос по этому коду.
Я поставлю эти кнопки на разные страницы, но как сделать чтобы перейдя на определенную страницу, определенная кнопка уже была бы на ней подсвечена белым? Получается как задать цвет кнопке чтобы она постоянно была подсвечена?
примерно будет так
тут четыре страницы: Альбомы, Биография, Фото, Видео
нажимая на Видео, переходишь на страницу с видео, а кнопка Видео должна на этой странице постоянно быть белой. Показывая этим что ты находишься на странице с видео.
Tак же и на остальных страницах сделать фото и биографии..
Можно так сделать?
Отредактировано kleo3333 (Чт, 4 Фев 2016 09:33:59)
kleo3333
А сейчас разве не так ?
Сейчас нет конечно, вот зайди на страницу Фото по аналогичной кнопке.
Все кнопки выглядят прозрачными. А кнопка Фото должна быть белой
Надо так же как здесь, нажимаешь кнопку-переходишь на страницу-нажатая кнопка остается белой и без наведения курсора на этой новой странице
Отредактировано kleo3333 (Чт, 4 Фев 2016 09:32:24)
kleo3333
Пробуй ещё. Поправил
Кнопка остается белой на странице, которую покидаешь, но не становится белой на которую ты приходишь, как хотелось бы 
kleo3333
Поправь еще раз стиль, щас скрипт прилеплю(В Старых операх всё как нужно)
В cамый низ кода на странице:
<script type="text/javascript">
$('.btn[href="'+location.href.split('#')[0]+'"]').addClass('active');
</script>
Поправил
Сейчас все круто, а как сделать чтобы страница открывалась не отдельной вкладкой а тут же заместо этой?
kleo3333
Дык так и было вначале, ты захотел на новой
<a href="http://muslib.ru/a-flock-of-seagulls/albums/" class="btn" target="_blank">
Альбомы <span class="badge">47</span>
</a>
Убери красное (во всех кнопках
Ох, извини что так сильно наверняка достал тебя Deff, ты просто конечно красавчик.
Спасибищщще тебе огроменное. Ты крут.
С Наступающим. 
Поправил стиль для старых опер, чоб идентично
Deff Подскажите плиз,т.е даж помогите,не модерируются темы,т.е не переносятся посты, в другие темы.(галочки не ставятся под темами и постами,которые нужно перенести).Видимо чего то поламала,а чего не могу понять!!!!! 
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (49)