CSS Help & Resources

abnegation · Jul 5, 2011

You can't, you need HTML, CSS alone doesn't have the capabilities.

Charizard★ · Jul 5, 2011

I've seen some members use it tho (Staff), can staff members use HTML?

donavannj · Jul 5, 2011

Charizard★ said:
I've seen some members use it tho (Staff), can staff members use HTML?

Higher staff can use HTML in their signatures, as far as I'm aware.

Xyrin · Jul 23, 2011

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 · Jul 23, 2011

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 · Jul 23, 2011

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>

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

TheMarkCrafter · Jul 23, 2011

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!"?

Hybrid Trainer · Jul 23, 2011

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 · Jul 29, 2011

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]

abnegation · Jul 29, 2011

Seems to be lining up just fine for me, care to take a screenshot and outline the issue?

TheMarkCrafter · Jul 29, 2011

I am just asking, can you make a background for the

code,
The **** is the color.

abnegation · Jul 29, 2011

I have no idea what you are saying. Can you possibly show me an example?

TheMarkCrafter · Jul 29, 2011

Abnegation said:
I have no idea what you are saying. Can you possibly show me an example?

click here to jump
Click the thing above, and I want to make this CSS code

have a background, can it? If yes, tell me.

abnegation · Jul 29, 2011

Yes it can with background-image: url("url");

TwilightBlade · Jul 29, 2011

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 · Jul 29, 2011

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 · Jul 29, 2011

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?

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:

abnegation · Jul 29, 2011

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.

Hybrid Trainer · Jul 29, 2011

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.

Impo · Aug 1, 2011

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!

CSS Help & Resources

More options

abnegation

Charizard★

donavannj

Xyrin

WOW REMEMBER THIS??

Oka

Pokemon Azure Project Leader!

Xyrin

WOW REMEMBER THIS??

TheMarkCrafter

roses are red, violets are blue, i used to break r

Hybrid Trainer

TwilightBlade

All dreams are but another reality.

abnegation

TheMarkCrafter

roses are red, violets are blue, i used to break r

abnegation

TheMarkCrafter

roses are red, violets are blue, i used to break r

abnegation

TwilightBlade

All dreams are but another reality.

Oryx

CoquettishCat

Steven

[i]h e l p[/i]

abnegation

Hybrid Trainer

Impo

Playhouse Pokemon