Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Belka z CometChat (bottomBar, footerbar)

Założony przez  ROYS.

09.11.2011, 15:27 (Ten post był ostatnio modyfikowany: 09.11.2011, 16:28 przez ROYS.)
#1
wersja skryptu MyBB: 1.6.4
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam, jak zrobić zwykłą belkę która pokazywałaby się na dole okna podobnie jak jest w wtyczce CometChat? Zwykła jeżdżąca belka w której mogę dać jakikolwiek tekst :)
elroyalo napisał 09.11.2011, 16:22:
Proszę uzupełnić adres forum
09.11.2011, 16:03 (Ten post był ostatnio modyfikowany: 09.11.2011, 16:07 przez elroyalo.)
#2
do szablonu dodajesz
<div id="bottomBar">treść</div> 

w global.css
#bottomBar { position: fixed; bottom: 0px; z-index: 9999; background: #e3e2e2; border: 1px solid #c3c3c3; border-bottom: none; width: 500px; min-width: 500px; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; margin-left:auto; margin-right:auto; left:25%; right:25%; } 
09.11.2011, 16:13
#3
Do jakiego dokładnie szablonu mam to dodać? :P
09.11.2011, 16:18 (Ten post był ostatnio modyfikowany: 09.11.2011, 16:20 przez elroyalo.)
#4
jeśli ma być widoczne na każdej stronie najlepiej do: nagłówka header / stopki footer

jeżeli tylko stronie głównej index

etc etc

Przykład: http://elroyalo.y0.pl/forum/ (dodałem do header)
09.11.2011, 16:21 (Ten post był ostatnio modyfikowany: 09.11.2011, 16:22 przez ROYS.)
#5
Dodałem do headerinclude i działa :) Dziękować.
A czy możliwe jest zrobienie czegoś takiego aby belka była z np 20% odstępem od monitora? :P
09.11.2011, 16:23
#6
w css left:25%; right:25% zmień na 20%
09.11.2011, 16:28
#7
A czy jest możliwość chowania i pokazywania tej belki czy nie bardzo?
09.11.2011, 16:32 (Ten post był ostatnio modyfikowany: 09.11.2011, 16:35 przez elroyalo.)
#8
chowanie ok, ale pokazywanie ponowne na jakiej zasadzie ? buttona typu Show/Hide w rogu ekranu?

jeśli tak zerknij tutaj: http://api.jquery.com/hide/
09.11.2011, 16:40
#9
<!DOCTYPE html>
<html>
<head>
  <style>
  span { background:#def3ca; padding:3px; float:left; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button id="hidr">Hide</button>
  <button id="showr">Show</button>
  <div>

    <span>Once</span> <span>upon</span> <span>a</span>
    <span>time</span> <span>there</span> <span>were</span>
    <span>three</span> <span>programmers...</span>

  </div>
<script>
    $("#hidr").click(function () {
      $("span:last-child").hide("fast", function () {
        // use callee so don't have to name the function
        $(this).prev().hide("fast", arguments.callee);
      });
    });
    $("#showr").click(function () {
      $("span").show(2000);
    });

</script>

</body>
</html>

Ten chciałbym przystosować do tej belki, tylko dokładnie nie wiem jak :P
I zamiast tych przycisków to zwykły napis POKAŻ/UKRYJ :)



Użytkownicy przeglądający ten wątek:

3 gości