The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Update Box + Chatbox

View previous topic View next topic Go down

Update Box + Chatbox

Post by Pixielisje on December 18th 2012, 11:40 am

Hey everyone!

I hope you can help me (:
I'm searching for an nice update box, made in an announcement of a forum.

I searched a lot, but I can't find the codes and it's so beautiful..
I saw a lot of examples on dutch forums:

http://warriorcats.bigforumpro.com/ (beneath the banner)

You see those beautiful tabs?

Also, http://z3.invisionfree.com/TheOW/index.php?
Is it possible to make such a floating chatbox at the side of your forum?
If so, somebody who wants to help me with this? (:

my forum version is PHPBB2 btw~

I'll love the person(s) who help me forever!
Thanks for reading and your time!


greetings

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 18th 2012, 2:28 pm

???

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Shek on December 18th 2012, 2:33 pm

Hello! Very Happy

Chatbox floating? Right away! cheers Add in PA > Modules > HTML and JS > JS > Add new JS > Investiment > All pages > paste the code:
Code:
jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>')});
Now, your first question I do not understand. Could you explain? :/

Regards,

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 18th 2012, 2:46 pm

The chatbox is awesome! Thank you so much <3

For the first question:
They made tabbs in the announcement on their website like website & updates, allegiances, staff, spotlights...
and I mean basically everything in that announcement.
Do you understand it now? I'm sorry my english isn't that good.

I can printscreen it, if you want.

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Sozinho on December 18th 2012, 3:00 pm

@Shek wrote:Hello! Very Happy

Chatbox floating? Right away! cheers Add in PA > Modules > HTML and JS > JS > Add new JS > Investiment > All pages > paste the code:
Code:
jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>')});
Now, your first question I do not understand. Could you explain? :/

Regards,


That is great Man.

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: Update Box + Chatbox

Post by Shek on December 18th 2012, 3:35 pm

@Pixielisje wrote:The chatbox is awesome! Thank you so much <3

For the first question:
They made tabbs in the announcement on their website like website & updates, allegiances, staff, spotlights...
and I mean basically everything in that announcement.
Do you understand it now? I'm sorry my english isn't that good.

I can printscreen it, if you want.
Hello. Very Happy

Show me a picture author. It would be better for my understanding. Sorry for my lack of education. Embarassed

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 18th 2012, 3:46 pm

It's alright!

This is what I mean:

Spoiler:

I can show you other examples too

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Shek on December 18th 2012, 4:03 pm

Hello!

Code:
Code:
<script>
var tabLinks = new Array();
 var contentDivs = new Array();
 onload = function init() {
 // Grab the tab links and content divs from the page
 var tabListItems = document.getElementById('tabs').childNodes;
 for ( var i = 0; i < tabListItems.length; i++ ) {
 if ( tabListItems[i].nodeName == "LI" ) {
 var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
 var id = getHash( tabLink.getAttribute('href') );
 tabLinks[id] = tabLink;
 contentDivs[id] = document.getElementById( id );
 }
 }
 // Assign onclick events to the tab links, and
 // highlight the first tab
 var i = 0;
 for ( var id in tabLinks ) {
 tabLinks[id].onclick = showTab;
 tabLinks[id].onfocus = function() { this.blur() };
 if ( i == 0 ) tabLinks[id].className = 'selected';
 i++;
 }
 // Hide all content divs except the first
 var i = 0;
 for ( var id in contentDivs ) {
 if ( i != 0 ) contentDivs[id].className = 'tabContent hide';
 i++;
 }
 }
 function showTab() {
 var selectedId = getHash( this.getAttribute('href') );
 // Highlight the selected tab, and dim all others.
 // Also show the selected content div, and hide all others.
 for ( var id in contentDivs ) {
 if ( id == selectedId ) {
 tabLinks[id].className = 'selected';
 contentDivs[id].className = 'tabContent';
 } else {
 tabLinks[id].className = '';
 contentDivs[id].className = 'tabContent hide';
 }
 }
 // Stop the browser following the link
 return false;
 }
 function getFirstChildWithTagName( element, tagName ) {
 for ( var i = 0; i < element.childNodes.length; i++ ) {
 if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
 }
 }
 function getHash( url ) {
 var hashPos = url.lastIndexOf ( '#' );
 return url.substring( hashPos + 1 );
 }</script><style>/*----------------------------------------- TABS -----------------------------------------------*/
ul#tabs {
 font-family: Verdana;
 font-size: 10px;
text-transform: uppercase;
  list-style-type: none;
 margin: auto;
    }
ul#tabs li {
  float:left;
 padding: 0px;
 margin-left: 50px;
  text-align: center;
}
ul#tabs li a {
padding: 3px 60px;
 display: block;
 text-decoration: none !important;
float:left;
 }
ul#tabs li a:hover {
  background-color: #e4e3e2;
 text-decoration: none;
}
ul#tabs li a.selected {
  text-decoration: none;
  font-weight: bold;
}
div.tabContent {
 width: 880px;
 clear: left;
  padding: 5px;
  text-align: left;
}
div.tabContent.hide {
 display: none;
}
.portaltable {
  margin-bottom: -160px;
}


.clanimg img{opacity: 0.6;
   filter: alpha(opacity=60);
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s linear;
margin-top:15px;
}

.clanimg:hover img{opacity: 1;
   filter: alpha(opacity=100);
  transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s linear;}</style>


<table class="portaltable" width="900px" border="0" cellspacing="0" cellpadding="0"><tr><td><ul id="tabs">
<li><a href="#one" class="tekstvak" style="border-left: 2px #d3cdbf solid;padding-left: 5px;">
<font size="1">Welcome & Updates</font></font></a></li>
  <li><a href="#two" class="tekstvak" style="border-left: 2px #d3cdbf solid;padding-left: 5px;"><font size="1">Allegiances</font></a></li>
 <li><a href="#three" class="tekstvak" style="border-left: 2px #d3cdbf solid;padding-left: 5px;"><font size="1">Staff</font></a></li>
<li><a href="#four" class="tekstvak" style="border-left: 2px #d3cdbf solid;padding-left: 5px;"><font size="1">Spotlights</font></a></li>
</font></ul><div id="one" class="tabContent"><table border="0"><tr><td><div style="font-family: georgia; font-size: 25px; color: #847768;letter-spacing: -1px;padding-left:5px;font-weight:600;text-shadow: #b9baba 1px 1px 1px;"><i>Welcome</i><br><div style="margin-top:-5px;"><font style="line-height: 10px; font-family: georgia; font-size: 9px; text-align: justify; color: #2e2c2a; text-transform: lowercase; font-weight:100;padding-left:20px;letter-spacing:1px;">May Starclan light your path</font></div></div><div style="font-size:10px;width:430px;height:85px;margin-top:5px;overflow-x:hidden;overflow-y:scroll;white-space:normal;padding-left:10px;background-color:#e6e4e1;"><font style="font-family:Georgia;font-size:18px;">H</font>ier op Warrior cats stap je in het leven van een kat. Het is een rollenspel gebaseerd op de serie van Warrior cats van Erin Hunter. Je verkent door te schrijven de wereld van de Clankatten en poesiepoezen. Je kunt zelf een karakter maken en bijna alles bepalen over het uiterlijk en karakter van jouw kat. Wild of tam, goed of slecht. Het kan allemaal op Warrior Cats.
<br><br>
Het gebied is onderverdeeld door vier Clans. ThunderClan, RiverClan, WindClan en ShadowClan. Deze katten zijn uiterst vijandig naar elkaar en houden zich het liefst op hun eigen territorium. Toch dienen er zich meer problemen op wanneer er meer katten in het gebied komen en er nieuwe gevaren ontstaan voor alle katten. Clans overtreden de warrior code, en jagen op het territorium van anderen. Groepen katten buiten de Clans staan op om zich tegen hen te keren, zoals BloodClan, een gevaarlijke groep rogues die de Clans haten. Dit zal de banden geen goed doen. Help jij oorlogen te voorkomen? Of ben je een van de katten die hongerig opzoek is naar een groter territorium en meer macht?</div></td><td><div style="font-family: georgia; font-size: 25px; color: #847768;letter-spacing: -1px;padding-left:15px;font-weight:600;text-shadow: #b9baba 1px 1px 1px;   "><i>Updates</i><br><div style="margin-top:-5px;"><font style="line-height: 10px; font-family: georgia; font-size: 9px; text-align: justify; color: #2e2c2a; text-transform: lowercase; font-weight:100;padding-left:20px;letter-spacing:1px;top:-10px;">What do the stars tell us?</font></div></div><div style="font-size:10px;width:395px;height:30px;overflow-x:hidden;overflow-y:auto;white-space:normal;padding-left: 10px;margin-top:5px;margin-left:10px;background-color:#e6e4e1;padding-top:4px;"><b>December 9th</b> Warrior Cats heeft nu een kerstlay en een awardsysteem!</div><div style="font-size:10px;width:407px;height:34px;padding: 10px;z-index:1;"><img src="http://img20.imageshack.us/img20/3535/winterq.png" alt="Autumn" width="auto" height="auto"></div><div style="font-size:14px;font-family:Georgia;color:#fff;margin-top:-30px;z-index:2;position:absolute;padding-left:350px;">Leaf-bare</div></td>
</tr></table>
</div><div id="two" class="tabContent"><font size="1"><div id="pro_packs" style="width: 100%; height: 120px; overflow: hidden; "><br>
<table width="80%" cellspacing="1" cellpadding="1" align="center">
<tr>

<td class="windowbg" align="center" width="1%"><img src="http://fc02.deviantart.net/fs70/f/2010/058/e/d/ThunderClan_icon_by_starsightsw2007.gif" alt="Thunderclan" title="Thunderclan" style="margin-top: 5px;margin-left:-60px;" onclick="document.getElementById('stuffPane').innerHTML=this.nextSibling.innerHTML;"><div style="display:none;"><div style="margin-left: 0px;margin-top:-90px;position:absolute;left:300px;height:400px;"><div style="margin-left:230px;"><a href="http://warriorcats.bigforumpro.com/u1509rpg" class="clanimg"><img src="http://img715.imageshack.us/img715/3825/maskpaw.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/u95rpg" class="clanimg"><img src="http://img210.imageshack.us/img210/9054/jayfeather.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t6535-re-post-x-fireheart-rusty?highlight=Fireheart" class="clanimg"><img src="http://img845.imageshack.us/img845/2741/fireheartg.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t10-bluestar?highlight=Bluestar" class="clanimg"><img src="http://img41.imageshack.us/img41/6352/bluestara.png" style="float:right;margin-left:100px;padding:1px;"></a></div><img src="http://img526.imageshack.us/img526/2616/thunderclan.png" alt="Thunderclan" width="auto" height="auto"><br><div style="text-align: left; color: #2e2c2a;background-color:#e6e4e1;overflow-x:hidden;overflow-y:auto;width:310px;height:70px;position:absolute;margin-left:-40px;padding:5px;white-space:normal;margin-top: 5px;"><center><b>Clan news | status: <a href="http://warriorcats.bigforumpro.com/t6828-thunderclan-aanmeldtopic">open</a></b><br><br>
Fireheart heeft een verontrustende voorspelling <a href="http://warriorcats.bigforumpro.com/t8582-thebluestar-she-whispered-those-frightening-words#208972">ontvangen</a> van Starclan. <br><Br>

Darkfire is uit ThunderClan verbannen na het <a href="http://warriorcats.bigforumpro.com/t5733-time-of-fighting">aanvallen</a> van Bluestar en de Clan samen met een groep rogues, met de intentie de Clan over te nemen.<br><br>

The Clan cats have attacked BloodClan camp and took their kits back, Fireheart got in a fight with Scourge and, Killed him!</center></div></div>

<td class="windowbg" align="left" width="1%"><img src="http://fc06.deviantart.net/fs70/f/2010/058/5/4/RiverClan_icon_by_starsightsw2007.gif" alt="Riverclan" title="Riverclan" style="margin-top: 5px;margin-left:-32px;" onclick="document.getElementById('stuffPane').innerHTML=this.nextSibling.innerHTML;"><div style="display:none;"><div style="margin-left: 0px;margin-top:-90px;position:absolute;left:300px;"><div style="margin-left:180px;"><a href="http://warriorcats.bigforumpro.com/t6554-otterpaw-my-little-d-r-e-a-m-f-i-g-h-t-e-r?highlight=otterpaw" class="clanimg"><img src="http://img715.imageshack.us/img715/5048/otterpaw.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t555-nightpaw-nightstream?highlight=nightstream" class="clanimg"><img src="http://img829.imageshack.us/img829/317/nightstream.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t174-mousefur?highlight=mousefur" class="clanimg"><img src="http://img90.imageshack.us/img90/5122/mousefur.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t7112-let-wisdom-be-your-leader" class="clanimg"><img src="http://img38.imageshack.us/img38/1378/stormstar.png" style="float:right;margin-left:150px;padding:1px;"></a></div><img src="http://img171.imageshack.us/img171/1816/riverclan.png" alt="Riverclan" width="auto" height="auto"><br><div style="text-align: left; color: #2e2c2a;background-color:#e6e4e1;overflow-x:hidden;overflow-y:auto;width:310px;height:70px;position:absolute;margin-left:-40px;padding:5px;white-space:normal;margin-top: 5px;"><center><b>Clan news | status: < a href="http://warriorcats.bigforumpro.com/t5121-inschrijving-riverclan">open</a></b><br><br>Breakingpaw is na lange tijd weer terug in het Riverclam kamp.<br><br>
De november ceremonie is geplaatst.<br><br>
Stormtail gained his 9 lives and his new name, Stormstar! RiverClan, welcome your new leader.
Also, Mousefur is the new RiverClan deputy.</center></div></div>

<td class="windowbg" align="left" width="50%"><img src="http://fc09.deviantart.net/fs71/f/2010/059/5/1/BloodClan_icon_by_starsightsw2007.gif" alt="Bloodclan" title="Bloodclan" style="margin-top: 5px;margin-left:-32px;"
onclick="document.getElementById('stuffPane').innerHTML=this.nextSibling.innerHTML;"><div style="display:none;"><div style="margin-left: 0px;margin-top:-74px;position:absolute;left:300px;"><div style="margin-left:100px;margin-top:-10px;"><a href="http://warriorcats.bigforumpro.com/t5021-s-a-x-o-n" class="clanimg"><img src="http://i47.servimg.com/u/f47/17/37/06/78/saxon10.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t5104-icy-so-what-you-see-is-only-half-a-story" class="clanimg"><img src="http://img543.imageshack.us/img543/4932/icyd.png" style="float:right;padding:1px;"></a> <img class="clanimg" src="http://img19.imageshack.us/img19/8159/emptyr.png" style="float:right;padding:1px;"> <img class="clanimg" src="http://img19.imageshack.us/img19/8159/emptyr.png" style="float:right;margin-left:155px;padding:1px;"></div><img src="http://img441.imageshack.us/img441/273/bloodclan.png" alt="Bloodclan" width="auto" height="auto"><br><div style="text-align: left; color: #2e2c2a;background-color:#e6e4e1;overflow-x:hidden;overflow-y:auto;width:310px;height:70px;position:absolute;margin-left:-40px;padding:5px;white-space:normal;margin-top: 5px;"><center><b>Clan news | status: <a href="http://warriorcats.bigforumpro.com/t6623-nieuw-aanmeldingstopic-bloodclan">open</a></b><br><br>
The Clan cats have attacked BloodClan camp and took their kits back, Fireheart got in a fight with Scourge and, Killed him!</center></div></div>></div> </td></td>
</tr><tr>

<td class="windowbg" align="left" width="1%"><img src="http://fc04.deviantart.net/fs71/f/2010/058/0/6/WindClan_icon_by_starsightsw2007.gif" alt="Windclan" title="Windclan"
onclick="document.getElementById('stuffPane').innerHTML=this.nextSibling.innerHTML;"><div style="display:none;"><div style="margin-left: 0px;margin-top:-90px;position:absolute;left:300px;"><div style="margin-left:175px;"><a href="http://warriorcats.bigforumpro.com/u2821rpg" class="clanimg"><img src="http://img203.imageshack.us/img203/9996/cinnamonpaw.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t7268-this-secret-story-of-mine" class="clanimg"><img src="http://img37.imageshack.us/img37/1869/angelvoice.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t9035-p-a-l-e-v-o-i-c-e" class="clanimg"><img src="http://img809.imageshack.us/img809/5207/palevoice.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/u447rpg" class="clanimg"><img src="http://img651.imageshack.us/img651/5928/hollystar.png" style="float:right;margin-left:155px;padding:1px;"></a></div><img src="http://img11.imageshack.us/img11/3804/windclan.png" alt="Windclan" width="auto" height="auto"><br><div style="text-align: left; color: #2e2c2a;background-color:#e6e4e1;overflow-x:hidden;overflow-y:auto;width:310px;height:70px;position:absolute;margin-left:-40px;padding:5px;white-space:normal;margin-top: 5px;"><center><b>Clan news | status: <a href="http://warriorcats.bigforumpro.com/t3143-aanmeldingtopic">open</a></b><br><br>
De WindClan deputy, Inkmask, is doodgeschoten door een twoleg. Zijn lichaam is inmiddels naar het kamp verplaatst.</center></div></div></div>

<td class="windowbg" align="left" width="1%"><img src="http://fc04.deviantart.net/fs71/f/2010/058/e/d/ShadowClan_icon_by_starsightsw2007.gif" alt="Shadowclan" title="Shadowclan"
onclick="document.getElementById('stuffPane').innerHTML=this.nextSibling.innerHTML;"><div style="display:none;"><div style="margin-left: 0px;margin-top:-90px;position:absolute;left:300px;"><div style="margin-left:220px;"><a href="http://warriorcats.bigforumpro.com/u1562rpg" class="clanimg"><img src="http://img42.imageshack.us/img42/6053/emberpaw.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t594-goldenpelt" class="clanimg"><img src="http://img33.imageshack.us/img33/5999/goldenpelt.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/u1557" class="clanimg"><img src="http://img22.imageshack.us/img22/2156/innerghost.png" style="float:right;padding:1px;"></a> <a href="http://warriorcats.bigforumpro.com/t5441-x-s-h-r-e-w-l-e-a-p" class="clanimg"><img src="http://img411.imageshack.us/img411/6293/shrewleap.png" style="float:right;margin-left:110px;padding:1px;"></a> </div><img src="http://img818.imageshack.us/img818/5200/shadowclan.png" alt="Shadowclan" width="auto" height="auto" class="clantitle"><br><div style="text-align: left; color: #2e2c2a;background-color:#e6e4e1;overflow-x:hidden;overflow-y:auto;width:310px;height:70px;position:absolute;margin-left:-40px;padding:5px;white-space:normal;margin-top: 5px;"><center><b>Clan news | status: <a href="http://warriorcats.bigforumpro.com/t5875-nieuw-aanmeldingstopic">open</a></b><br><br>
The Clan cats have attacked BloodClan camp and took their kits back, Fireheart got in a fight with Scourge and, Killed him!</center></div></div></div></td></td>

<td class="windowbg2" align="center" valign="middle" colspan="3" rowspan="2" cellpadding="0"><div id="stuffPane" style="overflow-y:auto; height:125; width:98%"> < Klik op de clansymbolen om meer informatie over de clans te vinden.</div></td></tr><tr></tr></table></div></font></div><div id="three" class="tabContent"><center><table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:-100px;margin-top:10px;"><tr><td><font size="2"></font></td><td style="vertical-align: top; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F; width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://i50.tinypic.com/spg7ki.png" width="90">
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><b><center>Fireheart - Admin</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u2" class="stafflink">Profile</a> | <a href="http://warriorcats.bigforumpro.com/u2contact" class="stafflink">Contact</a></center></div></font></td>

<td style="vertical-align: top; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F; width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/1-89.jpg" width="90">
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><b><center>Bluestar - Admin</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u1" class="stafflink">Profile</a> | <a href="http://warriorcats.bigforumpro.com/u1contact" class="stafflink">Contact</a></center></div></font></td>

<td style="vertical-align: top; padding-right:20px; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F; width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/349-72.gif" width="90" >
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><center><b>Littlepaw - Admin</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u349" class="stafflink">Profile</a> | <a href="http://warriorcats.bigforumpro.com/u349contact" class="stafflink">Contact</a></center></div></font></td>

<td style="vertical-align: top; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F;width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://img195.imageshack.us/img195/136/dotteh.png" width="90">
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><b><center>Dotpaw - Mod</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u358" class="stafflink">Profile</a> | <a href="http://warriorcats.bigforumpro.com/u358contact" class="stafflink">Contact</a></center></div></font></td>

<td><font size="2"></font></td><td style="vertical-align: top; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F; width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/50-62.jpg" width="90">
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><center><b>Mousefur - Mod</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u50" class="stafflink">Profile</a> | <a href="http://warriorcats.bigforumpro.com/u50contact" class="stafflink">Contact</a></center></div></font></td>

<td style="vertical-align: top; "><font size="2"><div class="types"><div style="padding: 3px; border: 1px dashed #A8A46F;width: 90px; height: 90px;"><div style="width: 90px; height: 90px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/73-34.png" width="90">
</div></div><br><font style="color:#7a5b49;font-family:georgia;text-transform: uppercase;font-size:8px;"><b><center>Darkfire - Mod</b></font><br><br>
<a href="http://warriorcats.bigforumpro.com/u73" class="stafflink"><center>Profile</a> | <a href="http://warriorcats.bigforumpro.com/u73contact" class="stafflink">Contact</a></center></div></font></td></tr></table>

<style type="text/css"> .types {font: 10px helvetica; line-height: 5px; background-image: url(http://i.imgur.com/gYdr2.png); width: 98px; height: 95px; padding: 5px; overflow: hidden; color: #697480; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s;} </style><style type="text/css"> .types:hover {width: 98px; height: 120px; overflow: none; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s;} </style><style type="text/css"> .stereo {font: 10px helvetica; line-height: 10px; background: #86939E; width: 98px; height: 95px; padding: 5px; overflow: hidden; color: #697480; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s;} </style><style type="text/css"> .stereo:hover {width: 110px; height: 140px; overflow: none; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s;} .stafflink {  text-decoration: none !important;  color: #a39c94;  -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; }.stafflink:hover {  color: #d6d0c4;}</style></center></div><div id="four" class="tabContent"><font size="1"><table border="0"  cellspacing="10" style="background-image: url(http://i.imgur.com/gYdr2.png); background-position: initial initial; background-repeat: initial initial; margin-bottom: -150px;border: 1px #bab2ab"><tr><td width="300"><font size="2"><div style="float: left; border: 5px solid #bab2ab;width: 100px; height: 100px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/2538-16.png" alt="[image] " title="[image] " border="0" width="100"><br></div><br><div style="font: 14px mistral; color: #1c191a;letter-spacing: 2px; text-align: center; margin-top: 30px;"><a href="http://warriorcats.bigforumpro.com/u2538"><i>Dogdance</i></a></div><div style="padding: 10px, 3px, 10px, 10px; spacing: 5px; font: 18px bradley hand itc tt; color: #e2e2e2; text-align: center; letter-spacing: -1px; background-color: #bab2ab; text-transform: uppercase;">SHE-CAT OTM</div></td>

<td width="300" style="padding-left: 2px;padding-right:2px;><font size="2"><div style="float: left; border: 5px solid #bab2ab;width: 100px; height: 100px; overflow: hidden"><img src="http://i47.tinypic.com/fxazx1.png" alt="[image] " title="[image] " border="0" width="100"><br></div><br><div style="font: 14px mistral; color: #1c191a;letter-spacing: 2px; text-align: center; margin-top: 30px;"><a href="http://warriorcats.bigforumpro.com/u409"><i>Smoketear</i></a></div><div style="padding: 10px, 3px, 10px, 10px; spacing: 5px; font: 18px bradley hand itc tt; color: #e2e2e2; text-align: center; letter-spacing: -1px; background-color: #bab2ab; text-transform: uppercase;">TOMCAT OTM</div></td>

<td width="300"><font size="2"><div style="float: left; border: 5px solid #bab2ab;width: 100px; height: 100px;"><div style="width: 100px; height: 50px; overflow: hidden"><img src="http://oi47.tinypic.com/2rzanlu.jpg" width="102" style="margin-top:-50px;margin-left:-1px;">
</div><div style="width: 100px; height: 50px; overflow: hidden"><img src="http://r25.imgfast.net/users/2512/10/08/24/avatars/1045-92.jpg" width="100">
</div><br></div><br><div style="font: 14px mistral; color: #1c191a;letter-spacing: 2px; text-align: center; margin-top: 30px;"><a href="http://warriorcats.bigforumpro.com/u1252"><i>Breakingdawn</a> x <a href="http://warriorcats.bigforumpro.com/u1045">Stormfrost</a></i></div><div style="padding: 10px, 3px, 10px, 10px; spacing: 5px; font: 18px bradley hand itc tt; color: #e2e2e2; text-align: center; letter-spacing: -1px; background-color: #bab2ab; text-transform: uppercase;">COUPLE OTM</div></td></tr></table>
</font>
</table>

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 18th 2012, 4:15 pm

It doesn't work Sad It really messes with my forumpage.

Maybe you can try this something like this:http://aliceacademynew.proboards.com/ ?

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 19th 2012, 6:13 pm

???

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Guest on December 19th 2012, 6:43 pm

Maybe you want something like this?
[I have the code for this]


Guest
Guest


Back to top Go down

Re: Update Box + Chatbox

Post by Pixielisje on December 19th 2012, 6:46 pm

Oh yes! That's beautiful!
I'd love you forever <3

Pixielisje
Forumember

Posts : 44
Reputation : 1
Language : Dutch

Back to top Go down

Re: Update Box + Chatbox

Post by Guest on December 19th 2012, 9:14 pm

I'll send you this code at the dutch help forum Smile

If other people wants this code, just PM me... Smile

Guest
Guest


Back to top Go down

Re: Update Box + Chatbox

Post by Sanket on December 20th 2012, 5:16 am

Please just post the code here for other users to refer to it.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum