kleurcodes

[MeDieViL]

kan ik ze misshien van een site plukken als je een kleur ziet dioe mooi is?

[Donny_nl]

je kunt in de bron kijken -> rechtermuisknop -> view source (bron weergeven)

[MeDieViL]

Code: Selecteer alles

<style type='text/css'>
form { display:inline; }
img  { border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a { color: #336699; text-decoration: none; }
a:hover { color: #CC0000; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg   { text-align:center; margin-top:15px } 

#ucpmenu    { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(style_images/ieXbeta_new/tile_back.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #336699; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F6F6F9 }
.post2 { background-color: #F6F6F9 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/ieXbeta_new/tile_sub.gif) }

.row1 { background-color: #F6F6F9 }
.row2 { background-color: #F6F6F9 }
.row3 { background-color: #F6F6F9 }
.row4 { background-color: #F6F6F9 }

.darkrow1 { background-color: #DEEBF4; color:#4C77B6; }
.darkrow2 { background-color: #DEEBF4; color:#3A4F6C; }
.darkrow3 { background-color: #DEEBF4; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-color: #DEEBF4; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #336699 }
.titlemedium a:hover { color:#CC0000; text-decoration: underline }

.maintitle { vertical-align:middle;font-weight:bold; color:#ffffff; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://www.iexbeta.com/catbg.gif); }

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000000 }
.maintitle a:hover { text-decoration: underline; color:#000000 }

.plainborder { border:1px solid #828F99;background-color:#F5F9FD }
.tableborder { border:1px solid #828F99;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue   { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

.style1 {
	font-size: 8pt;
	font-weight: bold;
}
.style1 a{
	font-size: 8pt;
	font-weight: bold;
	color: #336699;
		text-decoration: none;
}
.style1 a:hover{
	font-size: 8pt;
	font-weight: bold;
	color: #CC0000;
}
.style3 {font-size: 10pt
}
.style4 {
	font-size: 7.5pt;
	font-weight: bold;
}
.style4 a{
	font-size: 7.5pt;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}
.style4 a:hover{
	font-size: 7.5pt;
	font-weight: normal;
	color: #CC0000;

.main {
	color: #CC0000;
	text-decoration: none;
}
.main a {
	color: #CC0000;
	text-decoration: none;
}
.main a:hover {
	color: #CC0000;
	text-decoration: unserline;
}

</style>

hmm geen flauw idee welk ik moet hebbe...

beides, ik kijk strax wel verder, longhorn 4053 is geleaked!!!!!!!!!!!!!!!!!!!!!!!!!! 8)

[mosymuis]

kan ik ze misshien van een site plukken als je een kleur ziet dioe mooi is?

Is al vaker gevraagd, hier bijvoorbeeld:
http://www.phpbb.nl/viewtopic.php?t=2697
http://www.phpbb.nl/viewtopic.php?t=7296

Nu ook weer mijn zelfde antwoord;
http://www.google.com/search?q=color+picker

[MeDieViL]

maar ik wil te weten komen welke kleuren dit zijn
[/code]

[Luuk]

Het eerste vak is F3F3F3
Het tweede vak is FFFFFF
Het laatste vak is F3F3F3

[MeDieViL]

thx, en hoe kan ik er bv voor zorgen dat het vakje waar het forum logo instaat een andere row calour gebruikt?

[Luuk]

Gebruik een andere class, of als je dat niet weet, geef het een kleurtje. Bij td kun je er dit bij zetten: bgcolor="#KLEUR"

[mosymuis]

Wat netter is:

Code: Selecteer alles

style="background-color:#KLEUR;"

maar ik wil te weten komen welke kleuren dit zijn

Ja, daar gaf ik ook antwoord op. Dat kan met een color picker. Of met een ordinair grafisch programma zoals PSP of Photoshop.