jak zrobic boczny panel facebook oraz youtube

Założony przez  VV1n3r.

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
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 {
    
positionfixed;
    
z-index99;
    
top150px;  /* jego polozenie od gory */
    
right: -243px/* szerokosc wygenerowanego boxa + 4px obramowania */
    
-webkit-transitionright 0.5s ease-out;
    -
moz-transitionright 0.5s ease-out;
    -
o-transitionright 0.5s ease-out;
    
transitionright 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
    
right0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
    
positionrelative;
    
z-index1;
    
background#3b5999;
    
padding2px;
    
min-width1px;
    
floatright;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
    
positionrelative;
    
z-index2;
    
background#3b5999;
}

/* pasek z logo FB */
#like-box .belt {
    
positionrelative;
    
z-index9;
    -
webkit-transformrotate(270deg);
-
moz-transformrotate(270deg);
-
o-transformrotate(270deg);
    
    
floatleft;
    
width100px
    
height30px;
    
padding9px 0px 0px 20px;
    
margin-top50px;
    
left43px;
    
background#3b5999;
    
color#fff;
    
font-weightbold;
    
font-familyVerdana;
    
font-size16px;

}
</
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