victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 1, 2010 12:02:25 GMT -8
How to move the text up: Where it says, 'Inbox, New Message, Don't show again.' I added the Font Fix / Font Scaling code here support.proboards.com/index.cgi?board=codedatabase&action=display&thread=70487 to my Global Footer and for some reason it's affecting the text on this code. The text now is no longer in the box but below it, so I need to move the text position in the PM Notifier up so it could go back inside the box. <div id="pageOverlay" style="display: none;background-color: #000000; opacity: 0.0; filter:alpha(opacity=0); width: 100%; height: 100%; position: absolute; top: 0; left: 0;" onclick="PM_Notifier.doCollapse(1);"></div> <div style="position: absolute; right: 0%; top: 0px;"> <div class="windowbg" style="border: 1px solid black; width: 100px; height: 100px; display: none; position: relative; top: 0px; right: 0px;" id="pmHolder"> <span style="float: left;"> <a title="Close" onclick="PM_Notifier.doExpand()" href="javascript: void(0)" id="theA"> <img style="border-right: 1px solid black;" src="http://img174.imageshack.us/img174/88/exclamationsb1.png" border="0" height="100" width="100"> </a> </span> <div id="spanRight" style="float: right; text-align: center;"> <span style="margin: 0 auto; display: none;" id="pmNot_theInfo"> <span id="pmNot_newPms"></span> <br /> [<a href="/index.cgi?action=pm">Inbox</a> | <a href="/index.cgi?action=pmsend">New Message</a> | <a href="javascript: void(0)" onclick="PM_Notifier.doCollapse(1, 1);">Don't Show Again</a>] </span> </div> </div> </div>
<script type="text/javascript"> /*----------------------------------*\ | P M Notifier v1.5 | (C) Simie 2008 - Present | Do not repost without permission \*--------------------------------- */
var Overlay = false; // Enable or disable overlay
document.write('<script type="text/javascript" src="http://pb.proscripts.co.uk/pmnotifer_15.js"><\/script>'); </script>
|
|
victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 1, 2010 15:15:21 GMT -8
I moved this code on top, middle , and bottom. Still same thing. I even moved it to Global Footer from the Global Header and same result. I did notice that the text is now too big for the box now that I'm using the Font Fix / Font Scaling code .. How do I adjust the font size?
|
|
|
Post by Wormopolis on Feb 1, 2010 18:47:32 GMT -8
I will have to install these 2 codes togther on the clean site.
|
|
|
Post by Wormopolis on Feb 2, 2010 12:33:11 GMT -8
in the fontfix code, what do you have as the STYLE you added?
|
|
victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 2, 2010 14:48:05 GMT -8
I'm using it because it was the quickest way to change all the font size of my forum. The proboards default font was too small.
Here is what I'm using:
[b]GF:[/b] <script type="text/javascript" defer="defer"> // Font Fix / Font Scaling - CCWorld var fonts = document.getElementsByTagName("font"); for (i=0; i<fonts.length; i++){ if (fonts.item(i).size.match(/\d/)){ fonts.item(i).className = "fontFix" + fonts.item(i).size.replace("+", "Plus").replace("-", "Minus");}} </script>
<style type="text/css"> .fontFix1, .fontFixMinus2, .nav, .nav:link, .nav:visited, .nav:hover { font-size: 12px !important; } .fontFix2, .fontFixMinus1, a, td { font-size: 13px !important; } .fontFix3 { font-size: 18px; } .fontFix4, .fontFixPlus1 { font-size: 22px; } .fontFix5 { font-size: 24px; } .fontFix6 { font-size: 36px; } .fontFix7 { font-size: 52px; } </style>
Also when I used the font size code it made my board names smaller and I had to have a code to only change the size but also decided to change the font of my board names. I'm using this to get the names to look exactly as I wanted them!
[b]GF:[/b] <script type="text/javascript"> <!-- pbLinks = document.getElementsByTagName('a');
for (a=0;a<pbLinks.length;a++) if (pbLinks[a].href.match(/\?board=\w+$/)) pbLinks[a].className="board_link"; else if (pbLinks[a].href.match(/play&thread=\d+$/) && (pbLinks[a].parentNode.parentNode.parentNode.width && pbLinks[a].parentNode.parentNode.parentNode.width.match(/4(3|8)/))) pbLinks[a].className="thread_link"; // --> </script>
[b]GH:[/b] <style type="text/css"> <!-- .board_link { font-family: 'Courier New'; font-size: 17px !important; } --> </style>
|
|
|
Post by Wormopolis on Feb 2, 2010 16:08:30 GMT -8
<style type="text/css"> .fontFix1, .fontFixMinus2 { font-size: 12px !important; } .fontFix2, .fontFixMinus1 { font-size: 13px !important; } .fontFix3 { font-size: 18px; } .fontFix4, .fontFixPlus1 { font-size: 22px; } .fontFix5 { font-size: 24px; } .fontFix6 { font-size: 36px; } .fontFix7 { font-size: 52px; } </style>
|
|
victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 2, 2010 16:59:31 GMT -8
<style type="text/css"> .fontFix1, .fontFixMinus2 { font-size: 12px !important; } .fontFix2, .fontFixMinus1 { font-size: 13px !important; } .fontFix3 { font-size: 18px; } .fontFix4, .fontFixPlus1 { font-size: 22px; } .fontFix5 { font-size: 24px; } .fontFix6 { font-size: 36px; } .fontFix7 { font-size: 52px; } </style> Yes! That was the solution. It's fixed! ;D Thank you. I'm happy that the text is now in the box. Is there anyway I can center it in the box? The text is already centered but I want to move the entire thing down from the top. If there's not an easy solution, I'll live with it as is since it's back in the box.
|
|
|
Post by Wormopolis on Feb 3, 2010 11:46:05 GMT -8
I already removed the codes from the clean site, but I would think this would do it:
<span style="margin: 0 auto; display: none;" vAlign="middle" id="pmNot_theInfo">
|
|
victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 3, 2010 13:23:28 GMT -8
It did not work. I even tried vertical-align:middle
|
|
|
Post by Wormopolis on Feb 3, 2010 16:20:26 GMT -8
undo that.
try:
<div id="spanRight" style="float: right; text-align: center; padding-top: 40px">
|
|
victory1
Full Member
Posts: 102
victory1 said 0 great things
|
Post by victory1 on Feb 3, 2010 17:12:04 GMT -8
undo that. try: <div id="spanRight" style="float: right; text-align: center; padding-top: 40px"> That did it. It worked! Thank you!
|
|