The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

how to make this header?

2 posters

Go down

how to make this header? Empty how to make this header?

Post by akoe.akbar 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,
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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


Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by akoe.akbar 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,..
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

Yes, i will try make it but with jQuery Smile
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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

what is this?
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by Guest 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.
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by akoe.akbar 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?
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by Guest 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.
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by akoe.akbar 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
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

In my country is 10:39AM
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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

ok,.. Very Happy
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

What version are you using?
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

Johnny. wrote:What version are you using?

invision,.. Very Happy
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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

its different?
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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

oh yes,..
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

So, you want make it for phpbb3 ?
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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

no no, just invison,..
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

OK, let me see what I can do.
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

how to make this header? Empty Re: how to make this header?

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

i have add the code, and its work,
but my header be
how to make this header? Errorheader
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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


Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by akoe.akbar 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
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

how to make this header? Empty Re: how to make this header?

Post by akoe.akbar 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?
avatar
akoe.akbar
Forumember

Male Posts : 251
Reputation : 4
Language : Bontang

http://www.tarsiusforum.forumid.net

Back to top Go down

how to make this header? Empty Re: how to make this header?

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

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


Back to top Go down

Back to top

- Similar topics

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