Dark Border: Logo issue - SMF 2.0.3

[Yorkshire_Warrior]

First of all, fantastic theme! i love it and fits perfectly what i need it for

im having an issue placing and moving a custom logo, i cant get the logo to appear on the forum, but cant seem to move it without disrupting other elements..

http://www.airsoftcommando.net/community/

i have replaced the following code from the index.css...

Code Select Expand

#logo a { display: block; background: url(../images/id/logo.png) no-repeat; float: left; width: 420px; height: 53px; top: 4em; clear: both; position: relative; overflow: hidden; }

with this..

Code Select Expand

#logo a { display: block; background: url(../images/id/ac_logo.png) no-repeat; float: left; width: 110px; height: 120px; top: 4em; clear: both; position: relative; overflow: hidden; }

i have changed the value of '4em' and managed to move the logo up and down, but i cant seem to do this without affecting the the Member info on the far right, when i move the logo the member info also moves?

I am using SMF 2.0.3 currently, but it has done it with all previous versions

what am i doing wrong?

Thanks in advance

[Crip]

hi,
  if you Move the Logo / or User/Area / they both will need Readjusting --

i can see via FireBug it all can be put where it belongs , when Adjustment's are made.

Will see what needs what , to Re-align all your stuff back up.. just hang on ..

[Crip]

Okay ,
Leave your Logo where it is now I think , and add this code to your => css/index.css::

Code Select Expand


#userarea {
    clear: both;
    color: #DFDFDF;
    float: right;
    font-family: "Sergio UI",tahoma,sans-serif;
    font-size: 0.89em;
    letter-spacing: 1px;
    position: relative;
    text-align: right;
    text-shadow: 2px 2px 2px #000000;
    top: -7em;        <-----         --------       <=====Adjust======>
    width: 38em;
}


Try this:::::
This bit aligns it all back where it belongs via FB..??

[Yorkshire_Warrior]

Hi,

thanks for your speedy reply,

i have tried, adding the above to the code but there were no changes,  i also replaced the existing code so it looked like this..

Code Select Expand

#userarea {
    clear: both;
    color: #DFDFDF;
    float: right;
    font-family: "Sergio UI",tahoma,sans-serif;
    font-size: 0.89em;
    letter-spacing: 1px;
    position: relative;
    text-align: right;
    text-shadow: 2px 2px 2px #000000;
    top: -7em;        <-----         --------       <=====Adjust======>
    width: 38em;
}
#userarea ul li.greeting { font-size: 1.3em; font-weight: bold; line-height: 1.2em; }
#userarea a:link, #userarea a:visited { color: #FFF; }
#userarea a:hover { color: #a46f0a; text-decoration: underline; }

but still no joy, infact it didnt move at all :/


any ideas?

[Maxx]

OK try this you may need to tweak alittle bit but this brings up the user area and centers the logo more verticaly :

Code Select Expand

#logo a {    background: url("../images/id/ac_logo.png") no-repeat scroll 0 0 transparent;    clear: both;    display: block;    float: left;    height: 90px;    overflow: hidden;    position: relative;    width: 110px;

regards,
maxx

[Crip]

If you do something wrong it goes haywire...Lol

[Yorkshire_Warrior]

lol, well then i will be going haywire alot with me

I dont see any changes at all like that

I have cleared my browser and hard refreshed etc, but im seeing no changes, its obviously me doing something wrong..

im using this code..

Code Select Expand

#logo a {    background: url("../images/id/ac_logo.png") no-repeat scroll 0 0 transparent;    clear: both;    display: block;    float: left;    height: 90px;    overflow: hidden;    position: relative;    width: 110px;
#my-avatar { float: right; padding-top:3px; padding-left:10px; position: relative; }

#searcharea { float: right; margin-right: 0px; margin-top: 0em; }
#searcharea .inputbox { float: left; background: url(../images/id/search-bg.png) 0 no-repeat; font-size: 12px; color: #D0D0D0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); padding: 17px 10px 16px; border: 0; outline: none; width: 172px; height: 32px;}

#userarea { clear: both; font-size: 0.89em; color: #DFDFDF; letter-spacing: 1px; font-family: "Sergio UI", tahoma, sans-serif; float: right; top: -15px; text-align: right; text-shadow: 2px 2px 2px #000; width: 38em; position: relative; }
#userarea ul li.greeting { font-size: 1.3em; font-weight: bold; line-height: 1.2em; }
#userarea a:link, #userarea a:visited { color: #FFF; }
#userarea a:hover { color: #a46f0a; text-decoration: underline; }

is that right?

Thanks for your patience

[Crip]

This is all you really needed:::

Code Select Expand


#userarea {
    clear: both;
    color: #DFDFDF;
    float: right;
    font-family: "Sergio UI",tahoma,sans-serif;
    font-size: 0.89em;
    letter-spacing: 1px;
    position: relative;
    text-align: right;
    text-shadow: 2px 2px 2px #000000;
    top: -7em;        <-----         --------       <=====Adjust======>
    width: 38em;
}


[Yorkshire_Warrior]

OK, so now im really thinking it its me lol

ive changed degfault logos befoer on your themes, and never ran into problms so im guessing its something at my end :/

this is how my code looks then..

Code Select Expand

#logo a { display: block; background: url(../images/id/ac_logo.png) no-repeat; float: left; width: 110px; height: 120px; top: 4em; clear: both; position: relative; overflow: hidden; }
#my-avatar { float: right; padding-top:3px; padding-left:10px; position: relative; }

#searcharea { float: right; margin-right: 0px; margin-top: 0em; }
#searcharea .inputbox { float: left; background: url(../images/id/search-bg.png) 0 no-repeat; font-size: 12px; color: #D0D0D0; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); padding: 17px 10px 16px; border: 0; outline: none; width: 172px; height: 32px;}

#userarea {
    clear: both;
    color: #DFDFDF;
    float: right;
    font-family: "Sergio UI",tahoma,sans-serif;
    font-size: 0.89em;
    letter-spacing: 1px;
    position: relative;
    text-align: right;
    text-shadow: 2px 2px 2px #000000;
    top: -7em;        <-----         --------       <=====Adjust======>
    width: 38em;
}
#userarea ul li.greeting { font-size: 1.3em; font-weight: bold; line-height: 1.2em; }
#userarea a:link, #userarea a:visited { color: #FFF; }
#userarea a:hover { color: #a46f0a; text-decoration: underline; }



and im still getting my logo and user area, dropping very low.

are you guys seeing the same thing when you look at my forum?

[Crip]

I'd suggest , just download and upload and Overwrite the Theme again and start all over..
http://www.jpr62.com/theme/index.php?action=downloads;sa=view;down=21