Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Separate window for afiliates
Topic Started: Aug 29 2008, 09:55 PM (877 Views)
CaptainTsubasa
Member Avatar
Member
 *   *   *  
No one knows a code in order to give me a hand with this?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Admin CP Posted Image Skinning & Styles Posted Image Board Wrappers Posted Image Javascript
Quote:
 
<script language="JavaScript" type="text/javascript">
<!-- Copyright 2003, Sandeep Gangadharan -->
<!-- For more free scripts go to http://sivamdesign.com/scripts/ -->
<!--
var y1 = 20; // change the # on the left to adjuct the Y co-ordinate
(document.getElementById) ? dom = true : dom = false;

function hideIt() {
if (dom) {document.getElementById("layer1").style.visibility='hidden';}
}

function showIt() {
if (dom) {document.getElementById("layer1").style.visibility='visible';}
}

function placeIt() {
if (dom && !document.all) {document.getElementById("layer1").style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1)) + "px";}
if (document.all) {document.all["layer1"].style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - (document.documentElement.clientHeight-y1)) + "px";}
window.setTimeout("placeIt()", 10); }
// -->
</script>
<span id="layer1" style="position:absolute; left:20; width:410px; height:10; visibility:hidden">
<span style="float:left; background:#BFD3EE; padding:3px; border:1px solid black">
<span style="float:right; background:#000; color:white; font-weight:bold; width='20px'; text-align:center; cursor:pointer" onclick="javascript:hideIt()"> X </span><br>
<a href="Board URL"><img src="Affiliate Image URL"></a>
</span>
</span>
The text highlighted in orange controls the style of the popup block.

Change the HTML of your "Afiliados" link to the following coding.
Code:
 
<a style="cursor:pointer" onClick="showIt()"> Afiliados </ a>
Add onLoad="placeIt()" to the body tag in your Header & Body wrapper.
Offline Profile Quote Post Goto Top
 
CaptainTsubasa
Member Avatar
Member
 *   *   *  
Thanks for the code man!!!!!!!!!!!

And now..... How I can change the place where it pop out?? And also, how I can drag the pop up window...??
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Quote:
 
<span id="layer1" style="position:absolute; left:20; top:20; width:410px; height:10; visibility:hidden">
<span style="float:left; background:#BFD3EE; padding:3px; border:1px solid black">
<span style="float:right; background:#000; color:white; font-weight:bold; width='20px'; text-align:center; cursor:pointer" onclick="javascript:hideIt()"> X </span><br>
<a href="Board URL"><img src="Affiliate Image URL"></a>
</span>
</span>
  • Text Highlighted in Green: Increase to align the block further to the right.
  • Text Highlighted in Blue: Add and increase to align the block further from the top.
  • Text Highlighted in Orange: Controls the float in which the block aligns.
As for dragging the block, I'll have to look into that. More JavaScript will be involved.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards Support & Galleries · Next Topic »
Add Reply