Здравствуйте! Скажите, в чем проблема отображения полноценных кнопок, именно на самом сайте? Раньше, на нужной мне странице, прописывал этот код: "<style> a.button9 { position: relative; display: inline-block; color: #8b4726; font-weight: bold; text-decoration: none; text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 5px 10px 5px; user-select: none; padding: 1em 2em; outline: none; border-radius: 8px / 100%; background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)); background-repeat: no-repeat; background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px; } a.button9:hover { transition: .5s linear; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } a.button9:active { top: 1px; } </style> <a href="ссылка" class="button9">кнопка</a> " и всё отлично работало! Сейчас же, просто текст и ссылка в нем. В чем проблема? Самое интересное, что пока не заходишь в редактор, они все работают и правильно отображаются на сайте. Но если что-то изменить через редактор, то их уже не восстановить. Сайт: persona-ge.com
|