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

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

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

Вы здесь » Единый форум поддержки » Корзина » Джамп Панель

Джамп Панель

Страница: 1
Тема закрыта

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

1

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17

Здравствуйте,подскажите как заменит картинку в джамп панели..если вставить просто картинку оно не показывает..пробовал менять разные показатели нечего так и не получилось..скажите в каком коде менять размер или что там..

Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #000000;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
Ваш контент
  </div>
</div>
<!--End//JampPanel-->

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36
ВеселыйРоджер написал(а):

Здравствуйте,подскажите как заменит картинку в джамп панели.

background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png)

Есть более простой в настройке код JampPanel по клику
Две простых выдвижных панели по клику

Отредактировано Deff (Чт, 27 Мар 2014 20:40:16)

0

3

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17
Deff написал(а):

Есть более простой в настройке код JampPanel по клику
Две простых выдвижных панели по клику

Отредактировано Deff (Сегодня 20:40:16)

я понимаю это)но я меняю ссылку и тогда картинку вообще не показывает) т.к картинка больше чем стандартная я хотел узнать можно ли как то в настройках скрипта поставить параметры для картинки размеров 96 - 280 вот эту)

Отредактировано ВеселыйРоджер (Чт, 27 Мар 2014 20:45:50)

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36
ВеселыйРоджер написал(а):

Здравствуйте,подскажите как заменит картинку в джамп панели..если вставить просто картинку оно не показывает..пробовал менять разные показатели нечего так и не получилось..скажите в каком коде менять размер или что там..
            Код:

Вообще то у Вас неполный Код, как раз таки без фоновой картинки

Есть же каталог скриптов!, Почему каждому нужно подгузник раздавать!

Каталог скриптов/CSS

.JampPanel - Навигатор

0

5

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17
Deff написал(а):

Вообще то у Вас неполный Код, как раз таки без фоновой картинки

Есть же каталог скриптов!, Почему каждому нужно подгузник раздавать!

Каталог скриптов/CSS

.JampPanel - Навигатор

мм опять не то)не фоновая а вот та где написано "Полезные ссылки" то есть та которая выглядывает)

0

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36

ВеселыйРоджер

ВеселыйРоджер написал(а):

я понимаю это)но я меняю ссылку и тогда картинку вообще не показывает) т.к картинка больше чем стандартная я хотел узнать можно ли как то в настройках скрипта поставить параметры для картинки размеров 96 - 280 вот эту)

Отредактировано ВеселыйРоджер (Сегодня 20:45:50)

Данная картинка в исходнике - для "Уха"
Если нужно ставить большую картинку ну поставьте фоном на #JampPanel .container{

0

7

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17
Deff написал(а):

ВеселыйРоджер

Данная картинка в исходнике - для "Уха"
Если нужно ставить большую картинку ну поставьте фоном на #JampPanel .container{

сейчас попробую

0

8

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36

ВеселыйРоджер
Сделайте эскиз в ФШ - что нужно в итоге в натуральный размер, дабы без экстрасенсорики
Выложите ссылки на картинки

Отредактировано Deff (Чт, 27 Мар 2014 20:55:03)

0

9

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17
Deff написал(а):

ВеселыйРоджер
Сделайте эскиз в ФШ - что нужно в итоге в натуральный размер, дабы без экстрасенсорики
Выложите ссылки на картинки

Отредактировано Deff (Сегодня 20:55:03)

да мне внутри нечего не нужно делать я там рейтинг поставлю именно заменить ту штучку которая выдвигает вот эту Родная  вот заместо этой нужно что бы торчала вот эта Нужная но! что бы она была такой какой есть а не прямоугольной с рамкой и тд..

0

10

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36

ВеселыйРоджер
Поставьте код, как есть с заменой картинки - дайте ссылку на форум, я поправлю
Очевидно нун размеры "уха" выставить в соотвествие с размерами фоновой картинки

Отредактировано Deff (Чт, 27 Мар 2014 21:10:32)

0

11

  • Автор: ВеселыйРоджер
  • Заслуженный
  • Зарегистрирован: Вт, 18 Мар 2014
  • Сообщений: 6
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Пн, 7 Апр 2014 16:17:17
Deff написал(а):

ВеселыйРоджер
Поставьте код, как есть с заменой картинки - дайте ссылку на форум, я поправлю
Очевидно нун размеры "уха" выставить в соотвествие с размерами фоновой картинки

Отредактировано Deff (Сегодня 21:10:32)

размеры 96 х 280 я не знаю же куда их) поставить

Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://s8.uploads.ru/L8s73.png) 4px 2px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
Ваш контент
  </div>
</div>
<!--End//JampPanel-->

Отредактировано ВеселыйРоджер (Чт, 27 Мар 2014 21:32:10)

0

12

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36
Deff написал(а):

дайте ссылку на форум

C установленным кодом - я поправлю

0

13

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51450
  • Уважение: +15412
  • Позитив: +12015
  • Последний визит:
    Сегодня 08:38:36
Код:
<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:280px;top:8px;right:0;margin-right:-222px;
background:#F0F0F0 url(http://s8.uploads.ru/L8s73.png) -9px 2px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
width:290px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 70px;
}
#Zaslonyalka{ /*прикрывает область тени на стыке уха с container*/
position:absolute;
height:280px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
  <div class=container>
    <div id=Zaslonyalka></div>
Ваш контент
  </div>
</div>
<!--End//JampPanel-->

0

Тема закрыта
Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Джамп Панель