Панель для установки расширенний для Chrome

Опубликовано:
Просмотров: 1287
-1
Голосов: 1

И так у вас есть расширенние для сайта... и вот вы видели на других сайтах много таких панелей и вот я вам даю решение!

И так открываем ваш шаблон и между тегами: <head> вставляем код:

Код PHP:
  1. <script type="text/javascript" src="jquery-1.3.2.min.js"></script> \\Устанавливать код если у вас не подключен Jquery

Потом устанавливаем вот этот код между тегами <body>:

Код PHP:
  1. <script type="text/javascript" src="cookies.js"></script>
  2. <div class="chromebar">
  3. <div class="clss" onclick="close_chrome()"><div class="ic"><div class="m10"> </div></div></div>
  4. <div class="bn"><div onclick="document.location.href='http://presebookbfbbru.metabar.ru/'">Установить</div></div>
  5. <div class="tx">Установить расширение предлагаемое сайтом <b>cyberspeak.ru</b>?</div>
  6. </div>
  7. <div class="zgl1">&nbsp;</div>
  8.  
  9. <script type="text/javascript">
  10. function close_chrome() {
  11. setCookie('s01', '1', 10, "/");
  12. $('.chromebar').animate({top:'-64px'},200);$('.zgl1').slideToggle(200)
  13. }
  14. nchr = getCookie('s01')
  15. if(nchr != '1') {setTimeout(function(){$('.chromebar').animate({top:'0px'},200);$('.zgl1').slideToggle(200)},1000)}
  16. </script>
  17.  
  18. <style type="text/css">
  19. .zgl1 {height:37px;overflow:hidden;display:none;}
  20. .chromebar .clss {float:right;padding:13px;padding-left:15px;padding-right:9px}
  21. .chromebar .clss .ic {
  22. background:url('close.png') top left;
  23. width:10px;height:10px;overflow:hidden
  24. }
  25. .chromebar .m10 {
  26. color:black;
  27. cursor:default;
  28. background:url('close.png') top left;
  29. width:10px;height:10px;overflow:hidden;
  30. opacity:0;
  31. -webkit-transition:opacity linear .1s}
  32.  
  33. .chromebar .clss:hover .m10{opacity:1}
  34.  
  35. .chromebar .bn {float:right;padding-top:3px}
  36. .chromebar .tx {cursor:default;padding:10px;padding-left:43px;background:url('chrome.png') top left no-repeat}
  37. .chromebar .bn div:hover {border:1px solid #414141}
  38.  
  39. .chromebar .bn div:active {border:1px solid #414141;
  40. background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 5%, rgb(230,230,230) 53%);
  41. background-image: -webkit-gradient(
  42. linear,
  43. left bottom,
  44. left top,
  45. color-stop(0.05, rgb(249,249,249)),
  46. color-stop(0.53, rgb(230,230,230))
  47. );
  48. }
  49.  
  50. .chromebar .bn div {
  51. cursor:default;
  52. padding:7px;
  53. padding-bottom:6px;
  54. border:1px solid #838383;
  55. -webkit-border-radius: 3px;
  56. background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 5%, rgb(249,249,249) 53%);
  57. background-image: -webkit-gradient(
  58. linear,
  59. left bottom,
  60. left top,
  61. color-stop(0.05, rgb(230,230,230)),
  62. color-stop(0.53, rgb(249,249,249))
  63. );
  64. }
  65. .chromebar {
  66. overflow:hidden;
  67. z-index:999999;
  68. color:black;
  69. font-family:Arial;
  70. font-size:14px;
  71. border-bottom:1px solid #B6BAC0;
  72. top:-37px;left:0px;
  73. position:fixed;
  74. width:100%;
  75. height:36px;
  76. background-image: -webkit-linear-gradient(bottom, rgb(255,232,147) 5%, rgb(255,242,182) 53%);
  77. background-image: -webkit-gradient(
  78. linear,
  79. left bottom,
  80. left top,
  81. color-stop(0.05, rgb(255,232,147)),
  82. color-stop(0.53, rgb(255,242,182))
  83. );}
  84. </style>

Качаем вот этот архив и извлекаем его в корень сайта и готово!

Комментарии (4)
Letsgo #
: 0

Зачем нужна откровенная ерунда?

Вадим Кондаков #
: 0

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

Letsgo #
: 0

Это хорошо, что про школоту вы знаете выражение. Только я вот не пойму зачем собирать всякую хрень?

Вадим Кондаков #
: 0

Это не хрень а это полезная вещица как так может кому бы и пригодилась бы... может у кого есть своё расширенние и немогут найти такую штуку и я нашёл решение

Голосуем

Самый нужный компонент