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:
Locked Topic
  • Pages:
  • 1
[ C ] Announcement Glitch
Topic Started: Aug 4 2015, 03:44 AM (515 Views)
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
ZB
URL in profile
Code:
 
<div id='announceBox' class='indexonly'>
<table class="cat_head">
<tr>
<td>
<h2>The Spiral Post</h2>
</td>
</tr>
</table>
<table>
<tr>
<td class="announce"><marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 10, 0);" behavior="scroll" direction="left" scrollamount="10"><font size="3"><font color=#ff0000>Welcome to The Wizardly Commons Forum!</font>
</marquee>
</td>
</tr>
</table>
</div>


When your looking at someone's profile the announcement looks like this:
Posted Image

When it's supposed to look like this:
Posted Image
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code: HTML
 
<table class="cat_head">
<tr>
<td>
<h2>The Spiral Post</h2>
</td>
</tr>
</table>
Change that to this:
Code: HTML
 
<div class="h2wrap"><div class="h2left"><div class="h2right"><div class="h2center">The Spiral Post</div></div></div></div>
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
You can now see it on profiles, but it's stuck together, can it be given a space?
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Like space between the header and the table below it?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Yes
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code: HTML
 
<div class="h2wrap">
Change that to this:
Code: HTML
 
<div class="h2wrap" style="margin-bottom: #px">
Change the number sign to the amount of pixels you want to be in between both elements.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
that moved the header only not the announcement
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You're wanting to move both elements downwards on the profile page only?
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
Yes
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
To do so on the profile page only will require JavaScript.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
That's fine
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
if (location.href.indexOf('/profile/') !== -1) {
$('#announceBox').css('margin-top', '#px');
}
</script>
Try that.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
nope
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
It did move it down, you just have to keep increasing the pixels until it's moved down to where you want it.
Offline Profile Goto Top
 
Tyler Dream
Member Avatar
Member
[ *  *  *  * ]
I can move the header but the text doesn't move
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1