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

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

Zmniejszenie ramki z facebookiem

Założony przez  xEncore.

wersja skryptu MyBB: 1.6.10
adres forum: www.csnext.eu
na czym polega problem (screen, opis, komunikaty):

Chciałbym zmniejszyć tą ramkę, ale nie wiem gdzie to zmienić w kodzie, proszę o pomoc.


<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: 100px;  /* 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: 250px;
    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="https://www.facebook.com/csnext.eu?ref=ts&fref=ts" 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>
[Obrazek: 60444105335269708929_thumb.jpg]
Snake_ napisał 23.03.2014, 22:21:
Przenoszę.
najlepiej to najpierw kod facebooka wygeneruj sobie w <iframe> - wtedy będzie najprościej zmieniać.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.



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

2 gości