Recent Topics

Members
Stats
  • Total Posts: 10,737
  • Total Topics: 1,372
  • Online today: 349
  • Online ever: 879
  • (Jan 21, 20, 05:49:15 PM)
Users Online
Users: 0
Guests: 296
Total: 296

Dark Border: Logo issue - SMF 2.0.3

Started by Yorkshire_Warrior, Mar 10, 13, 09:14:03 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

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...

#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..

#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

#1
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 ..
I have become comfortably numb!


No PM's for Support unless invited! 

I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -
TOTM Winner.

Crip

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



#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..??
I have become comfortably numb!


No PM's for Support unless invited! 

I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -
TOTM Winner.

Yorkshire_Warrior

#3
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..

#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

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

#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
I have become comfortably numb!


No PM's for Support unless invited! 

I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -
TOTM Winner.

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..

#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:::

#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;
}
I have become comfortably numb!


No PM's for Support unless invited! 

I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -
TOTM Winner.

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..

#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
I have become comfortably numb!


No PM's for Support unless invited! 

I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -
TOTM Winner.