CSS Help & Resources Page 18

Started by seeker November 16th, 2009 5:38 PM
  • 175331 views
  • 902 replies

Xyrin

WOW REMEMBER THIS??

Age 24
Male
purdue
Seen September 17th, 2022
Posted October 17th, 2013
1,065 posts
15 Years
Try this.
<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

Furret


The Creeper Hub ~ x - Icons by Anastasia - My Twitter ~ x

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 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.

Age 31
Female
Florida
Seen 6 Hours Ago
Posted 1 Day Ago
7,098 posts
16 Years
My signature image isn't lining up with the css colored boxes. Help?


[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][/I][/size][I][/i][/cd][/CENTER

TheMarkCrafter

roses are red, violets are blue, i used to break rules but now im new.

Male
Kalos
Seen January 14th, 2016
Posted December 30th, 2015
543 posts
12.3 Years
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 [css-div=" background-color: ****; border-color: ****; border-style:solid;"] have a background, can it? If yes, tell me.
winter is here.
back at 12/23/15

TwilightBlade

All dreams are but another reality.

Age 31
Female
Florida
Seen 6 Hours Ago
Posted 1 Day Ago
7,098 posts
16 Years

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

Age 30
Female
Seen January 30th, 2015
Posted December 27th, 2014
13,184 posts
12.2 Years
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?


Theme * Pair * VM * PM

Not all men...

Are all men stupid?

That's right.

Steven

h e l p

Age 30
Male
Ohio
Seen January 4th, 2023
Posted September 11th, 2021
1,380 posts
12.3 Years
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:
Keep being amazing.
Shiny Pokemon

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
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

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 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!

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
border-radius:50px;
or you can use this to do only one corner
border-top-right-radius:50px;
Changing the top and the right bit accordingly of course x]
Age 30
Male
New York City
Seen May 21st, 2016
Posted May 16th, 2016
3,597 posts
15.9 Years
border-radius:50px;
or you can use this to do only one corner
border-top-right-radius:50px;
Changing the top and the right bit accordingly of course x]
You'll also want to include moz tags too in case anyone is viewing from Firefox, since they don't have webkit. The tag works exactly the same, though.

border-radius
-moz-border-radius

border-top-left-radius
-moz-border-radius-topleft

border-top-right-radius
-moz-border-radius-topright

border-bottom-right-radius
-moz-border-radius-bottomright

border-bottom-left-radius
-moz-border-radius-bottomleft
lurid/lucid

"I want to tear myself from this place, from this reality, rise up like a cloud and float away, melt into this humid summer night and dissolve somewhere far, over the hills. But I am here, my legs blocks of concrete, my lungs empty of air, my throat burning. There will be no floating away."

Khaled Hosseini

→ Refresh for a different picture
→ White FC: Haruka 0347 0171 1756


whoever disabled my signature:
my signature is not even close to 300px tall.
i dont understand why it was disabled.

seeker

Ireland
Seen November 1st, 2019
Posted May 20th, 2018
10,593 posts
14.1 Years
Actually, border radius works for every browser that uses CSS3, so moz has supported it since 3.5. But not everyone is updated. So if you're going to add extra codes, you might as well just stick with -moz-border-radius & web-kit-radius.

However, let me point out that IE9 will support CSS3, meaning it will have rounded corners etc. So I'd advise adding all 3 codes when it does. You're better off covering all angles to ensure the best browser compatibility you can get.

Mew~

THE HOST IS BROKEN

Seen April 13th, 2016
Posted April 12th, 2016
4,163 posts
14.2 Years
Okay, what I want to do is get two CSS codes to show up on the same line. Since when I try to do two seperate CSS codes and put them next to each other they end up on different lines, if that makes sense.
There was nothing. Followed by everything. Swirling, burning specks of creation that circled life-giving suns. And then we reached to the light.

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
This has come up before, it wasn't really solved but if you only want two codes i think you can get away with it.
Previous problem/answer

But if its just two things i tend to use the float:left/right code to make one thing move to the side.

Hybrid Trainer

Age 28
Him/Them
«UK»
Seen 4 Weeks Ago
Posted January 27th, 2022
2,096 posts
14.5 Years
You put the colour tag inside of the URL tag. Like this.

[URL="http://www.pokecommunity.com/member.php?u=119663"][COLOR="#B82556"]James[/COLOR][/URL]

Winneon

しょうない

Age 24
Male
Texas
Seen September 11th, 2017
Posted December 3rd, 2016
525 posts
11.9 Years
You put the colour tag inside of the URL tag. Like this.

[URL="http://www.pokecommunity.com/member.php?u=119663"][COLOR="#B82556"]James[/COLOR][/URL]
Thanks! I know CSS but I didn't know how to add that into BB code!:)
Let somebody else try first.
casual twitterpairgithub

Spherical Ice

Age 25
Leicester, UK
Seen 12 Hours Ago
Posted February 20th, 2022
5,251 posts
15.5 Years
You could either use a background image (background: url('linktoimage.png');) and then put another image ontop (which can then be positioned with position: absolute: and left: pixelpx/right: pixelpx/etc. or padding-top: pixelpx etc.) or you could use the z-index code (z-index: 99; would make everything in that div have priority over anything with a z-index of 98 or lower).