poszukiwanie tła na forum

[matius71]

Ponieważ muszę zmusić jakoś osoby które przeglądają forum do zalogowania się pomyślałem że dobrą rzeczą będzie taka chmurka która będzie informowała że żeby mieć pełen dostęp do forum należy się zalogować. Na forum znalazłem podobne tematy jednak żaden nie odnosił się do chmurki takiej jak ja chce Gdzieś na jakimś forum widziałem taką chmurkę ale nie pamiętam na jakim A więc chmurka mogłaby wyglądać tak jak ta w załączniku aczkolwiek nie musi być identyczna, chodzi tylko o to by miała takie funkcje.

[pit]

Ponieważ muszę zmusić jakoś osoby które przeglądają forum do zalogowania się

Dlaczego musisz ich zmuszać, czy ktoś zmuszał Ciebie do zarejestrowania się tutaj?

pomyślałem że dobrą rzeczą będzie taka chmurka

Nic (oprócz reklam) mnie nie tak wpienia jak te chmurki, gdy coś takiego widzę natychmiast kursor wędruje w prawy górny róg.

która będzie informowała że żeby mieć pełen dostęp do forum należy się zalogować

Naprawdę uważasz że odwiedzający Twoje forum są aż tak głupi, że tego nie wiedzą.

[matius71]

Myślę że taka chmurka nie będzie złym pomysłem. Nie chodzi oto by była ona na środku tylko chcę małe okienko w lewym górnym rogu. Jest jakiś taki mod? Bym zobaczył, jak by mi się to spodobało to bum to zostawił, jeśli nie to zawsze można to usunąć

[pit]

viewtopic.php?f=60&t=9286

[matius71]

Napisz mi jeszcze proszę w którym miejscu mam to wkleić i w jakim katalogu?

[pit]

W "overall_header.html" po

Kod: Zaznacz cały

<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

dodaj

Kod: Zaznacz cały

<!-- IF not S_USER_LOGGED_IN -->
    <p class="test">Treść widoczna tylko dla niezarejestrowanych użytkowników...</p>
    <!-- ENDIF -->

i w common.css na końcu dodaj

Kod: Zaznacz cały

p.test {
    width:300px;
    margin: 20px 0 0 400px;
    text-align:center;
    font:10pt;
    font-family: arial;
    color:yellow;
    padding:0 5px;
    border:1px solid yellow;
    background: blue;
    position: fixed;
    }

[matius71]

Haaaa... udało się przerobiłem troszkę napis ^^ nie wiem tylko jak przestawić ramkę bardziej w lewą strone, tak by była w lewym górnym rogu. Oraz nie wiem jak zrobić by ramka nie była taka sztywna tylko by "pływała" jak przewijam stronę.

[pit]

nie wiem tylko jak przestawić ramkę bardziej w lewą strone

Kod: Zaznacz cały

margin: 20px 0 0 400px;

400px to jest odległość od lewej krawędzi.

Oraz nie wiem jak zrobić by ramka nie była taka sztywna tylko by "pływała" jak przewijam stronę.

To nie ramka jest sztywna tylko Twój IE.

chmurka mogłaby wyglądać tak jak ta w załączniku aczkolwiek nie musi być identyczna, chodzi tylko o to by miała takie funkcje

Wywal całe to badziewie (z common.css również) i wklej w overall_header.html po

Kod: Zaznacz cały

</head>

to

Kod: Zaznacz cały

<!-- IF not S_USER_LOGGED_IN -->
<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="images/jsscripts.js"></SCRIPT>
<STYLE TYPE="text/css">
#topbar{
margin-right:300px;
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: #CFCBCA;
width: 165px;
z-index: 1;
text-align: center;
}
	
ul.chmurka {list-style-type: none}

ul.chmurka li a {
font-size: 1.1em;
font-family: arial;
color: #000;
}

li.hint {padding-bottom: 5px}

</STYLE> <SCRIPT TYPE="text/javascript">
var persistclose=0 //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="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopRight=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopRight()", 20);
}
ftlObj = ml("topbar");
stayTopRight();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</SCRIPT>
<DIV ID="topbar">
    <form action="./ucp.php?mode=login" method="post" id="login">
		<ul class="chmurka">
			<li class="hint"><span style="color: #000">Aby korzystać z pełnej zawartości forum należy się zarejestrować lub zalogować</span></li>
			<li><a>Nazwa użytkownika:</a></li>
			<li><input type="text" tabindex="1" name="username" id="username" size="25" value="" class="inputbox autowidth" /></li>
			<li><a>Hasło:</a></li>
			<li class="hint"><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" /></li>
			
<li><input style="margin-right: 2px" type="submit" name="login" tabindex="6" value="Zaloguj" class="button2" /><input class="button2" type="button" value="Zarejestruj" onclick="location.href='./ucp.php?mode=register'" /></li>
		</ul>
</form>
</DIV>
</SCRIPT>
<!-- ENDIF -->

będziesz miał swoją chmurkę.
Ew. reklamacje kieruj do smuger'a z jego źródła pochodzi skrypt.

[matius71]

teraz jest fajna tylko jak be miała rogi zaokrąglone ale tak to ekstra

[pit]

tylko jak be miała rogi zaokrąglone ale tak to ekstra

Nie wiem czy się cieszyć czy płakać.
Masz te rogi i odwal się.
Nie zaglądam więcej na Twoje forum.

Kod: Zaznacz cały

<!-- IF not S_USER_LOGGED_IN -->
<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="images/jsscripts.js"></SCRIPT>
<STYLE TYPE="text/css">
#topbar{
margin: 12px 300px 0 0;
position:absolute;

width: 165px;
z-index: 1;
text-align: center;
}

.tlo {
width: 165px;
background-color: #CFCBCA;
}
	
ul.chmurka {list-style-type: none}

ul.chmurka li a {
font-size: 1.1em;
font-family: arial;
color: #000;
}

li.hint {padding-bottom: 5px}

i.gora, i.dol{display:block;background: transparent}
i.gora i, i.dol i{display:block;height: 1px; 
 overflow: hidden; background: #CFCBCA}
i.r1{margin: 0 5px}
i.r2{margin: 0 3px}
i.r3{margin: 0 2px}
i.gora i.r4, i.dol i.r4{margin: 0 1px;height: 2px}
</STYLE> <SCRIPT TYPE="text/javascript">
var persistclose=0 //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="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopRight=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopRight()", 20);
}
ftlObj = ml("topbar");
stayTopRight();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</SCRIPT>
<DIV ID="topbar">
<i class="gora">
<i class="r1"></i>
<i class="r2"></i>
<i class="r3"></i>
<i class="r4"></i></i>
<div class="tlo">
    <form action="./ucp.php?mode=login" method="post" id="login">
		<ul class="chmurka">
			<li class="hint"><span style="color: #000">Aby korzystać z pełnej zawartości forum należy się zarejestrować lub zalogować</span></li>
			<li><a>Nazwa użytkownika:</a></li>
			<li><input type="text" tabindex="1" name="username" id="username" size="25" value="" class="inputbox autowidth" /></li>
			<li><a>Hasło:</a></li>
			<li class="hint"><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" /></li>
			
<li class="hint"><input style="margin-right: 2px" type="submit" name="login" tabindex="6" value="Zaloguj" class="button2" /><input class="button2" type="button" value="Zarejestruj" onclick="location.href='./ucp.php?mode=register'" /></li>
		</ul>
</form>
</div>
<i class="dol">
<i class="r4"></i>
<i class="r3"></i>
<i class="r2"></i>
<i class="r1"></i></i>
</DIV>
</SCRIPT>
<!-- ENDIF -->

[matius71]

Ale teraz jest ładne Dzięki ci bardzo

[pit]

No nareszcie matius zadowolony.
Proszę.

[Smuger]

będziesz miał swoją chmurkę.
Ew. reklamacje kieruj do smuger'a z jego źródła pochodzi skrypt.

Osz ty kradzieju

[pit]

Osz ty kradzieju

Nie ma to tamto, jak matius czegoś zapragnie to nie opuszcza.

[matius71]

Taki już jestem ;D