| The new Layout Request and Help thread (READ RULES) |
|
Forum Index - Hobbies - Computers & Technology - The new Layout Request and Help thread (READ RULES) |
|
|
|
|
| Posted on 2012-06-01 05:39:54 AM |
Link |
|
Originally posted by grishnaxI was wondering if someone could make me a simple layout using this picture and a transparent blue text box, as well as a signature box. Make the text color whatever looks readable. Hopefully this will be pretty simple. If you need me to make a sample pic, that would be fine, but I figure it's easy enough to make without one that whoever makes it will probably not need it.
If you can find / uploaded the same image with square pixels instead of this shiddily resized image I could give this layout a try.
|
|
| Posted on 2012-06-01 05:04:34 PM |
Link |
|
Original upscaled resolution.
You'll need to edit the picture yourself, since that effect isn't usually mirrored like it is in grishnax' version and I am really lazy.
|
|
| Posted on 2012-06-03 03:41:30 PM |
Link |
|
Just wondering if there's a way to setup spoiler tags via CSS.
I saw the code of the spoiler, and it's just a common <span> tag without class. Then I thought, who knows I can't setup the BBCode tag somehow.
|
| Last edited on 2012-06-03 03:56:43 PM by Koopster. |
|
| Posted on 2012-06-03 07:28:13 PM |
Link |
|
<span style="background-color:black;color:black;">textgoeshere</span>
it should look like:
surprise!
Not a problem with you specifically, but it doesn't work well with text that has shadow (iirc). You'll need to remove it with the style.
|
| Last edited on 2012-06-03 07:30:08 PM by Ladida. |
|
| Posted on 2012-06-04 01:04:01 AM |
Link |
|
Originally posted by Ladida[...] Not a problem with you specifically, but it doesn't work well with text that has shadow (iirc). You'll need to remove it with the style.
Code<span style="background:#000;color:#000;text-shadow:none;">textgoeshere</span>
It's reasonably simple to just override all backgrounds and remove all text-shadows using this code instead. (Also switched from 'black' to '#000' because shorter :P)
Example text with shadow
This is a child to the span with a text-shadow
|
|
| Posted on 2012-06-04 07:09:26 PM |
Link |
|
Yes, thanks, but I think you didn't understand my question at all.
A spoiler is now used though BBCode, right? Well then, I'd like to change it from the black background to something more gray-ish or just white text. Although I dunno what to type in my CSS file to make the changes. I mean, to change the code boxhead I type .lolclass .quote > .boxhead, but what do I type to change the spoiler tags? If it's possible of course.
|
|
| Posted on 2012-06-04 09:01:27 PM |
Link |
|
It's not possible to change the default spoiler through a modifiable class like .quote or .code in your CSS file (at least from what I know of CSS). As you had mentioned, there is no class for the spoiler tags. All that there is an inline style tag, which will overwrite all the styles put before it in either the embedded CSS file or CSS within style tags in the head tag. So if you want to "override" the default inline CSS for the BBC codes, you're out of luck.
The only method that I can think of would be to make your own spoiler class using a custom div/span class nestled within your opening div/table/whatever tag. I know leod did this with a couple of his custom classes for inline code and the like way back when, so it would be possible to do with other custom div/span tags.
The only downside would be that the custom spoiler wouldn't work for guests visiting the forums, or for people that have layouts turned off.
|
|
| Posted on 2012-06-05 05:27:22 AM |
Link |
|
QuoteIt's not possible to change the default spoiler through a modifiable class like .quote or .code in your CSS file (at least from what I know of CSS). As you had mentioned, there is no class for the spoiler tags. All that there is an inline style tag
And this inline style tag can be used to select it.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
...though it is a bit annoying to not be able to override its font color, and that background trick is just an ugly hack. Additionally, it'll break if Kieran edits the generated HTML for spoiler tags.
|
|
| Posted on 2012-06-09 03:08:22 PM |
Link |
|
First time this, I hope I don't make a newbie mistake!
Hey, I would like a Team Fortress 2 layout please, with...
^This constantly repeating the background...
^This above the whole post.
^This one the side (right),
And I would like my sig to have it's own box, and for both the sig and the post to stop before my pyro image so it doesn't cover it up.
I hope somebody takes this up, and thanks ^_^
|
|
| Posted on 2012-06-09 07:45:54 PM |
Link |
|
|
Alright guys, need some help here. I've been coding this new layout (by the way, how does it look?), but the background is a little wonky. As you are probably able to see, it won't repeat itself vertically, and I really need that to happen, though. So, what should I do to fix this?
|
| Last edited on 2012-06-09 07:51:56 PM by Grav. |
|
| Posted on 2012-06-09 08:08:36 PM |
Link |
|
Botcrazy, your background image seems like too heavy and big that it's not loading completely here. Try to change its extension to PNG. Plus, by the part it loaded seems that it wouldn't repeat properly, but correct me if I'm wrong.
Turbo Man, I saw in your CSS file you're using repeat-x in the background class, which makes the image only repeat horizontally. Use only repeat instead.
By the way, I found it very nice, but the blue doll in the side is cutoff (you must be going to fix this?).
|
| Last edited on 2012-06-09 08:11:45 PM by Koopster. |
|
| Posted on 2012-06-09 08:13:26 PM |
Link |
|
Originally posted by AustinTurbo Man, I saw in your CSS file you're using repeat-x in the background class, which makes the image only repeat horizontally. Use only repeat instead.
By the way, I found it very nice, but the blue doll in the side is cutoff (you must be going to fix this?).
I realised that repeat thingy right as you posted this, hehe.
And about that blue guy, It's actually not cutoff. I just have very light anti-aliasing. 
|
|
| Posted on 2012-06-09 10:39:56 PM |
Link |
|
|
Turbo, the only complaint I have about your layout is that the black text is difficult to read on the black portions of the background.
|
|
| Posted on 2012-06-10 06:57:59 AM |
Link |
|
Originally posted by tmercswimsTurbo, the only complaint I have about your layout is that the black text is difficult to read on the black portions of the background.
Haha, yeah, uhm... That was a mistake on my part, since I forgot chrome doesn't fully support -webkit-border-image. It's fixed now, though.
|
|
| Posted on 2012-06-20 07:29:13 PM |
Link |
|
@BotCrazy
I'll code your layout, but how exactly do you want that BG picture to repeat, it looks somewhat weird with a larger post as it is tiled.
This is what I mean:
Originally posted by Layout
/\It looks like that, that's what I mean by tiled.
Also, I'm going to have to edit your Pyro PNG to go on the right, the resolution of it and the position of the gun pushes it towards the center too much.
EDIT: Also, to turbo man, I like the way your layout looks and I think it looks fine.
|
| Last edited on 2012-06-20 07:31:46 PM by TheRPGLPer. |
|
| Posted on 2012-06-29 03:32:58 PM |
Link |
|
|
Anyone has an idea of why the link hovering function on Scrydan's layout isn't working? Here is the CSS, and everything in it seems alright to me.
|
|
| Posted on 2012-06-29 05:29:00 PM |
Link |
|
|
In the middle of your css .dragon0 a:link, .dragon0 a:visited {
color: rgb(255, 110, 45);
.dragon0 a:hover, .dragon0 a:active {
.dragon0 {
What the fuck were you even doing holy shit.
Oh hey you have even more code for the links at the very bottom of the css file:
.dragon0 a {
font-wreight: bold;
text-decoration: none
}
.dragon0 a:link, .dragon0 a:visited {
color: rgb(255, 110, 45);
.dragon0 a:hover, .dragon0 a:active {
color: rgb(255, 180, 125)
}
Yea you kind of forgot the } for the a:link and a:visited selector (and have that clusterfuck I posted above in the middle of your post).
You could just put the color: rgb(255, 110, 45); into .dragon0 a by the way.
|
|
| Posted on 2012-06-29 06:21:41 PM |
Link |
|
Huh? How did this even happen! The hoster I use here just sucks.
Anyhow, thanks. It was really bugging me.
|
|
| Posted on 2012-06-29 10:21:44 PM |
Link |
|
Originally posted by AustinHuh? How did this even happen! The hoster I use here just sucks.
Blame shoddy coding.
loling @ font-wreight
|
|
| Posted on 2012-07-05 07:17:39 PM |
Link |
|
New layout time.
This time, I've created a mockup so that I can spare myself of writing a long explanation.
Note that it's only a quick mockup and I don't want it made exactly the way I drew it. You can make any improvements and/or adjustments you want (like if you want to make the background more interesting). I especially want the font changed to something a bit better looking, and the post border should be smoother (in the mockup it looks pretty choppy). As of now the layout's pretty bare bones, but once again, you can do whatever you want with it as long as the major pieces are there.
Resources:
Side image
Quote image
Corner image
|
|
|
|
|
|
|
Forum Index - Hobbies - Computers & Technology - The new Layout Request and Help thread (READ RULES) |
