Skocz do zawartości
  • 0
Mario14125

Okno HTML z LikeBOX'em

Pytanie

Witam, jak zrobić podobne okno z LikeBOX'em FB jak jest na mpcforum.pl (wybaczcie za reklame ale chce zebyscie zobaczyli sami jak to wyglada). zalezy mi na tym zeby bylo to w HTML bo chce to zrobic na osobnej stronie niz forum ;) i tak by cookie's zapisywalo wyłączenie okienka

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

3 odpowiedzi na to pytanie

Polecane posty

  • 0

Wyczyść swoje ciasteczka jak możesz i wejdź na to mpcforum.pl i tam powinno wyskoczyć ci okienko z LikeBOX'em :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0
<div id="lubie-to-box">
	<div class="background">
		<div class="zawartosc">
			<span id="lubie-to-close"><img src="http://www.mpcforum.pl/lubie_to/btn-close.png" alt="Zamknij" title="Zamknij okno"></span>
			<h1>Witaj na MPCForum.pl</h1>
		
			<p>Zostań naszym fanem i kliknij <iframe class="lubie-to-btn" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FMPCForum&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" allowtransparency="true"></iframe></p>
			<div class="box">
				<iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FMPCForum&amp;width=660&amp;height=270&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23ffffff&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:660px; height:270px;" allowtransparency="true"></iframe>
			</div>
		</div>
	</div>
</div>

i css:

#lubie-to-box {
background: rgba(0, 0, 0, 0.80);
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 120;
overflow: visible;
padding: 70px 0px 30px 0px;
height: auto;
width: auto;
}
#lubie-to-box div.background {
width: 700px;
height: 440px;
margin: auto auto;
background: #ffffff;
border: 1px solid #ebebeb;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#lubie-to-box div.zawartosc {
padding: 20px;
}
#lubie-to-close {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 30px;
height: 30px;
}
#lubie-to-box div.zawartosc h1 {
text-align: center;
font-size: 26px;
margin: 25px 0px 20px 0px;
}
#lubie-to-box div.zawartosc p {
text-align: center;
font-size: 20px;
margin: 10px 0px;
}
#lubie-to-box div.zawartosc div.box {
margin: 30px 0px 0px 0px;
text-align: left;
}

i jeszcze JS do tego:

<script type="text/javascript" src="http://www.mpcforum.pl/lubie_to/lubie_to.js"></script>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.