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ź:
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ź:
dodaj po:
Kod: | <div id="facebook">
<img src="images/facebook_like.png" />
<iframe src="http://www.facebook.com/plugins/likebox.php?id=67374709358&width=238&connections=12&stream=false&header=false&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.
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
|
|
|