To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

Propozycje modyfikacji - New facebook Bookmark

kooza - 11-12-2010, 18:05
Temat postu: New facebook Bookmark
New facebook Bookmark Slider

Modyfikacja dodaje po prawej stronie slider z facebookiem.
Demo: http://radio-extreme.xaa.pl/forum

Instrukcja:
Otwórz:
Kod:
templates/styl/styl.css

dodaj:
Kod:
#facebook
{
    width:272px;
    height:370px;
    position: fixed;
    top: 300px;
    right: -240px;
    overflow: hidden;
    z-index:999;
}

#facebook iframe
{
    float: left;
}

#facebook img
{
    float: left;
    cursor: pointer;
}

Otwórz:
Kod:
templates/styl/overall_header.tpl

znajdź:
Kod:
</head>

dodaj przed:
Kod:
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
    <script type="text/javascript" src="http://click-jpa-demo.googlecode.com/svn-history/r12/trunk/war/click/prototype/effects.js"></script>
<script type="text/javascript">
    var animating = false,
        effect_in = false,
        effect_out = false;
       
    Event.observe(window, 'load', function()
        {
            Event.observe($('facebook'), 'mouseover', function()
            {
                if( typeof effect_out == 'object' )
                {
                    effect_out.cancel();
                }
                effect_in = new Effect.Morph('facebook',
                    {
                        style: {
                            right: '0px'
                        },
                        transition: Effect.Transitions.spring
                    }
                );
            });
           
            Event.observe($('facebook'), 'mouseout', function()
            {
               
                if( typeof effect_in == 'object' )
                {
                    effect_in.cancel();
                }
                effect_out = new Effect.Morph('facebook',
                    {
                        style: {
                            right: '-240px'
                        },
                        transition: Effect.Transitions.spring
                    }
                );
            });
        }
    );
</script>

znajdź:
Kod:
<!-- END advert -->

dodaj po:
Kod:
<div id="facebook">
    <img src="images/facebook_like.png" />
    <iframe src="http://www.facebook.com/plugins/likebox.php?id=67374709358&amp;width=238&amp;connections=12&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:370px;background:#FFF;" allowTransparency="false"></iframe>
</div>


grafikę facebook_like.png (załącznik) wrzuć do folderu images w głównym katalogu forum

Anonymous - 11-12-2010, 18:22

Fajne ale czy da się coś zrobić żeby to tak nie zapieprzało tylko wolniej, normalnie się wysuwało/wsuwało?
kooza - 11-12-2010, 18:26

Scoobany, trzeba było by pogrzebać w plikach .js
Patrico - 11-12-2010, 18:27

No właśnie, trochę za szybko. :D
Shellerini - 11-12-2010, 18:58

kooza, mod się nie nadaje, za bardzo jest przesunięty do dołu - popraw to
druga rzecz to wysuwanie też do poprawy, bo jak juz kilka osób pisalo jest za szybko.

Mateusz61 - 11-12-2010, 20:00

a co najważniejsze nie działa na IE
więc choć może nie używam tego czegoś
ale moi dziwni userzy to lubią :(

Shellerini - 11-12-2010, 20:47

Mateusz61 napisał/a:
a co najważniejsze nie działa na IE
więc choć może nie używam tego czegoś
ale moi dziwni userzy to lubią :(


Może to? -> http://jqueryhelp.pl/ajax-f13/extruder-t14.html , wystarczy w klasach podmienić ze standardowego obrazka na swój facebok i kolor ;) i ma się fajne manu i po tej stronie co się chce.

Mateusz61 - 12-12-2010, 00:46

Shellerini a mógłbyś mi to jakoś wytłumaczyć bo bawię się z tym na localhost
i nie mogę do niczego dojść

kooza - 12-12-2010, 00:47

W wolnym czasie poprawie to :)
Seba123 - 12-12-2010, 07:40

IMO dajcie na looz z tym facebookiem, i tak ze 2-3 osoby Wam pewnie w to klikną, nie więcej.
Vandervill - 08-12-2011, 22:43

Siemka ja mam taki problem http://imageshack.us/phot...5/bladface.jpg/ pomoże ktoś ?
OpesoS - 11-10-2013, 19:08

jak to pobrać?
luk19952 - 11-10-2013, 22:49

OpesoS, chodzi Ci o załącznik?
Prawy przycisk myszy i zapisz obrazek jako...

pr00fek - 10-01-2014, 02:52

gdzie tu dac link do stronki na fb ? :p
vianne - 13-01-2014, 15:43

pr00fek, 67374709358 zamień na id swojej strony :P


Powered by phpBB modified by Przemo © 2003 phpBB Group