TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,966
  • Latest: safir45
Stats
  • Total Posts: 195,993
  • Total Topics: 21,324
  • Online today: 301
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 160
  • Total: 160

Floating Blocks!!!!

Started by akulion, September 23, 2006, 04:17:34 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

akulion

#10
yup as long as its PHP it can do it

give me the code for the shoutbox and I will give it a go

ALSO GOOD NEWS!!!

BLocks can now be closed! :D
One down - 3 to go!!!!

I will update the code in post 1 eventually but for now just a short note:

To allow the block to close do this:

To one of the 3 DIVs add an ID tag like so:

<DIV ID='dwindow'

Then where the TITLE of the block is declared - put this bit of code:

TITLE HERE<a href=="closedr.gif" onClick="closeit()">

Then open the PHP file and AFTER line 93 add this:

function closeit(){
document.getElementById('dwindow').style.display='none'

Finally upload this image to your forum root as well

And thats it!!! Now when you click the lil X button in the header of your block it will close!

I'm still trying to figure out how to include the function for all 3 divs...
Figured out :D

Crip

It's TP_Shoutbox.. code I dunno?
I have become comfortably numb!

Cripzone | Crip's Free 2.0.2 Themes



akulion

is there a way to call it like a function?

or else i imagine the code wold be pretty huge

G6Cad

Quotelol u can turn them on and off using the normal block settings thats whats cool about them

I turn them off, but as soon as i change page or refresh, they come back, still anoying to me ;)
Also when you move the mouse over the page, you get that "move block" arrow from the mouse, even if your block is set to be fixed in one place, also anoying  :2funny:

akulion

#14
Updated 1st Post to reflect the "close window" changes

Also added 1 functionality - now the thingies (tabs, bars whatever) can be FIXED in place, pushing down the TP blocks if required

Quote
I turn them off, but as soon as i change page or refresh, they come back, still anoying to me

You mean u specified in block settings which page to show the block on? Like "show this on forum" etc etc?

I just checked that setting out and it works - when u create block or edit it...just use the drop down boxes at bottom to specify which page to show block on...thats all :D

I'll have to check on that

Quote
Also when you move the mouse over the page, you get that "move block" arrow from the mouse, even if your block is set to be fixed in one place, also anoying

Only when mouse is on top of block though....thats part of the script to change the 'cursor' ill have to study it deeper to be able to try and fix that one

PS: this still needs much work - but still its pretty amazing :D (i think)

G6Cad

QuoteYou mean u specified in block settings which page to show the block on? Like "show this on forum" etc etc? And still its coming?

Yes :)   They pop up even if they are closed when i change page or just make a refresh

QuoteOnly when mouse is on top of block though

Yes, over the blocks :)

akulion

#16
G6 woo hoo just discovered something even cooler!!!!!

u can SEPERATE all the divs into seperate blocks!

as long as the gobo.php is called in one of the blocks (placed at the top)

all the other divs placed inside any other blocks (PHP blocks) will still work!!

So that way you can ONLY call each block for a specific page!!!!

yippee

check out my homepage: NO mp3 player
Check out forum: mp3 player (in a non colosable block)

It also suports flash!

I think this thing has a lot of potential

But seriously my knowledge with using DIVs is very limited but if i know better u can: Collapse them, make them transparent and many other cool stuff!!
So on to studying DIVs :D

G6Cad


akulion

added transparency

The trick is simple

you need to take off the background color from the DIV

and replace with:

background-image:url(urimage.gif); background-repeat:repeat;

so the transparent image repeats itself in the div and sets as the transparent BG - ive set 2 on the demo page

akulion

hey crip I got the Shoutbox to float too - u were askin about it before...

its simple!

just call the shoutbox function in the divs

TPortal_shoutbox();

theres a demo on the goofy goobers (GG) page

This website is proudly hosted on Crocweb Cloud Website Hosting.