Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Wyskakująca reklama w index.php
Pełna wersja: Wyskakująca reklama w index.php
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

CoJestXdd

06.02.2015, 16:43
wersja skryptu MyBB:1.6.16
adres forum:CS SpeeD
na czym polega problem (screen, opis, komunikaty):Potrzebuję kodu do wyskakującej reklamy na stronie głównej

Witam, na paru sponsorowanych stronach oraz forach znajdują się reklamy, które wyskakują zaraz po otworzeniu strony głównej, cała strona jest przyciemniona i na samym środku znajduje się reklama a całość jest w formie płynnej animacji. Jak takie cudo wykonać?

CoJestXdd

06.02.2015, 17:23
Proszę

Kod PHP:
<html>
<head>



<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>



</head>
<body>


{$header}





<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<script type="text/javascript">
 //<[!CDATA[
  jQuery.noConflict();
   
  jQuery(document).ready(function() {   
       
   jQuery("#googleplus2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#googleplus2_2").stop(true,false).animate({right: "-304px"}, 500 );
     
   });   
          
   jQuery("#facebook2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#facebook2_2").stop(true,false).animate({right: "-304px"}, 500 );    
   });
       
   jQuery("#twitter2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#twitter2_2").stop(true,false).animate({right: "-300px"}, 500 );    
   });
          
   jQuery("#youtube2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#youtube2_2").stop(true,false).animate({right: "-304px"}, 500 );    
   });
        
   jQuery("#nk2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#nk2_2").stop(true,false).animate({right: "-300px"}, 500 );    
   });
  });   
 //]]>
</script>


<!--WIDGET FACEBOOK-->
<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 = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="facebook2_2" style="right: -304px; z-index: 9999; background: #828282; padding: 0px; width: 300px; height:550px; position: fixed; top: 50px; border: 2px solid #FF0000">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="slider_text_white_right.png" />  
  <div class="fb-like-box" data-href="https://www.facebook.com/csspeedofficial" data-width="300" data-height="550" data-show-faces="true" data-stream="false" data-header="false"></div>
</div>
<!--KONIEC WIDGET FACEBOOK-->



{$dvz_shoutbox}
{$ps_header_index}
 <div class="sidebar" style="float: right;width: 18%;">







<table>
    <tr>
    <td class="belkatlo">
<b><center>Status serwera</center></b>


        </td>
   </tr>
   <tr>
         <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; ">
<center> <iframe src="http://cache.www.gametracker.com/components/html0/?host=31.186.84.219:23528&bgColor=000000&fontColor=FFFFFF&titleBgColor=000000&titleColor=FF0000&borderColor=000000&linkColor=FF0000&borderLinkColor=FFFFFF&showMap=1&currentPlayersHeight=100&showCurrPlayers=1&topPlayersHeight=100&showTopPlayers=1&showBlogs=0&width=200" frameborder="0" scrolling="no" width="200" height="536"></iframe> </center>
</table> <br />


<table>
    <tr>
    <td class="belkatlo">
<b><center>Wspomóż nas lub opłać VIP'a!</center></b>


        </td>
   </tr>
   <tr>
         <td style="background: #1a1a1a; padding: 6px; text-shadow: rgba(0, 0, 0, 0.804) 0px -1px 0px; color: #eeeeee; font-size: 11px; font-weight: 700; ">
<font color="red">Przy wybraniu pożądanej przez nas kwoty prosimy w rubryce "Nick/tytuł" wpisać swój nick w grze oraz dopisać przedrostek Ultra, Vip lub Mini.<br />
Informacje na temat kupna konta VIP znajdziecie </font><a href="http://cs-speed.xaa.pl/showthread.php?tid=10"><i><font color="lime">tutaj</font></i></a>
<center> <iframe src="http://panel.serwerygier.com/api/PaymentWidget.html?sid=8065&header_backgroundClr=000000&header_textClr=ffffff&backgroundClr=404040&textClr=ffffff&aBackgroundClr=ff0000&aHighlightClr=ADADAD&aTextClr=ffffff" style="width:200px; height:280px"> </iframe> </center>
</table>


{$recenttopics}






 </div>
 <div class="forums" style="float: left;width: 81%;">
<div id="index_forums">{$custom_status_index}
{$forums}
<br>
</div>
 </div>
<br class="clearboth">
{$boardstats}

{$footer}



<!-- start gg-widget-html - Copyright GG Network S.A. -->
<a href="https://widget.gg.pl/widget/2ff060deaf813f3c0fb563d1cb72f05f13823fff2a661877ef1db577621fc3a2#uin=21970866|msg_online=Witam, w czym mogę pomóc?|msg_offline=Zostaw wiadomość i informacje kontaktowe, a odpowiemy na Twoje pytanie.|hash=2ff060deaf813f3c0fb563d1cb72f05f13823fff2a661877ef1db577621fc3a2" rel="nofollow" data-gg-widget="snapped-bottom" target="_blank"
style=" border: 1px solid #000; -webkit-border-radius: 2px; background: linear-gradient(#212121 0%, #010101 100%); background:-webkit-linear-gradient(#212121 0%, #010101 100%); background: -o-linear-gradient(#212121 0%, #010101 100%); background: -moz-linear-gradient(#212121 0%, #010101 100%); border-radius: 2px; box-shadow: 0px 1px 2px -1px #fff inset; -webkit-box-shadow: 0px 1px 2px -1px #fff inset; -moz-box-shadow: 0px 1px 2px -1px #fff inset; color: #fff; display: inline-block; font-family: Arial, sans-serif; font-size: 13px; height: 30px; max-width: 300px; text-decoration: none;">
<img style="display: inline-block; line-height: 30px; padding: 6px 1px 6px 6px; vertical-align: top;" src="https://status.gadu-gadu.pl/users/status.asp?id=21970866&amp;styl=1&amp;source=widget">
<span style="display: inline-block; line-height: 30px; max-width: 262px; overflow: hidden; padding: 0 6px 0 0; text-overflow: ellipsis; ms-text-overflow: ellipsis; o-text-overflow: ellipsis; white-space: nowrap;">Zadaj pytanie on-line</span>
</a>
<!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->
<!-- end gg-widget-html -->

<!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->
<script type="text/javascript">
(function() {
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';
    s.src = 'https://widget.gg.pl/resources/js/widget.js';
    var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();
</script>
<!-- end gg-widget-javascript -->



<!-- start gg-widget-html - Copyright GG Network S.A. -->
<a href="https://widget.gg.pl/widget/5dc769b5bfc60d00d51ee554c62c2426e1ab44a78b7f1871fc1f59bdbb40a0e5#uin=4646339|msg_online=Witam, w czym mogę pomóc|msg_offline=Zostaw wiadomość i informacje kontaktowe, a odpowiemy na Twoje pytanie.|hash=5dc769b5bfc60d00d51ee554c62c2426e1ab44a78b7f1871fc1f59bdbb40a0e5" rel="nofollow" data-gg-widget="snapped-bottom" target="_blank"
style=" border: 1px solid #000; -webkit-border-radius: 2px; background: linear-gradient(#212121 0%, #010101 100%); background:-webkit-linear-gradient(#212121 0%, #010101 100%); background: -o-linear-gradient(#212121 0%, #010101 100%); background: -moz-linear-gradient(#212121 0%, #010101 100%); border-radius: 2px; box-shadow: 0px 1px 2px -1px #fff inset; -webkit-box-shadow: 0px 1px 2px -1px #fff inset; -moz-box-shadow: 0px 1px 2px -1px #fff inset; color: #fff; display: inline-block; font-family: Arial, sans-serif; font-size: 13px; height: 30px; max-width: 300px; text-decoration: none;">
<img style="display: inline-block; line-height: 30px; padding: 6px 1px 6px 6px; vertical-align: top;" src="https://status.gadu-gadu.pl/users/status.asp?id=4646339&amp;styl=1&amp;source=widget">
<span style="display: inline-block; line-height: 30px; max-width: 262px; overflow: hidden; padding: 0 6px 0 0; text-overflow: ellipsis; ms-text-overflow: ellipsis; o-text-overflow: ellipsis; white-space: nowrap;">Zadaj pytanie on-line</span>
</a>
<!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->
<!-- end gg-widget-html -->

<!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->
<script type="text/javascript">
(function() {
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';
    s.src = 'https://widget.gg.pl/resources/js/widget.js';
    var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();
</script>
<!-- end gg-widget-javascript -->



</body>
</html> 

Snake_

06.02.2015, 17:56
Tyle rozwiązań: http://lmgtfy.com/?q=popup+jquery+lightbox#seen :D

CoJestXdd

06.02.2015, 18:22
Jakbyś był taki miły i powiedział co i jak bo ani trochę nie ogarniam :angel:
Webboard > Wsparcie MyBB > Style, szablony i grafika > Wyskakująca reklama w index.php