• Ever thought it'd be cool to have your art, writing, or challenge runs featured on PokéCommunity? Click here for info - we'd love to spotlight your work!
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
    Register

CSS Help & Resources

Okay. On my forum I installed a Shoutbox plugin. It's at the bottom of the page when I'd like it to be at the top. I have the CSS template code for the index and I see {myshoutbox} right before board statistics which is correct in the order. Here's the code

Code: 
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
{myshoutbox}
{$boardstats}

<dl class="forum_legend smalltext">
	<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->no_new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
	<dd>{$lang->forum_locked}</dd>
</dl>
<br style="clear: both" />
{$footer}
</body>
</html>

In the attachments I have a picture of the top of my forum and where the white is is where I want the Shoutbox to be.
 
Try this.
Code: 
<html> <head> <title>{$mybb->settings['bbname']}</title> {$headerinclude} <script type="text/javascript"> <!-- 	lang.no_new_posts = "{$lang->no_new_posts}"; 	lang.click_mark_read = "{$lang->click_mark_read}"; // --> </script> </head> <body> {$header}
{myshoutbox} {$forums} {$boardstats}  <dl class="forum_legend smalltext"> 	<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt> 	<dd>{$lang->new_posts}</dd>  	<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt> 	<dd>{$lang->no_new_posts}</dd>  	<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt> 	<dd>{$lang->forum_locked}</dd> </dl> <br style="clear: both" /> {$footer} </body> </html>
 
Oka said:
Try this.
Code: 
<html> <head> <title>{$mybb->settings['bbname']}</title> {$headerinclude} <script type="text/javascript"> <!-- 	lang.no_new_posts = "{$lang->no_new_posts}"; 	lang.click_mark_read = "{$lang->click_mark_read}"; // --> </script> </head> <body> {$header}
{myshoutbox} {$forums} {$boardstats}  <dl class="forum_legend smalltext"> 	<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt> 	<dd>{$lang->new_posts}</dd>  	<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt> 	<dd>{$lang->no_new_posts}</dd>  	<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt> 	<dd>{$lang->forum_locked}</dd> </dl> <br style="clear: both" /> {$footer} </body> </html>
Click to expand...

Thanks. :) it's fixed now. :D
 
Do someone knows how to make shadow at donavannj's signature when it says: "HOWEVER IT GOES,
the fate of both worlds
will be decided by this battle!"?
 
Yea you use the text shadow code, its
text-shadow: 5px 5px 5px #ccc
The first two are the x-y coordinates and the last one is the blur radius and then obviously the last one is the shadow colour ^-^
 
My signature image isn't lining up with the css colored boxes. Help?

PHP: 
[CENTER][cd="width: 440px; font-size: 18px; padding: 5px; height: 30px; background-color: #DAB9AE;"] [FONT="Georgia"][color=#832C46]A[/color][color=#802C45]n[/color][color=#7D2C45]g[/color][color=#7B2C44]e[/color][color=#782C44]l[/color][color=#762C43] [/color] [color=#732C43]o[/color][color=#712C42]f[/color][color=#6E2C42] [/color] [color=#6C2C42]m[/color][color=#692C41]e[/color][color=#662C41]r[/color][color=#642C40]c[/color][color=#612C40]y[/color][color=#5F2C3F],[/color][color=#5C2C3F] [/color] [color=#5A2C3E]h[/color][color=#572C3E]o[/color][color=#552D3E]w[/color][color=#522D3D] [/color] [color=#4F2D3D]d[/color][color=#4D2D3C]i[/color][color=#4A2D3C]d[/color][color=#482D3B] [/color] [color=#452D3B]y[/color][color=#432D3A]o[/color][color=#402D3A]u[/color][color=#3E2D3A] [/color] [color=#3B2D39]f[/color][color=#382D39]i[/color][color=#362D38]n[/color][color=#332D38]d[/color] [color=#312D37] [/color][color=#2E2D37]m[/color][color=#2C2D36]e[/color][color=#292D36]?[/color][/FONT][/cd][IMG]https://img823.imageshack.us/img823/6041/sgz4y.png[/IMG][cd="width: 440px; height: 30px; background-color: #DAB9AE; color: #4D2635; letter-spacing: 2px; padding: 5px; font: georgia;"][size=1][I]bffl ::  [B]vrai[/B] | bro :: [B]derozio[/B] | sis :: [B]kaori [/B] | theme :: [B]moments[/B]   
[color="#F0E6E0"]♥ [/COLOR][URL="https://www.pokecommunity.com/forumdisplay.php?f=161"][COLOR="#2C3336"]Trade[/COLOR][/URL] | [URL="https://www.pokecommunity.com/forumdisplay.php?f=234"][COLOR="#2C3336"]Battle[/color][/URL] | [URL="https://www.pokecommunity.com/showthread.php?t=258285"][color="#2C3336"]Gallery[/COLOR][/URL] | [URL="https://bmgf.bulbagarden.net/members/17428.html"][COLOR="#2C3336"]Bulbagarden[/color][/URL] | [URL="https://twitter.com/xAdrestia"][color="#2C3336"]Twitter[/COLOR][/URL][/size][/i][/cd][/CENTER]
 
I am just asking, can you make a background for the
code,
The **** is the color.
 
I'm using Top Dog and Firefox and see it on the post...but in your signature it looks pixel perfect. :x Does it look off in your signature to you as well?
 
Toujours said:
I'm using Top Dog and Firefox and see it on the post...but in your signature it looks pixel perfect. :x Does it look off in your signature to you as well?
Click to expand...

Here, I put red lines in with the image so you can see the image better (also zoomed it in.) You can see that the image is shifted over one pixel.

Spoiler:
 
Its not a chrome thing, i can see it fine (Im using forever standing btw).
But when i use some of the earlier themes it happens.
 
You must log in or register to reply here.
Back
Top