• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Forum moderator applications are now open! Click here for details.
  • 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.

CSS Help & Resources

Xyrin

WOW REMEMBER THIS??
1,065
Posts
15
Years
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.
 

Oka

Pokemon Azure Project Leader!
55
Posts
14
Years
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>
 

Xyrin

WOW REMEMBER THIS??
1,065
Posts
15
Years
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>

Thanks. :) it's fixed now. :D
 

TheMarkCrafter

roses are red, violets are blue, i used to break r
543
Posts
13
Years
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!"?
 
2,096
Posts
15
Years
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 ^-^
 

TwilightBlade

All dreams are but another reality.
7,236
Posts
16
Years
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]http://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="http://www.pokecommunity.com/forumdisplay.php?f=161"][COLOR="#2C3336"]Trade[/COLOR][/URL] | [URL="http://www.pokecommunity.com/forumdisplay.php?f=234"][COLOR="#2C3336"]Battle[/color][/URL] | [URL="http://www.pokecommunity.com/showthread.php?t=258285"][color="#2C3336"]Gallery[/COLOR][/URL] | [URL="http://bmgf.bulbagarden.net/members/17428.html"][COLOR="#2C3336"]Bulbagarden[/color][/URL] | [URL="http://twitter.com/xAdrestia"][color="#2C3336"]Twitter[/COLOR][/URL][/size][/i][/cd][/CENTER]
 
10,673
Posts
14
Years
  • Age 30
  • Seen Dec 30, 2023
Seems to be lining up just fine for me, care to take a screenshot and outline the issue?
 

TheMarkCrafter

roses are red, violets are blue, i used to break r
543
Posts
13
Years
I am just asking, can you make a background for the
code,
The **** is the color.
 

TwilightBlade

All dreams are but another reality.
7,236
Posts
16
Years
1TAgu.png

Using vbulletin default skin style and Google Chrome. You can see the bottom right corner of the banner sticking out from the pink css, like 1 pixel off.
 

Oryx

CoquettishCat
13,184
Posts
13
Years
  • Age 31
  • Seen Jan 30, 2015
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?
 

Steven

[i]h e l p[/i]
1,380
Posts
13
Years
  • Age 31
  • Ohio
  • Seen Jan 4, 2023
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?

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:
 
10,673
Posts
14
Years
  • Age 30
  • Seen Dec 30, 2023
It actually looks fine for me, also, it could be a Chrome issue though. I'll have to do some research, but your code is fine, so I'm not too sure why that is happening.
 

Impo

Playhouse Pokemon
2,458
Posts
14
Years
umm... I'm pretty sure this code has been asked before, but does anyone know the code to make rounded borders?

I'm sorry if this question is beginning to sound like a broken record, but I need it (and can't be bothered searching the thread).

maybe if it was added to the first post?

Thanks in advance!
 
Back
Top