Need help Aligning logo image, and adding glow border to join form.

[silas82]

Hello,

I am having trouble trying to align my logo image to the left of my forum. http://www.skyhighbux.com/forum I am using the div tag from the layout.php file from main script but was wondering how I can have the logo show in the middle left side of the header of the forum. Any help with this would be appreciated.

The other thing is how would I add a glow border around the login form, and join form. I would like to add a 1px blue glowing border around each box when selected to put there information into.

Again any help with both of these would be highly appreciated.

[csocsoka]

you can try this replace this

Code:

#mainlogo {top: 18px; left: 360px; position: absolute; width: 283px; height: 91px; background: url('image/mainlogos.png') 0px 0px no-repeat; overflow: hidden;}

with this

Code:

#mainlogo {top: 58px; left: 280px; position: absolute; width: 283px; height: 91px; background: url('image/mainlogos.png') 0px 0px no-repeat; overflow: hidden;}

this line is located at you template folder stle.css, is this what you want?i can't help with the second problem

[silas82]

you can try this replace this

Code:

#mainlogo {top: 18px; left: 360px; position: absolute; width: 283px; height: 91px; background: url('image/mainlogos.png') 0px 0px no-repeat; overflow: hidden;}

with this

Code:

#mainlogo {top: 58px; left: 280px; position: absolute; width: 283px; height: 91px; background: url('image/mainlogos.png') 0px 0px no-repeat; overflow: hidden;}

this line is located at you template folder stle.css, is this what you want?i can't help with the second problem

LMAO....... I was just sitting here and brainstorming on what I was missing, then it finally clicked. I switched it to:

Code:

#mainlogo {top: 60px; left: 20px; position: absolute; width: 283px; height: 91px; background: url('image/mainlogos.png') 0px 0px no-repeat; overflow: hidden;}

I came here to let everyone know I just figured it out, and I seen your responce and just died laughing. Thanks tho for the reply I appreciate it. Now I am just trying to figure out that glow effect I was talking about.

[csocsoka]

hy what do you men you died laughing it vase that stupid what i vase saying to you? by the way here is the
solotion for your second problem insert this

Code:

input {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
}

input:focus {
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    border:1px solid rgba(0,0,255, 0.8);
}

into your style.css right after this line

Code:

input, button{font-size:90%}

[silas82]

By no means laughing at you just thought it was funny how it finally clicked and then you had posted the solution I was looking for  

Just like now I just found that code. I have just posted it in the free mods section so others could use it, and maybe tell me where to place it. Then you had responded again with what I was looking for. Thanks for this as well as I wasn't exactly for sure where I would place it.

This is the code I had found tho:

Code:

input {
    border:2px solid #dadada;
    border-radius:7px;
    font-size:20px;
    padding:5px; }

input:focus {
     outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;

Also just checked and my files are different. It is not located in the style.css but I believe I would make the change in the compoents.css file with the SDR3 right?