♡ help me, please? ♡

rawrjess · Nov 3rd 2013

♡--- hello ---♡
i am currently working on customizing my profile.
this is the first time i've done this so i honestly
have no clue what i'm doing. i've just been messing
around with things practically all day, and i'd say
that so far it's turning out to be pretty decent.
anyway, skipping to the reason that i am asking
for help, i've been trying to figure out how to
change the color of the links on my profile but
i have no clue how. anyone mind helping me
out with this? thanks! c(:

rawrjess · Nov 3rd 2013

♡--- bump ---♡

hootowl42 · Nov 3rd 2013

[align=center]Changing link colors is a pretty simple task I guess.
Firstly, all your links are "a" elements or things, which might be a dumb name but
it's what I call 'em since they're made with <a> tags in HTML.
When you want to change their color, you'd need a piece of code to do with the "a" things, and it may look something like this (or exactly like this :3):

Code

a{ color: SOME COLOR GOES HERE; ...other stuff... }

If you want to change the way a link looks when you hover over it, then you'd put stuff (or attributes, like color or font family) inside this:

Code

a:hover{ STUFF GOES HERE }

If you want to know what you can put where or if your code doesn't work, I'd be happy to help you out. :)

rawrjess · Nov 3rd 2013

♡--- hello and thank you ---♡
thank you for offering your help! i tried
popping your provided code into my coding
but had no clue where to put it... yeahh...

i failed.

would you mind helping me with placement
and such? basically i just want all the links
to be straight up #000000 at all times.
my current coding...

Display Spoiler

Code

<style>
body
{
background: url(http://i.imgur.com/GCzibHm.png) #FFFFFF fixed;;
}
h3.catbg {
background : #FFFFFF;
color: #ea9c8a;
border: 0px;
}
div.cat_bar {
background : #FFFFFF;
color: #ea9c8a;
border-color: #ea9c8a;
border: 1px solid;
}
.windowbg {
background : #FFFFFF;
color: #ea9c8a;
}
span.left {
background : #FFFFFF;
color: #ea9c8a;
}
strong {
color: #ea9c8a;
font-weight: bold;
}
div#profile_success {
background : #FFFFFF;
color: #ea9c8a;
border-color: #ea9c8a;
}
.creator
dl {
color: #ea9c8a;
}
#header {
height: 278px;
overflow: hidden;
position: relative;
background: url("http://i.imgur.com/y6gbkyS.png") no-repeat scroll 0 0 transparent;
}
.newsDiv, .userinfo {
background: url("http://i.imgur.com/hFVdJNM.png") no-repeat scroll 0 0 transparent;
color: #ea9c8a;
}
.newsText, .inner {
color: #ea9c8a;
}
textarea {
color: #ea9c8a;
}
.windowbg2 {
background : #FFFFFF;
color: #ea9c8a;
border: 1px solid #ea9c8a;
}
.time {
color: #ea9c8a;
}
h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #ea9c8a;
}
input, button, select, textarea {
background: #FFFFFF;
border: 1px solid #ea9c8a;
color: #ea9c8a;
}
div.spoilerheader input {
background-color: #FFFFFF;
color: #ea9c8a;
border: 1px solid #ea9c8a;
}
h1, h2, h3, h4, h5, h6 {
color: #ea9c8a;
}
.inner {
border-top: 1px solid #ea9c8a;
color: #ea9c8a;
}
.rp_username strong
{
color: #ea9c8a;
font-weight: normal;
}
h3.catbg77 {
background: none;
color: #ea9c8a;
border: none;
}
#profile_left .catbg, .cat_bar, .catbg77 {
background: url(http://i1092.photobucket.com/albums/i406/tgreen12321/Random/LittleBox-Black.jpg);
border: 1px solid #ea9c8a;
}
#profile_right .catbg, .cat_bar, .catbg77 {
background: url(http://i1092.photobucket.com/albums/i406/tgreen12321/Random/LittleBox-Black.jpg);
border: 1px solid #ea9c8a;
}
#profile_left .windowbg {
background: url(http://i1092.photobucket.com/albums/i406/tgreen12321/Random/LittleBox-Black.jpg);
border: 1px solid #ea9c8a;
}
#profile_right .windowbg {
background: urlhttp://i1092.photobucket.com/albums/i406/tgreen12321/Random/LittleBox-Black.jpg);
border: 1px solid #ea9c8a;
}
</style>
<style>
#profile_left .catbg, .cat_bar, .catbg77 {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
#profile_right .catbg, .cat_bar, .catbg77 {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
#profile_left .windowbg {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
#profile_right .windowbg {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
</style>

Display More

hootowl42 · Nov 3rd 2013

[align=center]Ok then, I'll send you the fixed code soon today, and if it helps it might be easier to look at this code in another way so it's not a big confusing mess of letters and stuff.

Think of thef braces "{}" as the start and end of a sheet of paper with a list on it.
The list's name IS the name of the "thing" it describes[glow=yellow,2,300] (like your header, text boxes,
actual text, etc.)[/glow], which is outside the braces, kinda like this:

Code

NAME OF THE LIST'S THING --> body{ ...stuff... }

[font=times new roman][color=white]
Here, the "stuff" changes how your profile's "body" looks, which is probably
not much. You've probably noticed how "stuff" in a list ends with a semicolon,
which is like a period, since it "ends" a sentence in your list. But you can't use
periods since they have other purposes in the language and the computer
might get confused :3

So what about the placement of other codes to add?

If your code to add looks like another sheet of paper
[glow=yellow,2,300](e.g. it has a name, pair of braces, and stuff inside)[/glow],
put it between any other sheets of paper you like
in your existing code, just not inside another one
cause you can't put paper inside paper.

Oh and if it has existing <style> tags on it, I'd suggest
you remove those, except keep it between the main
<style> that are already in your code. Having one pair
is enough.

hootowl42 · Nov 3rd 2013

[align=center]Ok here's the *supposedly* fixed camp code:

Code

<style>
body
{ background: url(http://i.imgur.com/GCzibHm.png) #FFFFFF fixed;}
#header {
height: 278px;
overflow: hidden;
position: relative;
background: url("http://i.imgur.com/y6gbkyS.png") no-repeat scroll 0 0 transparent;
}
.newsDiv, .userinfo {
background: url("http://i.imgur.com/hFVdJNM.png") no-repeat scroll 0 0 transparent;
color: #ea9c8a;
}
div#profile_success {
background : #FFFFFF;
color: #ea9c8a;
border-color: #ea9c8a;
}
/*---------------------------HEADERS BELOW------------------------------*/
#profile_left .catbg, .cat_bar, .catbg77 {
/*ALL LEFT HEADERS*/
background: url(http://i1092.photobucket.com/albums/i406/tgreen12321/Random/LittleBox-Black.jpg);
border: 1px solid #ea9c8a;
}
#profile_right .catbg, .cat_bar, .catbg77 {
/*ALL RIGHT HEADERS*/
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
h3.catbg {
/*CAMP THREADS HEADER*/
background : #FFFFFF;
color: #ea9c8a;
border: 0px;
}
div.cat_bar {
background: #FFFFFF;
color: #ea9c8a;
border-color: #ea9c8a;
border: 1px solid;
}
/*-----------------------MAIN TEXT BOXES BELOW--------------------------*/
#profile_left .windowbg {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
#profile_right .windowbg {
background: url("http://i.imgur.com/H3pCzc3.png");
border: 1px solid ea9c8a;
border-radius: 1px 1px 1px 1px;
color: ea9c8a;
font-family: Georgia;
}
.windowbg {
background: #FFFFFF;
color: #ea9c8a;
}
span.left {
/*NOT SURE WHAT THIS IS FOR ._.*/
background : #FFFFFF;
color: #ea9c8a;
}
/*-----------RANDOM PIECES OF TEXT EVERYWHERE--------------*/
strong {
/*"Hi, --name--", BOLD stuff in avvie box, "Local Time"*/
color: #ea9c8a;
}
.creator dl{
/*Stuff in avvie box that ISN'T BOLD*/
color: #ea9c8a;
}
.newsText, .inner {
/*NEWS BOX TO THE BOTTOM RIGHT OF MAIN HEADER*/
color: #ea9c8a;
}
.windowbg2 {
/*CAMP THREAD TEXT & "Comment" IN "Add comment" BOX*/
background : #FFFFFF;
color: #ea9c8a;
border: 1px solid #ea9c8a;
}
.time { color: #ea9c8a; }
h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
/*TEXT FOR ALL HEADERS, except the camp threads*/
color: #ea9c8a;
}
input, button, select, textarea {
/*CHANGES 2 BUTTONS, "Reply" & "Save", IN CAMP THREADS AND COMMENT BOX (respectively), and the adding-a-comment-text-box*/
background: #FFFFFF;
border: 1px solid #ea9c8a;
color: #ea9c8a;
}
div.spoilerheader input {
/*THE SPOILER BUTTON*/
background-color: #FFFFFF;
color: #ea9c8a;
border: 1px solid #ea9c8a;
}
div.spoilerbody {
/*THE INSIDE OF A SPOILER*/
background-color: lavender;
color: navy;
border: 10px solid navy 5 5 transparent;
font-family: georgia;
font-size: 12px;
opacity: 0.7;
}
h1, h2, h3, h4, h5, h6 {
/*ONLY CHANGES "Signature" & DATE-TIME IN COMMENTS*/
color: #ea9c8a;
}
.inner {
/*CHANGES ONLY TEXT IN COMMENTS*/
border-top: 1px solid #ea9c8;
color: #ea9c8;
}
.rp_username strong{
/*DUNNO WHAT IT CHANGES*/
color: #ea9c8;
font-weight: normal;
}
h3.catbg77 {
/*CAMP THREADS HEADER TEXT PART*/
background: none;
color: #ea9c8a;
border: none;
}
/*-----------CODE FOR LINKS EVERYWHERE--------------*/
a{
/*PUT STUFF HERE IF NECESSARY*/
}
a:hover {
/*THE LOOKS OF LINKS WHEN HOVERED OVER*/
font-style: bold (bold, italic, underline);
color: #FF7F50;
text-shadow: 3px 3px 3px #FFF8DC;
}
</style>

Display More

It had other backgrounds in some boxes and was looking different from your camp so I don't know if I accidentally broke it or something :3.