The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

how to make this header?

View previous topic View next topic Go down

how to make this header?

Post by akoe.akbar on November 8th 2011, 8:49 am

hello,
please help me,
how to make this header?
http://demo.phpbb3styles.net/X_Silver
menu
logo
menu
please help me,

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:17 am

You can't make that on Forumotion. I can try but i don't promiss anything.

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:22 am

Johnny. wrote:You can't make that on Forumotion. I can try but i don't promiss anything.

just the header,..

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:25 am

Yes, i will try make it but with jQuery Smile

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:27 am

Johnny. wrote:Yes, i will try make it but with jQuery Smile

what is this?

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:29 am

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML.[1] It was released in January 2006 at BarCamp NYC by John Resig. Used by over 49% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.[2][3]

jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License, Version 2.[4] jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery framework allows the creation of powerful and dynamic web pages and web applications.

Read more on google.

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:30 am

Johnny. wrote:jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML.[1] It was released in January 2006 at BarCamp NYC by John Resig. Used by over 49% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.[2][3]

jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License, Version 2.[4] jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery framework allows the creation of powerful and dynamic web pages and web applications.

Read more on google.

ok , can you make it?

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:32 am

I think that i can make it. I will post the code in 7h. I'm at school now.

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:35 am

Johnny. wrote:I think that i can make it. I will post the code in 7h. I'm at school now.

what time is it? Very Happy

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:39 am

In my country is 10:39AM

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:42 am

Johnny. wrote:In my country is 10:39AM

ok,.. Very Happy

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:43 am

What version are you using?

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:45 am

Johnny. wrote:What version are you using?

invision,.. Very Happy

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:48 am

Is my first time when i'm working on Invision lol!

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:49 am

Johnny. wrote:Is my first time when i'm working on Invision lol!

its different?

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:53 am

Yes, beacuse the themes from bbstyle are just for phpbb3.


Last edited by Johnny. on November 8th 2011, 9:54 am; edited 1 time in total

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:54 am

Johnny. wrote:Yea, beacuse the themes rom bbstyle are just for phpbb3.

oh yes,..

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 9:55 am

So, you want make it for phpbb3 ?

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 8th 2011, 9:56 am

Johnny. wrote:So, you want make it for phpbb3 ?

no no, just invison,..

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 8th 2011, 10:01 am

OK, let me see what I can do.

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by Guest on November 9th 2011, 7:54 am

Put in your CSS:

Code:
#logostrip {
height: 95px;}

#logoupj {
height: 24px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 0.5em 0 0.65em;
background: #979ba0;
border: 1px solid #C6CCD4;}

#submenu {
display:block;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

#logoupj ul li a:hover {
background-color: #c5c7ca;}

#logoupj ul {
margin-top: -12px;
list-style: none;
text-align: left;}
 
#logoupj ul li {
line-height: 2em;}

#logoupj ul li a {
text-align: center;
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;}

#logoupj ul li a {
padding-left: 7px;
display: inline-block;}

#logoupj ul li a {
display: inline-block;}

#logoupj ul li a img {
display: none;}

and now go to: ACP > Modules > Javascript codes management:

Title*: New Header
Placement*: In all pages
Javascript code*:
Code:

jQuery(document).ready(function() {
jQuery('#logostrip').before('
<div id="logoupj">
<ul>
<li class="clearfix">

<a href="link#">Button1 </a>
<a href="link#">Button2 </a>
<a href="link#">Button3 </a>

</li>
<ul>
</div>
');
});

Good luck Smile

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 9th 2011, 8:02 am

i have add the code, and its work,
but my header be

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 9th 2011, 8:07 am

Give me the link to the hitskin theme Smile I will repair them.

Guest
Guest


Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 9th 2011, 8:12 am

Johnny. wrote:Give me the link to the hitskin theme Smile I will repair them.

http://demo.nicetheme.com/forum?theme_id=153483

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by LGforum on November 9th 2011, 3:49 pm

If your basically just wanting your navbar at the top of the forum then that is easy. No need to add another navbar.

CSS can move your current navbar to the top of the forum. Once it is there... you can make it look like how you want it to.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: how to make this header?

Post by akoe.akbar on November 10th 2011, 7:50 am

@LGforum wrote:If your basically just wanting your navbar at the top of the forum then that is easy. No need to add another navbar.

CSS can move your current navbar to the top of the forum. Once it is there... you can make it look like how you want it to.

how to make it?

akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

Re: how to make this header?

Post by Guest on November 10th 2011, 8:28 am

Code:
#submenu, .mainmenu {
position: fixed;
margin: 1px;
padding: 1px;
top: -1px;}

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum