Jak zrobić "najeżdżające okienko

przez **Elżbieta Kalinowska** 28 Maj 2009, o 17:55

no nie da się - najwyraźniej bez wtyczki ani rusz. Jak znam życie tę wtyczkę to sobie mogę wetknąć jak będę miała własny hosting...

Darmowy blogger daje więcej mozliwości niż darmowy wordpress, choć ten drugi ładniejszy jest.

przez **Marcin Godlewski** 28 Maj 2009, o 18:13

Elżbieta Kalinowska napisał(a):no nie da się - najwyraźniej bez wtyczki ani rusz. Jak znam życie tę wtyczkę to sobie mogę wetknąć jak będę miała własny hosting...

Darmowy blogger daje więcej mozliwości niż darmowy wordpress, choć ten drugi ładniejszy jest.

no przesiądź się na swój hosting i pozbędziesz się problemu

można exportować z wordpressa wszystkie wpisy i importować na swój hosting

przez **Tomasz Damian** 28 Lip 2010, o 11:49

A może znacie jakiś darmowy programik do edycji takich top layerków. Zainstalowałem u siebie na blogu http://TomaszDamian.pl ale nie bardzo sobie radzę z html i szukam prostszych rozwiązań tematu. Chyba, że nie istnieją to się będę musiał nauczyć podstaw html :tokoniec:

.

Czy według was zainstalowanie w odpowiedni sposób zrobi pozytywną pracę, czy raczej innne techniki próbować. Mam na myśli umieszczenie formularza, który tylko raz(nieagresywnie) wyświetli się odwiedzającemu stronę. Pozdrawiam. Tomasz Damian http://DomowaPraca.pl :thankyou:

przez **Mateusz A.** 4 Sie 2010, o 10:39

Rozumiem że chodzi o okienko pop-up pływające po stronie w kierunku w którym użytkownik przewija stronę?
Mam trochę wolnego czasu i postaram się wam pomóc.

Edit
Odwiedziłem http://www.dynamicdrive.com/dynamicinde ... pinbox.htm i już widzę o co się rozchodzi.
W ciągu 30 minut postaram się napisać łatwy w modyfikacji kod.

przez **Mateusz A.** 4 Sie 2010, o 11:47

Ulala obawiam się że troszeczkę przesadziłem z konfiguracją... za dużo tego kodu

Kod: Zaznacz wszystko: <div id="toplayer" style="display:none; position:fixed; top:0%; left:0%;"> At vero eos et accusamus et iusto<br>odio dignissimos ducimus qui blanditiis<br> praesentium voluptatum deleniti atq. </div> <script> toplayer_borderSize = '1'; toplayer_borderStyle = 'solid'; toplayer_borderColor = '#000'; toplayer_closeButtonFloat = 'right'; toplayer_closeButtonWidth = '14'; toplayer_closeButtonHeight = '14'; toplayer_closeBackground = '#888'; toplayer_closeXcolor = '#FFF'; toplayer_closeXsize = '11'; toplayer_closeBorderSize = '1'; toplayer_closeBorderStyle = 'solid'; toplayer_closeBorderColor = '#000'; toplayer_background = '#EEEEEE'; toplayer_fontColor = '#444444'; toplayer_width = '400'; toplayer_height = '80'; toplayer_speed = '5'; toplayer_elementId = 'toplayer'; function toplayerAction(type){ if(type=='move'){ toplayerGetMove(toplayer_width, toplayer_height, toplayer_speed, toplayer_elementId); } else if(type=='close'){ toplayer.style.display='none'; } } i=0; function toplayerMove(speed, elementId){ i++; topValue=toplayer.style.top.split("%")[0]; if(topValue<50){ toplayer.style.top=(i*speed)+"%"; } else{ clearInterval(getMove); getMove=0; } } function toplayerGetMove(){ toplayer=document.getElementById(toplayer_elementId); toplayer.innerHTML='<div style="background:'+toplayer_closeBackground+'; width:10px; height:10px; padding:'+(toplayer_closeButtonWidth-10)+'px; border:'+toplayer_closeBorderSize+'px '+toplayer_closeBorderStyle+' '+toplayer_closeBorderColor+'; font-size:'+toplayer_closeXsize+'px; color:'+toplayer_closeXcolor+'; float:'+toplayer_closeButtonFloat+';">X</div>'; toplayer.style.border=toplayer_borderSize+' '+toplayer_borderStyle+' '+toplayer_borderColor; toplayer.style.width=toplayer_width+"px"; toplayer.style.height=toplayer_height+"px"; toplayer.style.marginLeft="-"+(toplayer_width/2)+"px"; toplayer.style.marginTop="-"+(toplayer_height/2)+"px"; toplayer.style.left="50%"; toplayer.style.display="block"; toplayer.style.background=toplayer_background; toplayer.style.color=toplayer_fontColor; getMove=setInterval("toplayerMove(5, 'toplayer');", 100); } </script>

Dobra skróciłem trochę ten kod... pełna konfiguracja jednak nie była zbyt dobrym pomysłem

Instalacja:

Zaraz po tagu <body> umieszczacie element div (atrybut id według gustu), wewnątrz którego umieszczacie zawartość jaka ma zostać wyświetlona w toplayerze.

Kod: Zaznacz wszystko: <div id="toplayer" style="display:none; position:fixed; top:0%; left:0%;"> At vero eos et accusamus et iusto<br>odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atq. </div>

W dowolnym miejscu (najlepiej zaraz po elemencie div o którym napisałem wyżej) umieszczamy kod javascript.

Kod: Zaznacz wszystko: <script type="text/javascript"> toplayer_background = '#EEEEEE'; toplayer_fontColor = '#444444'; toplayer_width = '400'; toplayer_height = '80'; toplayer_speed = '5'; toplayer_elementId = 'toplayer'; function toplayerAction(type){ if(type=='move'){ toplayerGetMove(toplayer_width, toplayer_height, toplayer_speed, toplayer_elementId); } else if(type=='close'){ toplayer.style.display='none'; } } i=0; function toplayerMove(speed, elementId){ i++; topValue=toplayer.style.top.split("%")[0]; if(topValue<50){ toplayer.style.top=(i*speed)+"%"; } else{ clearInterval(getMove); getMove=0; } } function toplayerGetMove(){ toplayer=document.getElementById(toplayer_elementId); toplayer.style.width=toplayer_width+"px"; toplayer.style.height=toplayer_height+"px"; toplayer.style.marginLeft="-"+(toplayer_width/2)+"px"; toplayer.style.marginTop="-"+(toplayer_height/2)+"px"; toplayer.style.left="50%"; toplayer.style.display="inline"; toplayer.style.background=toplayer_background; toplayer.style.color=toplayer_fontColor; getMove=setInterval("toplayerMove(toplayer_speed, 'toplayer');", 100); } </script>

Konfiguracja

W ramach konfiguracji skryptu mamy możliwośc łatwej edycji takich wartości jak:
- kolor tła
- kolor czcionki
- szerokość
- wysokość
- prędkość animacji toplayera
- nazwa elementu div z zawartością toplayera

Za powyższe elementy konfiguracji odpowiadają następujące linijki:

Kod: Zaznacz wszystko: toplayer_background = '#EEEEEE'; //kolor tła toplayer_fontColor = '#444444'; //kolor czcionki toplayer_width = '400'; //szerokosc toplayera toplayer_height = '80'; //wysokosc toplayera toplayer_speed = '5'; //predkosc animacji toplayer_elementId = 'toplayer'; //nazwa elementu div będącego toplayerem

Teraz pozostaje jedynie uruchomienie funkcji wyświetlającej i wprawiającej okienko toplayera w ruch poprzez wywołanie poniższej funkcji.

Kod: Zaznacz wszystko: toplayerAction('move');

I jeszcze tylko funkcja odpowiadająca za zamknięcie toplayera (ta sama funkcja co powyżej, z tym że atrybut oznaczający typ akcji zmienia wartość na 'close').

Kod: Zaznacz wszystko: toplayerAction('close');

Postarałem się pomóc mimo że ja tej pomocy na forum nie otrzymuje.

przez **Konsultant FM Group** 4 Sie 2010, o 17:45

Mateusz A. napisał(a):Jeżeli ci pomogłem to proszę cię o wypowiedź w tym temacie.

Ten link nie działa

przez **Paweł 'krzywy' Krzyworączka** 4 Sie 2010, o 22:01

Mateusz A. napisał(a):Postarałem się pomóc mimo że ja tej pomocy na forum nie otrzymuje.

Mateuszu, co masz na myśli? Z czym masz problem? Gdzie mamy Ci pomóc?

przez **lapti** 4 Sie 2010, o 22:40

Jak to co ma na myśli? Ostatnio też założyłem temat, nie dość, że zmienił się w dyskusję paru osób niezwiązaną z moim problemem, to dostałem od kilku osób wycenę rozwiązania przez PW...

Pozdrawiam
lapti

ps. nikogo nie obrażam, nie mam pretensji i takie tam...

przez **Mateusz A.** 5 Sie 2010, o 09:56

Potrzebowałem pomocy w związku z moim przedsięwzięciem które póki co upadło z powodu braku zainteresowania.
W temacie który był umieszczony w stopce wypowiedziała się jedna osoba samowolnie, oraz druga do której musiałem napisać na priv to samo co mam w stopce...

Pisząc codziennie po kilka postów miałem nadzieję że szanse na odpowiedź będą coraz wyższe.
Po wielomiesięcznej pracy jaką włożyłem mój projekt musiałem go odłożyć z powodu braku sił, i jakiejkolwiek motywacji i zainteresowania kogokolwiek z zewnątrz.

Mateusz A. napisał(a):Pisząc codziennie po kilka postów miałem nadzieję że szanse na odpowiedź będą coraz wyższe.
Po wielomiesięcznej pracy jaką włożyłem mój projekt musiałem go odłożyć z powodu braku sił, i jakiejkolwiek motywacji i zainteresowania kogokolwiek z zewnątrz.

Mateuszu,
Nie zawsze dany temat kogoś / kogokolwiek zainteresuje. Poza tym - potrzebna jest jakaś promocja.
Następnym razem (albo ten projekt odśwież) napisz do mnie na priv. Jeśli będzie fajny temat - pomogę Ci wypromować go.
Czasami piszą do mnie osoby z Forum w takich kwestiach. Zazwyczaj nie współpracujemy, ale to zależy od tematu. Więc zawsze warto próbować.
Wiecie sami, że wspieram Forumowiczów (nie wspominając o Forumenkach, hehe).

Jak zrobić "najeżdżające okienko

Re: Jak zrobić "najeżdżające okienko

Re: Jak zrobić "najeżdżające okienko

Top layer

top layer

tl

...

Krótkie pytanie

ekhm

Już nie potrzebuję

Więcej starań

Kto jest na forum