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: 315
Total: 315

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.

Yorkshire_Warrior

I had actually done that about 3 times, as well as a few other things,m before asking for help. but i'll try it again

Thanks for your help

Crip

Your welcome .. any help your Topic is open..
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

Quote from: Crip on Mar 11, 13, 08:08:30 AM
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..??

Hi,

uploaded and re-installed the theme, still no changes after changing code :/

I know im becoming annoying already, but can you confirm, am i replacing exiting code with this, or adding it as extra code? I have actually done both, but to no avail ...

#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;
}

--------------------------------------------------------------------------------



Maxx

Say No problem so far, but are you doing this to that code Crip gave you?

<-----         --------       <=====Adjust======>

the "top: -7em; tells the logo and stuff how far from the top the logo will appear!

"On the code I gave you I took this out and it centered everything , so that should help, please let me know, I you don't get it working them PM me the a temp admin log-in and I'll do it for you.. no problem!

regards,
Maxx

Crip

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

Its looking alot better, Maxx took a good look at it for me, but it seems its the server not refreshing and showing his changes

thank you both so much for your help, no doubt i'll be needing it again :)

Crip

  • we can mark solved for now & and just wait n see.
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

Thank you :)

still have a small issue with the buttons now dropping out of place, it is only the last few button in the menu ('logout' & 'members') but this only happens depending on resolution of screen, the user area must be affecting it

currently im at home and my resolution is 1680x1050 and it looks perfect! at work the resolution is something like 1024x768 and the button drop down, not really a big issue, i can live with it :)

Thanks again for your help  :up:

Yorkshire_Warrior

Hi

Next issue lol

I have tried to add another button to the Dark Border theme, my intention is to have the 'home' button redirect to my website, and the new button 'forum' to link back to forum index

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

again, this is something ive done in the past without issue, but its been a few years since i last did it so im guessing im making an error somewhere?

thought it was a straightforward as this...

// All the buttons we can possible want and then some, try pulling the final list of buttons from cache first.
if (($menu_buttons = cache_get_data('menu_buttons-' . implode('_', $user_info['groups']) . '-' . $user_info['language'], $cacheTime)) === null || time() - $cacheTime <= $modSettings['settings_updated'])
{
$buttons = array(
'home' => array(
'title' => 'home',
'href' => 'http://www.airsoftcommando.net',
'show' => true,
'sub_buttons' => array(
),
),
'forum' => array(
'title' => $txt['forum'],
'href' => $scripturl,
'show' => true,
'sub_buttons' => array(
),
'is_last' => $context['right_to_left'],
),
'help' => array(
'title' => $txt['help'],
'href' => $scripturl . '?action=help',
'show' => true,
'sub_buttons' => array(
),
),
'search' => array(
'title' => $txt['search'],
'href' => $scripturl . '?action=search',
'show' => $context['allow_search'],
'sub_buttons' => array(
),
),


i changed the name of 'home' to 'website' incase the home code was reserved or something, and i left it over night to allow for my server to update :)

The first button will always change its properties, but no additional button shows, what did i miss?


Yorkshire_Warrior

Hi (again)

Last of my issues i hope!

I have re-installed so many times to fix this as its not right,

i have viewed your demo sites and Footer info is divided with SMF version aligning left, and your design info aligning on the right,

no matter how many times i installed this, all the footer info always aligns left and looks pretty shabby,

its been views on IE8, Firefox, in various resolutions and it always does the same

can this be fixed?

Thanks in advance

Crip

Your not using any type of Portal i can see , so why is it you want a [forum] button??

TinyPortal makes it's own ['tp-forum'] button as you can see here up top..

=>  however the coding you have is where any menu changes are located , your having problems with this , ask @ SMF 2.0x Support Board ..

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

Just turn on the page load time..Lol

Looks like this:
QuotePage created in 0.573 seconds with 32 queries.
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

Quote from: Crip on Mar 12, 13, 09:52:37 AM
Your not using any type of Portal i can see , so why is it you want a [forum] button??
...

I have a link on my Joomla website to the SMF forum, i just wanted to add a button on the Forum linking back to the webiste thats all

Thanks for your help :)