Skocz do zawartości


|_Poradnik_| ,,Jak zrobić latającą ramke?"


9 odpowiedzi w tym temacie

#1 kefisto

    Bywalec

  • Użytkownik
  • PipPip
  • 398 postów
  • Skąd:Kraków
  • Strona:http://NewMyAvilla.ugu.pl

Napisano 04 April 2010 - 06:45 PM

Dołączona grafika
Wiele osób szukało czegoś na necie :D Znalazło pewnie jakąś strone gdzie była latająca ramka tak jak na np. forum.wiaderko.com I chciało ją dać na strone? Nie wiedzieliście jak? Ten Poradnik wam pomoże! A więc zaczynajmy!
Tworzymy nowy panel P.A--->Zarządzanie stroną--->Zarządzanie panelami--->Dodaj nowy panel
Do nowego panelu wklejamy ten kod:
<style type=&#34;text/css&#34;>

#topbar{   
position&#58;absolute;   
border&#58; px solid black;   
padding&#58; px;   
background-color&#58; white;   
width&#58; px;   
visibility&#58; hidden;   
z-index&#58;&#59;   
}   
 
 
</style> <script type=&#34;text/javascript&#34;>   
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session   
var startX = 30 //set x offset of bar in pixels   
var startY = 5 //set y offset of bar in pixels   
var verticalpos=&#34;fromtop&#34; //enter &#34;fromtop&#34; or &#34;frombottom&#34;   
 
function iecompattest&#40;&#41;{   
return &#40;document.compatMode && document.compatMode!=&#34;BackCompat&#34;&#41;? document.documentElement &#58; document.body   
}   
 
function get_cookie&#40;Name&#41; {   
var search = Name + &#34;=&#34;   
var returnvalue = &#34;&#34;;   
if &#40;document.cookie.length > 0&#41; {   
offset = document.cookie.indexOf&#40;search&#41;   
if &#40;offset != -1&#41; {   
offset += search.length   
end = document.cookie.indexOf&#40;&#34;;&#34;, offset&#41;;   
if &#40;end == -1&#41; end = document.cookie.length;   
returnvalue=unescape&#40;document.cookie.substring&#40;offset, end&#41;&#41;   
}   
}   
return returnvalue;   
}   
 
function closebar&#40;&#41;{   
if &#40;persistclose&#41;   
document.cookie=&#34;remainclosed=1&#34;   
document.getElementById&#40;&#34;topbar&#34;&#41;.style.visibility=&#34;hidden&#34;   
}   
 
function staticbar&#40;&#41;{   
barheight=document.getElementById&#40;&#34;topbar&#34;&#41;.offsetHeight   
var ns = &#40;navigator.appName.indexOf&#40;&#34;Netscape&#34;&#41; != -1&#41; || window.opera;   
var d = document;   
function ml&#40;id&#41;{   
var el=d.getElementById&#40;id&#41;;   
if &#40;!persistclose || persistclose && get_cookie&#40;&#34;remainclosed&#34;&#41;==&#34;&#34;&#41;   
el.style.visibility=&#34;visible&#34;   
if&#40;d.layers&#41;el.style=el;   
el.sP=function&#40;x,y&#41;{this.style.center=x+&#34;px&#34;;this.style.top=y+&#34;px&#34;;};   
el.x = startX;   
if &#40;verticalpos==&#34;fromtop&#34;&#41;   
el.y = startY;   
else{   
el.y = ns ? pageYOffset + innerHeight &#58; iecompattest&#40;&#41;.scrollTop + iecompattest&#40;&#41;.clientHeight;   
el.y -= startY;   
}   
return el;   
}   
window.stayTopLeft=function&#40;&#41;{   
if &#40;verticalpos==&#34;fromtop&#34;&#41;{   
var pY = ns ? pageYOffset &#58; iecompattest&#40;&#41;.scrollTop;   
ftlObj.y += &#40;pY + startY - ftlObj.y&#41;/8;   
}   
else{   
var pY = ns ? pageYOffset + innerHeight - barheight&#58; iecompattest&#40;&#41;.scrollTop + iecompattest&#40;&#41;.clientHeight - barheight;   
ftlObj.y += &#40;pY - startY - ftlObj.y&#41;/8;   
}   
ftlObj.sP&#40;ftlObj.x, ftlObj.y&#41;;   
setTimeout&#40;&#34;stayTopLeft&#40;&#41;&#34;, 10&#41;;   
}   
ftlObj = ml&#40;&#34;topbar&#34;&#41;;   
stayTopLeft&#40;&#41;;   
}   
 
if &#40;window.addEventListener&#41;   
window.addEventListener&#40;&#34;load&#34;, staticbar, false&#41;   
else if &#40;window.attachEvent&#41;   
window.attachEvent&#40;&#34;onload&#34;, staticbar&#41;   
else if &#40;document.getElementById&#41;   
window.onload=staticbar   
</script>   


<font size=&#34;3&#34;><div style=&#34;background-color&#58; #666666; visibility&#58; visible; left&#58; 21px; top&#58; 30px;&#34; id=&#34;topbar&#34;>
<a href=&#34;#&#34; onclick=&#34;closebar&#40;&#41;; return false&#34; style=&#34;&#34;><img src=&#34;http&#58;//www.forum.wiaderko.com/images/close.png&#34; alt=&#34;zakończ&#34; border=&#34;0&#34;></a>
<center>Przeglądasz Stronę jako 
<font color=&#34;black&#34;><b>Gość</b><br></font> <b>Zarejestruj się</b><a href=&#34;http&#58;//proe.dbv.pl/register.php&#34;><span style=&#34;color&#58; red;&#34;> <b><i>Tutaj</i></b></span></a><br>Aby mieć dostęp do całego materiału na <font color=&#34;black&#34;> <b>ProE</b></font></center>
</div>
</font>
Oczywiście ostatni akapit edytujemy ponieważ wziąłem ten kod z mojej strony, Następnie zapisujemy panel szukamy go i klikamy Włącz.
Kolejno przechodzimy na Stronę Główną i ramka powinna być w lewym górnym rogu i podążać za nami gdy np. zjeżdżamy na dół strony.
Jeśli coś by nie działało pisać! : GG: 10307163
Dziękuje, pozdrawiam :D
Twoje Miejsce Komputerowe!
http://WinSoftware.ugu.pl

#2 lobo46

    Początkujący Webmaster

  • Użytkownik
  • PipPipPipPip
  • 1311 postów
  • Skąd:nie pamiętam :/
  • Strona:www.zeq2.pl
  • Zainteresowania:Grafika , Webmaster może potem programowanie ;p

Napisano 04 April 2010 - 07:08 PM

dzięki przyda się łap thx dużo osób o to pytało jak to zrobić ;p .

Użytkownik lobo46 edytował ten post 04 April 2010 - 07:08 PM

"Nie można czegoś zyskać, niczego nie tracąc.". - Edward Elric 鋼の錬金術師

MY GALLERY

http://lobo46.deviantart.com/

  • DB jest bogiem
  • walka nałogiem
  • trening podstawą
  • a reszta zabawą

#3 mbazyl

    Guru

  • Administrator
  • PipPipPipPipPipPip
  • 8169 postów
  • Skąd:Lublin
  • Strona:webmasterzy.org
  • Zainteresowania:Historia XX - wieku, webmastering.

Napisano 04 April 2010 - 07:09 PM

Mała poprawka:

Cytat

Jeśli coś by nie działało pisać! : GG: 10307163
Jeśli coś by nie działało, to proszę pisać w tym temacie.
Jestem miły, kulturalny i zawsze służę pomocą. Proszę się mnie nie bać, nie gryzę.
Nie pomagam na PW i GG, więc nie trać mojego i swojego czasu pisząc do mnie.

#4 kefisto

    Bywalec

  • Użytkownik
  • PipPip
  • 398 postów
  • Skąd:Kraków
  • Strona:http://NewMyAvilla.ugu.pl

Napisano 04 April 2010 - 07:11 PM

O sorka za pomyłke, mbazyl ma racje w tym temacie:D a i lobo46 dzieki za thx :D to mój pierwszy:D
Twoje Miejsce Komputerowe!
http://WinSoftware.ugu.pl

#5 Guest_wtF_*

  • Gość

Napisano 04 April 2010 - 08:12 PM

Userzy widzą tą ramkę? Chciałbym kiedyś to wypróbować ale na razie nie mam strony na pf.

Użytkownik wtF edytował ten post 04 April 2010 - 08:13 PM


#6 kefisto

    Bywalec

  • Użytkownik
  • PipPip
  • 398 postów
  • Skąd:Kraków
  • Strona:http://NewMyAvilla.ugu.pl

Napisano 04 April 2010 - 08:59 PM

Tak userzy ją widzą :( Pracje nad tym aby po zalogowaniu ona znikła :) Jak sie da ujawnię to ;)
Twoje Miejsce Komputerowe!
http://WinSoftware.ugu.pl

#7 RadioCorte

    Początkujący

  • Użytkownik
  • Pip
  • 28 postów

Napisano 13 April 2011 - 09:38 PM

Wyświetl postUżytkownik kefisto dnia Apr 4 2010, 07:45 PM napisał

Dołączona grafika
Wiele osób szukało czegoś na necie :D Znalazło pewnie jakąś strone gdzie była latająca ramka tak jak na np. forum.wiaderko.com I chciało ją dać na strone? Nie wiedzieliście jak? Ten Poradnik wam pomoże! A więc zaczynajmy!
Tworzymy nowy panel P.A--->Zarządzanie stroną--->Zarządzanie panelami--->Dodaj nowy panel
Do nowego panelu wklejamy ten kod:
<style type=&#34;text/css&#34;>

#topbar{   
position&#58;absolute;   
border&#58; px solid black;   
padding&#58; px;   
background-color&#58; white;   
width&#58; px;   
visibility&#58; hidden;   
z-index&#58;;   
}   


 
 
</style> <script type=&#34;text/javascript&#34;>   
var persistclose=1 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session   
var startX = 30 //set x offset of bar in pixels   
var startY = 5 //set y offset of bar in pixels   
var verticalpos=&#34;fromtop&#34; //enter &#34;fromtop&#34; or &#34;frombottom&#34;   
 
function iecompattest&#40;&#41;{   
return &#40;document.compatMode && document.compatMode!=&#34;BackCompat&#34;&#41;? document.documentElement &#58; document.body   
}   
 
function get_cookie&#40;Name&#41; {   
var search = Name + &#34;=&#34;   
var returnvalue = &#34;&#34;;   
if &#40;document.cookie.length > 0&#41; {   
offset = document.cookie.indexOf&#40;search&#41;   
if &#40;offset != -1&#41; {   
offset += search.length   
end = document.cookie.indexOf&#40;&#34;;&#34;, offset&#41;;   
if &#40;end == -1&#41; end = document.cookie.length;   
returnvalue=unescape&#40;document.cookie.substring&#40;offset, end&#41;&#41;   
}   
}   
return returnvalue;   
}   
 
function closebar&#40;&#41;{   
if &#40;persistclose&#41;   
document.cookie=&#34;remainclosed=1&#34;   
document.getElementById&#40;&#34;topbar&#34;&#41;.style.visibility=&#34;hidden&#34;   
}   
 
function staticbar&#40;&#41;{   
barheight=document.getElementById&#40;&#34;topbar&#34;&#41;.offsetHeight   
var ns = &#40;navigator.appName.indexOf&#40;&#34;Netscape&#34;&#41; != -1&#41; || window.opera;   
var d = document;   
function ml&#40;id&#41;{   
var el=d.getElementById&#40;id&#41;;   
if &#40;!persistclose || persistclose && get_cookie&#40;&#34;remainclosed&#34;&#41;==&#34;&#34;&#41;   
el.style.visibility=&#34;visible&#34;   
if&#40;d.layers&#41;el.style=el;   
el.sP=function&#40;x,y&#41;{this.style.center=x+&#34;px&#34;;this.style.top=y+&#34;px&#34;;};   
el.x = startX;   
if &#40;verticalpos==&#34;fromtop&#34;&#41;   
el.y = startY;   
else{   
el.y = ns ? pageYOffset + innerHeight &#58; iecompattest&#40;&#41;.scrollTop + iecompattest&#40;&#41;.clientHeight;   
el.y -= startY;   
}   
return el;   
}   
window.stayTopLeft=function&#40;&#41;{   
if &#40;verticalpos==&#34;fromtop&#34;&#41;{   
var pY = ns ? pageYOffset &#58; iecompattest&#40;&#41;.scrollTop;   
ftlObj.y += &#40;pY + startY - ftlObj.y&#41;/8;   
}   
else{   
var pY = ns ? pageYOffset + innerHeight - barheight&#58; iecompattest&#40;&#41;.scrollTop + iecompattest&#40;&#41;.clientHeight - barheight;   
ftlObj.y += &#40;pY - startY - ftlObj.y&#41;/8;   
}   
ftlObj.sP&#40;ftlObj.x, ftlObj.y&#41;;   
setTimeout&#40;&#34;stayTopLeft&#40;&#41;&#34;, 10&#41;;   
}   
ftlObj = ml&#40;&#34;topbar&#34;&#41;;   
stayTopLeft&#40;&#41;;   
}   
 
if &#40;window.addEventListener&#41;   
window.addEventListener&#40;&#34;load&#34;, staticbar, false&#41;   
else if &#40;window.attachEvent&#41;   
window.attachEvent&#40;&#34;onload&#34;, staticbar&#41;   
else if &#40;document.getElementById&#41;   
window.onload=staticbar   
</script>   


<font size=&#34;3&#34;><div style=&#34;background-color&#58; #666666; visibility&#58; visible; left&#58; 21px; top&#58; 30px;&#34; id=&#34;topbar&#34;>
<a href=&#34;#&#34; onclick=&#34;closebar&#40;&#41;; return false&#34; style=&#34;&#34;><img src=&#34;http&#58;//www.forum.wiaderko.com/images/close.png&#34; alt=&#34;zakończ&#34; border=&#34;0&#34;></a>
<center>Przeglądasz Stronę jako 
<font color=&#34;black&#34;><b>Gość</b><br></font> <b>Zarejestruj się</b><a href=&#34;http&#58;//proe.dbv.pl/register.php&#34;><span style=&#34;color&#58; red;&#34;> <b><i>Tutaj</i></b></span></a><br>Aby mieć dostęp do całego materiału na <font color=&#34;black&#34;> <b>ProE</b></font></center>
</div>
</font>
Oczywiście ostatni akapit edytujemy ponieważ wziąłem ten kod z mojej strony, Następnie zapisujemy panel szukamy go i klikamy Włącz.
Kolejno przechodzimy na Stronę Główną i ramka powinna być w lewym górnym rogu i podążać za nami gdy np. zjeżdżamy na dół strony.
Jeśli coś by nie działało pisać! : GG: 10307163
Dziękuje, pozdrawiam :D



chcialem sie zapytac bo juz mam ten kod elegancko wszystko dziala tylko chcialbym dodac do tego logowanie zeby wywalic ze strony np to normlane logowanie w panelu i zeby bylo logowanie normalnie z tym okienkiem rejestracji jak tak sie da to pomuszcie dziekuje :) pozdro:)

#8 RadioCorte

    Początkujący

  • Użytkownik
  • Pip
  • 28 postów

Napisano 13 April 2011 - 09:41 PM

ja mam juz ten kod u siebie i wszystko elegancko dziala tylko kcialem sie zapytac jeszcze czy da sie do tego okienka jakos dodac logowanie zeby ze strony wywalic to stare w panelu logowanie dzieki z gory :)pozdro:)

#9 Donior

    Początkujący

  • Użytkownik
  • Pip
  • 21 postów

Napisano 13 April 2011 - 09:41 PM

Dac by sie dało ale wiecej kodu i trudniejsza kąbinacja

#10 chudy92

    Webmaster

  • Emerytowany Moderator
  • PipPipPipPip
  • 2844 postów
  • Skąd:Śląsk
  • Strona:.

Napisano 14 April 2011 - 07:57 AM

RadioCorte-
TABELA KAR - REGULAMIN FORUM
ROZDZIAŁ IV; Art. 2; § 8
> Post pod Postem <

Nie pisz postu pod postem w odstępie mniejszym niż siedem dni!


Poszukaj tematu na forum odnośnie własnego okienka logowania i pokombinuj

Zapraszam!

Ciężko z czasem. W miarę osiągalny...





Dodaj odpowiedź



  


Użytkownicy przeglądający ten temat: 1

0 użytkowników, 1 gości, 0 anonimowych