Langue…
17 utilisateurs en ligne: Ahrion, cardboardcell, Centipede, Dark Prince, DasFueller, dinkleberg94, E-man38, GangsterJerby, Gulaschko, LiamBLOL, Nitrogen, OEO6, RenkoV2,  Segment1Zone2, The-capish, Torchkas, VinylHeart - Invités: 102 - Robots: 226
Utilisateurs: 55 680 (2 388 actifs)
Dernier utilisateur: shinkintoad

Basic Post Layout Base Codes

Lien Fil fermé
To change the color of links, style these:

Code
.myClass a:link { color: whatever; }
.myClass a:visited { color: whatever; }
.myClass a:hover { color: whatever; }
.myClass a:active { color: whatever; }

a:link is the normal color of the link
a:visited is the color of the link after it has been clicked
a:hover is the color while the mouse is over it
a:active is the color while the link is clicked

To change the color of the code box text do this:

Code
.myClass .code .boxhead, .myClass .code .box { color: whatever; }

And to change the code box borders use this:

Code
.myClass .code .box { border-color: whatever; }
In which part of the layout would I add these?
LINKS Twitter | YouTube | SoundCloud | Fortaleza Reznor
to hear birds and see none.
Use style tags at the beginning of your layout.

<style type="text/css"> .myClass a:link {color: value;} ... .myClass a:active {color: value;}</style>

You can put styles for codes there too, which, by the way, should look like this:
Code
/* notice the ">" after .code */

.myClass .code > .box {
    border-color: whatever;
}
Or else nesting will be weird.
I'm really sorry to keep asking questions, but it's not working. What am I doing wrong?
LINKS Twitter | YouTube | SoundCloud | Fortaleza Reznor
to hear birds and see none.
You never incorporated the class into your layout. You just need to add a 'class="Maxdx"' in your font tag and it should work out well enough to get the links to get the correct colours.
AnimeList | MangaList
It works now. Many thanks to everyone!
LINKS Twitter | YouTube | SoundCloud | Fortaleza Reznor
to hear birds and see none.
Originally posted by Blumiere
Code
/* notice the ">" after .code */

This does not at all work if you don't @import the css externally I reckon, you can just omit the > then and live with weird nesting (not like anybody ever uses actual [code] tags AND gets quoted) if you don't know how/want to do that.
Your layout has been removed.
new layout. same thing, but 50% cooler.

Any issues needed to be addressed this time around?
(and better or worse then the last one?)
Later.
Definitely better, but the quote and code boxes are hard to read. Try a brighter gray.
LINKS Twitter | YouTube | SoundCloud | Fortaleza Reznor
to hear birds and see none.

Thank you so much for this, I used it to create my layout (which isn't very good)! And yes this is my first post, don't judge me.

EDIT: How does this look exactly the same as that other guys?! Talk about a coincedence...
Thanks to Megafonzie for creating the Post Layout Base!
Why do people use Base 10? Yeah, they have 10 fingers, whatever. They SHOULD be using Base 69, which goes up to ! and then to 10.
Originally posted by code
<style type="text/css">table.ex2 {background-image: url(http://i.minus.com/iJe5oh1tSVqN2.png); font-family: "fantasy"; color: #00FF00; background-position: bottom left; background-repeat: repeat-xy; background-color: #174fb1 } table.ex2 td {background: #000000; border: 2px #00FF00 solid; border-color:#00FF00; border-size: 2px; background-repeat: repeat;}</style>


Change the in-red-highlighted parts to something more unique like sneak4000 (same goes for the ex2 in the HTML code).

Originally posted by Weeabuu
Originally posted by code
<style type="text/css">table.ex2 {background-image: url(http://i.minus.com/iJe5oh1tSVqN2.png); font-family: "fantasy"; color: #00FF00; background-position: bottom left; background-repeat: repeat-xy; background-color: #174fb1 } table.ex2 td {background: #000000; border: 2px #00FF00 solid; border-color:#00FF00; border-size: 2px; background-repeat: repeat;}</style>


Change the in-red-highlighted parts to something more unique like sneak4000 (same goes for the ex2 in the HTML code).


That sort of messed up the entire thing. Does it randomize the code, or something? It came out with pink text and a mountain background...
Thanks to Megafonzie for creating the Post Layout Base!
Why do people use Base 10? Yeah, they have 10 fingers, whatever. They SHOULD be using Base 69, which goes up to ! and then to 10.
It shouldn't. If multiple people use ex2 in their layouts, they are going to conflict with each other hence why yours and ShadowFire's layouts look alike. By using unique names for the classes one can prevent that from happening.

Did you change the ex2 in

Originally posted by code
<table class="ex2" style="text-align: left; width: 100%" height="275" cellspacing="17">

as well?

It should look like this:

Originally posted by code
<style type="text/css">table.sneak4000 {background-image: url(http://i.minus.com/iJe5oh1tSVqN2.png); font-family: "fantasy"; color: #00FF00; background-position: bottom left; background-repeat: repeat-xy; background-color: #174fb1 } table.sneak4000 td {background: #000000; border: 2px #00FF00 solid; border-color:#00FF00; border-size: 2px; background-repeat: repeat;}</style><table class="sneak4000" style="text-align: left; width: 100%" height="275" cellspacing="17">

Originally posted by Weeabuu
-snip-


Ahh, thank you. Obviously I'm new to this :p
Thanks to Megafonzie for creating the Post Layout Base!
Why do people use Base 10? Yeah, they have 10 fingers, whatever. They SHOULD be using Base 69, which goes up to ! and then to 10.
Don't worry about it. Glad that I could help. :)
How do you make a sidebar like phenolatukas's?
By using the base code with the sidebar included :|
Your layout has been removed.
Such as...
When I tried to use the base code for my other boxes, but I just goes below it.
He told me to use this code:
<.td width=135 rowspan=2 valign=top>Test</.td>

But I'm using my boxes like this:
<div style="background: url(http://bin.smwcentral.net/u/12570/red_transparent_bg.png); border: 1px black solid; padding: 3px; margin-right: 150px; margin-top: 25px;">

How do I make a box 25px to the right from my other boxes?
Uh... I've a little problem with my layout. I want to change the font to Century Schoolbook font size 16px but I don't know how. I saw some codes on the internet, I put them on the header but nothing happened!
Can someone put a base code for font changing? Thanks.
<div style="font-family: Edwardian Script ITC, Lucida Handwriting, Chiller, Curlz MT, monospace; font-size: 150%;">Lorem ipsum dolor sit amet.</div>
Lorem ipsum dolor sit amet.
The long list of fonts is alternatives in case one isn't installed. The first one to be found is used.
It's also recommended to add one of the generic font families at the end: serif, sans-serif, or monospace. This one appears to be sans-serif.

<blm> zsnes users are the flatearthers of emulation
Lien Fil fermé