I need to fix my header...

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
Cypriotmatrix
Registered User
Posts: 139
Joined: Sun Mar 21, 2010 3:40 am
Contact:

I need to fix my header...

Post by Cypriotmatrix »

Hi,

I have added social buttons into my header.

This has caused a couple of issues.

Firstly, the navbar buttons don't work.

Also, I need to move the FB, Twitter and RSS icons to the right of the header and in the middle.

My site is www.cyprus-forum.net/index.php

Any help will be appreciated. :)

User avatar
Lumpy Burgertushie
Registered User
Posts: 67379
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: I need to fix my header...

Post by Lumpy Burgertushie »

there was so much confusion in your other topic about this. here is what I would suggest;

start over with a brand new file and follow the instructions in that topic again. you have apparently made some type of mistake in editing the code and undoing it and redoing it etc.


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.3 Styles by PlanetStyles.net

If nobody is in the forest, does a tree really fall?

User avatar
pit-PL
Registered User
Posts: 3091
Joined: Sat Nov 21, 2009 12:24 pm

Re: I need to fix my header...

Post by pit-PL »

Cypriotmatrix wrote:Also, I need to move the FB, Twitter and RSS icons to the right of the header and in the middle.
They are in the wrong place.

In overall_header.html
change

Code: Select all

<div id="social_buttons">
                   <a href="http://cyprus-forum.net/feed.php"><img alt="RSS" src="{T_THEME_PATH}/images/social/social_rss.png"></a>
                   <a href="http://www.facebook.com/CyprusForum"><img alt="Facebook" src="{T_THEME_PATH}/images/social/social_facebook.png"></a>
                   <a href="https://twitter.com/ForumCyprus"><img alt="Twitter" src="{T_THEME_PATH}/images/social/social_Twitter.png"></a>
                </div> 

        			</div>
to

Code: Select all

        			</div>

					<div id="social_buttons">
						<a href="http://cyprus-forum.net/feed.php"><img alt="RSS" src="{T_THEME_PATH}/images/social/social_rss.png" /></a>
						<a href="http://www.facebook.com/CyprusForum"><img alt="Facebook" src="{T_THEME_PATH}/images/social/social_facebook.png" /></a>
						<a href="https://twitter.com/ForumCyprus"><img alt="Twitter" src="{T_THEME_PATH}/images/social/social_Twitter.png" /></a>
					</div>
In colours.css
change

Code: Select all

       #social_bar {
       margin: 0 auto;
       position: relative;
       right: 10px;
       top: 30px;
    }
    #social_buttons {
       float: right;
    }
to

Code: Select all

#social_buttons {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}

Cypriotmatrix
Registered User
Posts: 139
Joined: Sun Mar 21, 2010 3:40 am
Contact:

Re: I need to fix my header...

Post by Cypriotmatrix »

Lumpy Burgertushie wrote:there was so much confusion in your other topic about this. here is what I would suggest;

start over with a brand new file and follow the instructions in that topic again. you have apparently made some type of mistake in editing the code and undoing it and redoing it etc.


robert
Yeh, I have done that twice now.

Soemthing is fundamentally wrong. It could be the way I am doing things but at the moment I can't put my finger on it.

Cypriotmatrix
Registered User
Posts: 139
Joined: Sun Mar 21, 2010 3:40 am
Contact:

Re: I need to fix my header...

Post by Cypriotmatrix »

pit-PL wrote:
Cypriotmatrix wrote:Also, I need to move the FB, Twitter and RSS icons to the right of the header and in the middle.
They are in the wrong place.

In overall_header.html
change

Code: Select all

<div id="social_buttons">
                   <a href="http://cyprus-forum.net/feed.php"><img alt="RSS" src="{T_THEME_PATH}/images/social/social_rss.png"></a>
                   <a href="http://www.facebook.com/CyprusForum"><img alt="Facebook" src="{T_THEME_PATH}/images/social/social_facebook.png"></a>
                   <a href="https://twitter.com/ForumCyprus"><img alt="Twitter" src="{T_THEME_PATH}/images/social/social_Twitter.png"></a>
                </div> 

        			</div>
to

Code: Select all

        			</div>

					<div id="social_buttons">
						<a href="http://cyprus-forum.net/feed.php"><img alt="RSS" src="{T_THEME_PATH}/images/social/social_rss.png" /></a>
						<a href="http://www.facebook.com/CyprusForum"><img alt="Facebook" src="{T_THEME_PATH}/images/social/social_facebook.png" /></a>
						<a href="https://twitter.com/ForumCyprus"><img alt="Twitter" src="{T_THEME_PATH}/images/social/social_Twitter.png" /></a>
					</div>
In colours.css
change

Code: Select all

       #social_bar {
       margin: 0 auto;
       position: relative;
       right: 10px;
       top: 30px;
    }
    #social_buttons {
       float: right;
    }
to

Code: Select all

#social_buttons {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
Thanks for the input. I tried the above recommendations but didn't work for some reason so I went back to a clean sheet again.

Locked

Return to “[3.0.x] Styles Support & Discussion”