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

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

jak zrobic boczny panel facebook oraz youtube

Założony przez  VV1n3r.

07.02.2015, 10:00 (Ten post był ostatnio modyfikowany: 07.02.2015, 12:47 przez Snake_.)
#1
wersja skryptu MyBB: 1.6.16
adres forum: www.cs-brodnica.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
jak zrobic boczny panel facebook oraz youtube
pomóscie
07.02.2015, 10:14
#2
Facebook:

<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td class="thead">
<b>FanPage
</b></td>
</tr>
<tr>
<td class="trow12"><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F​258112454338304&amp;width=212&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:212px; height:258px;" allowTransparency="true"></iframe>
</center>
</td>
</tr>
</table> 

(Tylko link zmień)

Widget Youtube:

<!--WIDGET YOUTUBE-->
<div id="youtube2_2" style="right: -304px; z-index: 9996; background: #ffffff; padding: 0px; width: 300px; height: 104px; position: fixed; top: 367px; border: 2px solid #3C3C3C">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="youtube.png" />  
  <iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=KatMPBSoft" style="overflow: hidden; height: 105px; width: 300px; border: 0;" scrolling="no" frameBorder="0"></iframe>
</div>
<!--KONIEC WIDGET YOUTUBE--> 

(Powyżej jest kod na widget Youtube,a poniżej na widget Facebook jeśli taki Ci sie podoba)

Widget Facebook:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Wysuwany widget facebook'a by SoundPlayer</title>
<meta name="Author" content="SoundPlayer">
<meta name="keywords" content="" />
<meta name="description" content="" />
<META NAME="ROBOTS" CONTENT="all"> 
<META HTTP-EQUIV="Reply-to" CONTENT="">
<META NAME="revisit-after" CONTENT="2 days">
<script type="text/javascript">
(function() {
  var s = document.createElement('script');
  var root = document.getElementById('fb-root');

  window.fbAsyncInit = function() {
    FB.init({status: true, cookie: true, xfbml: true});
    root.removeChild(s);
  };

  s.async = true;
  s.src = document.location.protocol +
    '//connect.facebook.net/pl_PL/all.js';
  root.appendChild(s);
}());
</script>
</head>
<style type="text/css">
body{
background: #666666;
}
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    right: -243px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
}

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

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

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

/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 9;
    -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
    
    float: left;
    width: 100px; 
    height: 30px;
    padding: 9px 0px 0px 20px;
    margin-top: 50px;
    left: 43px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;

}
</style>
<body>
<img src="logo-cs.png" />
<div id="like-box">
<div class="outside">
<div class="inside">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWszystko-o-Radiach-Internetowych%2F172604916115422%3Fref%3Dts&amp;width=236&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=420" scrolling="no" frameborder="0" style="border:1px solid #3b5999; overflow:hidden; width:236px; height:410px;" allowTransparency="true"></iframe>
</div>
</div>
<div class="belt">facebook</div>
</div>
</body>
</html> 



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

1 gości