Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » не отображается кубик


не отображается кубик

Сообщений 1 страница 9 из 9

1

Мне по дружбе дали с одного форума свой скрипт с дайсом, при установке к себе на форум все работает. Стоит мне поменять ссылку на изображение - кубик не отображается. Появляется просто пустое поле, при нажатии на которое, тем не менее, кинуть дайс можно. Выглядит это безобразие следующим образом

скрин

http://i11.pixs.ru/storage/0/9/6/Bezimeni2j_2183559_18429096.jpg

Собственно, сам скрипт:

который стоит в форме ответа

Код:
<input type="button" onclick="dice()" value="Бросить кубик" class="dice-button" target=" Бросить кубик "/>
<script type="text/javascript">
function dice()
{
	var FoundErrors = '';
	var diceRes=""
	var CountCube = "1";
	var SideCube = "100";

	if (!CountCube)
	{return false;}
	if (!SideCube)
	{return false;}
	for(i=0; i<CountCube;i++){
	var dice = (Math.round(Math.random()*SideCube))
	if(dice==0) dice=1;
	diceRes += dice*1
	}
	smile('На кубике: '+diceRes)
}
</script>

который стоит в html-верх

Код:
<style>
.punbb input.dice-button {
background: url(http://ibn.im/g3oCMy2) no-repeat scroll!important;
border: 0 none!important;
box-shadow: none!important;
color: transparent;!important;
cursor: pointer;
display: inline-block;
height: 50px;
width: 50px;
overflow: hidden;
}
</style>

ссылка на форум: http://s4.rolevaya.ru/

Пыталась уже убирать какие-то значения, но не помогает :с Что со мной не так?

0

2

both
Попробуйте заменить Стиль:

<style>
.punbb input.dice-button{
  background:transparent url(http://ibn.im/g3oCMy2) 0 0 no-repeat !important;
  background-size:cover!important;
  border:0 none!important;
  box-shadow:none!important;
  color:transparent!important;
  cursor:pointer;
  display:inline-block;
  height:50px;
  width:50px;
  overflow:hidden;
}
</style>

Красным - ссылка на фоновую Картинку для кнопки

===========================================================

Ксать у Вас в Конце HTML низ - ошибка,
Замените красное - на синее;=>

<!-- убрать надпись объявление -->
<style type="text/css">
#pun-announcement h2 span{
display: none;
}
</script>
</style>

0

3

Alex_63
неа, все равно не отображается :с

Alex_63 написал(а):

Ксать у Вас в Конце HTML низ - ошибка

как это вы увидели? =о

0

4

both написал(а):

как это вы увидели? =о

В Исходном коде)

both написал(а):

неа, все равно не отображается :с

Тестовый ник-пароль в личку - посмотрю

0

5

both
Переставьте стиль Кубика:

<style>
.punbb input.dice-button {
    background: transparent url(http://i1.imageban.ru/out/2015/08/16/7b … 757144.png) 0 0 no-repeat !important;
    background-size: cover !important;
    border: 0 none !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    color: transparent !important;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 50px;
    overflow: hidden;
    transition: 0.2s ease;
}
.punbb input.dice-button:hover {
    opacity: 0.8;
}
</style>

Не отображалось потому, что ссылка в url вела не на саму картинку, а на страницу сайта с картинкой
Загружайте картинки лучше на http://savepic.net/ или http://fastpic.ru/ - а лучше в Администрирование > Файлы

0

6

Alex_63
все равно  :dontknow:

скрин

http://i11.pixs.ru/storage/3/9/4/Bezimeni2j_2785975_18432394.jpg

0

7

both
На фига Вы ссылку на картинку меняете на непонятно что ?
Поправил у Вас на форуме, - прежде чем ставить картинку на фон, убедитесь, что она существует,- пройдите по ссылке картинки!

0

8

Alex_63
это я уже потом меняла, потому что тоже ничего не отображалась. теперь работает, спасибо!

0

9

тему можно закрыть. помогли

0


Вы здесь » Единый форум поддержки » Архив » не отображается кубик