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

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

Wysuwany LikeboX na forum

Założony przez  jarek237.

07.04.2013, 11:36 (Ten post był ostatnio modyfikowany: 07.04.2013, 11:41 przez jarek237.)
#1
wersja skryptu MyBB:1.6.9
adres forum: forumplocka.pl
na czym polega problem (screen, opis, komunikaty):

Witam. Mam pytanie odnośnie skryptu z tej strony
---> Link

Czy ktoś go instalował u siebie na stronie ? Po zrobieniu wszystkiego według tego co jest napisane są problemy z pisaniem nowych postów lub tematów nie mam wszystkich opcji do edytowania tekstu np. zmiana kolor, czcionki, brak możliwości dodania emotkion z prawej strony do postu...

Gdy usunę tą linijkę z headerinclude
<!-- Zalaczenie biblioteki jquery do obslugi wysuwanego likebox'a -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

wszystko wraca do normy, utracone "narzędzia" przy pisaniu posta wracają lecz likebox który jest po lewej stronie jest cały czas wysunięty (nieruchomy)...
Matslom napisał 07.04.2013, 13:27:
Przenoszę
07.04.2013, 11:46
#2
Ja mogę dać Ci kod na wysuwanego likeboxa (Live Demo Jest to tylko kod który wklejasz w header`a (bez żadnych skryptów js anie edycji global.css)
07.04.2013, 11:51
#3
W takim razie poprosił bym jeżeli jest taka możliwość :)
07.04.2013, 11:54 (Ten post był ostatnio modyfikowany: 07.04.2013, 11:54 przez GiboneKPL.)
#4
Bardzo proszę :
Wklejasz to na końcu header`a (ACP -> Style i Szablony -> Szablony -> Twój_Szablon -> Nagłówek -> header)
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
    margin: 0;
    padding: 0;
}

/* glowny div z like box'em */
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
    left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
    position: relative;
    z-index: 1;
    background: #3b5999;
    padding: 2px;
    min-width: 1px;
    float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
    position: relative;
    z-index: 2;
    background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 0;
    -webkit-transform: rotate(90deg); /* obrot o 90 stopni */
    -moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
    -o-transform: rotate(90deg); /* obrot o 90 stopni */
    filter: progid:http://aux.iconpedia.net/uploads/1718881439.png(rotat​ion=1); /* obrot o 90 stopni dla IE */
    float: left;
    width: 100px; /* wysokosc */
    height: 40px; /* szerokosc */
    padding: 7px 0px 0px 20px;
    margin: 50px 0px 0px -55px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#banner {
    margin: 0 auto;
    width: 450px;
    height: 50px;
    margin-top: 30%;
}
</style>
</head>
<body>

<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->

<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
    <div class="outside">
        <div class="inside">
            <!-- WYGENEROWANY KOD NR 2 -->
            <div class="fb-like-box" data-href="http://www.facebook.com/pages/Bestcraft-Polska/575028179177310" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
            <!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
        </div>
    </div>
    <div class="belt">facebook</div>
</div>

(Tam gdzie masz linka do facebooka BestCraft wklejasz swój link)
07.04.2013, 12:06
#5
A ja Ci polecam:
http://fbslider.bossbyte.com/
07.04.2013, 12:51
#6
Dzięki wielkie jeszcze raz oba slajdery są bardzo dobre lecz ten drugi bardziej mi przypadł do gustu, tylko jedno pytanko jeszcze mam w jakiej sekcji należy go prawidłowo wrzucić aby zadziałał ?
Matslom napisał 07.04.2013, 13:27:
[Obrazek: modnotice_thx.png]
07.04.2013, 12:59
#7
albo
http://katmpbsoft.blogspot.com/2012/03/f...be-nk.html
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI



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

1 gości