First topic message reminder :

can anybody teach me how to add down down menu like here
-->http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

i like it because it really rocks!

It did not work great.... I pm'd you the URL of my site to check it...

If you see the trigers are not displayed and it's style it's gone...

Thank you

sgeorge wrote:It did not work great.... I pm'd you the URL of my site to check it...

It is supposed to be like that. If you want it to work exactly like on the tutorial site then get the CSS codes from there and upload the images to your image host, then link them in your CSS codes

ankillien wrote:@blade99
Then it could be there in index_body template.

@Nick, dion has spoken my words. I have posted codes from the tutorial site and not yours. Also, the drop-down menu codes on your site are from some tutorial site and the show/hide categories and profiles are coded by me. If you search forums, you'll find those solved and locked topics

So, we are not to be blamed if your site gets copied. What you are saying is that helping someone to install a drop-down menu (which is from a tutorial site and not coded by you) is UNFAIR! This is like an insult to me.

Refrain form posting such messages in future, my friend! At least think one more time before hitting the 'Send' button.

are you sure?Thanks a lot!
You gave the code to blade,then spacca came here and he will take it and use it to his forum.
At Creative-Labz i coded(alone and took me 2 days to finish it!) our official shop(do you see the copyright at the footer?) he took the code and used it as his own creation


There is a greek proverb saying "Τα καλά κόποις κτώνται"(ta kala kopois ktontai)-(good things are earned with toil) which means that you earn good things by trying and not copying others.

And yes i had to use bold for this.
Dont care if i take a warning for that.
Since i registered here(february i think) i have been trying to help every buddy here with coding problems and contribute as many tutorials as i can.However,i dont want to see others copying works that have been inspired(or coded) by me and emilio.

Nick,

I know that the shop is coded by you and I never said that you copied it

I am helping the people to add a drop-down menu which is not coded by you. IS THIS WRONG?

If some random person copied codes from your shop page, what can I do? Why do you blame me if someone copied your idea? I haven't given them the shop codes. So please avoid blaming me or WebArtz if some random person copies your site. You can report their site and get them deleted, thats it. We are grateful to you for your tutorials and thanks for helping members on WebArtz with their coding issues. But this won't give you a right to blame WebArtz, if someone copied your codes, that also without help of WebArtz.

We (WebArtz) have also get dozens of sites copying us. All we do is report their site and leave it on online guardians. You can do that same instead of posting such messages.

EDIT: It clearly shows that your shop page has been copied. I can suggest you to report the site and let online guardian take care of it. I know it sucks when someone copies our graphics or codes.

ankillien wrote:

sgeorge wrote:It did not work great.... I pm'd you the URL of my site to check it...

It is supposed to be like that. If you want it to work exactly like on the tutorial site then get the CSS codes from there and upload the images to your image host, then link them in your CSS codes

I tried something but I got nothing... I will pm you the code because it is too big...

sgeorge wrote:I tried something but I got nothing... I will pm you the code because it is too big...

What exactly did you try?

You just have to replace the CSS codes with this one...

Code:

ul.topnav {
   list-style: none;
   padding: 0 20px;
   margin: 0;
   float: left;
   width: 920px;
   background: #222;
   font-size: 1.2em;
   background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
   float: left;
   margin: 0;
   padding: 0 15px 0 0;
   position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
   padding: 10px 5px;
   color: #fff;
   display: block;
   text-decoration: none;
   float: left;
}
ul.topnav li a:hover{
   background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
   width: 17px;
   height: 35px;
   float: left;
   background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
   list-style: none;
   position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
   left: 0; top: 35px;
   background: #333;
   margin: 0; padding: 0;
   display: none;
   float: left;
   width: 170px;
   border: 1px solid #111;
}
ul.topnav li ul.subnav li{
   margin: 0; padding: 0;
   border-top: 1px solid #252525; /*--Create bevel effect--*/
   border-bottom: 1px solid #444; /*--Create bevel effect--*/
   clear: both;
   width: 170px;
}
html ul.topnav li ul.subnav li a {
   float: left;
   width: 145px;
   background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
   padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
   background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

But still the images won't show up since you need to upload them to your hosting account and update the receptive URLs with the new ones.

Should I add that on my CSS Stylesheet and replace the links with my direct to the image links from a image host ?

Yes, you can do so. If you do it, you need to remove this code from your templates...

Code:

<style>
ul.topnav {
  list-style: none;
  padding: 0 20px;
  margin: 0;
  float: left;
  width: 920px;
  background: #222;
  font-size: 1.2em;
  background: #000;
}
ul.topnav li {
  float: left;
  margin: 0;
  padding: 0 15px 0 0;
  position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
  padding: 10px 5px;
  color: #fff;
  display: block;
  text-decoration: none;
  float: left;
}
ul.topnav li a:hover{
  background: #666;
}
ul.topnav li span { /*--Drop down trigger styles--*/
  width: 17px;
  height: 35px;
  float: left;
  background: red;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
  list-style: none;
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
  left: 0; top: 35px;
  background: #333;
  margin: 0; padding: 0;
  display: none;
  float: left;
  width: 170px;
  border: 1px solid #111;
}
ul.topnav li ul.subnav li{
  margin: 0; padding: 0;
  border-top: 1px solid #252525; /*--Create bevel effect--*/
  border-bottom: 1px solid #444; /*--Create bevel effect--*/
  clear: both;
  width: 170px;
}
html ul.topnav li ul.subnav li a {
  float: left;
  width: 145px;
  background: #333;
  padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
  background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}
</style>

I did it but how can I make the background of the navbar to be repeated right and left all the time ? And how can I add the inbox in that navbar ?

To make it repeat, you need to increase the width, in this code...

ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 920px;
background: #222;
font-size: 1.2em;
background: #000;
}

To add the inbox link, you just need to use <a> tag and add it in the menu HTML code...

Code:

<a href="/privmsg?folder=inbox">Inbox</a>

ankillien wrote:Nick,

I know that the shop is coded by you and I never said that you copied it

I am helping the people to add a drop-down menu which is not coded by you. IS THIS WRONG?

If some random person copied codes from your shop page, what can I do? Why do you blame me if someone copied your idea? I haven't given them the shop codes. So please avoid blaming me or WebArtz if some random person copies your site. You can report their site and get them deleted, thats it. We are grateful to you for your tutorials and thanks for helping members on WebArtz with their coding issues. But this won't give you a right to blame WebArtz, if someone copied your codes, that also without help of WebArtz.

We (WebArtz) have also get dozens of sites copying us. All we do is report their site and leave it on online guardians. You can do that same instead of posting such messages.

EDIT: It clearly shows that your shop page has been copied. I can suggest you to report the site and let online guardian take care of it. I know it sucks when someone copies our graphics or codes.

Hey Anki, We'll you are totally right
But if someone works on a Proxy server and keeps coming back after a IP-BAN, I'm just getting sick of it. Also , mywiki has been reported to litigation like 5 times and still no page from onlineguardian.

Peace

Emilio wrote:Hey Anki, We'll you are totally right
But if someone works on a Proxy server and keeps coming back after a IP-BAN, I'm just getting sick of it. Also , mywiki has been reported to litigation like 5 times and still no page from onlineguardian.

Peace

I agree that it sucks. All we can do for such person is keep banning them. And if online guardians take too long to take action, neither I nor you can do anything.

ankillien wrote:

Emilio wrote:Hey Anki, We'll you are totally right
But if someone works on a Proxy server and keeps coming back after a IP-BAN, I'm just getting sick of it. Also , mywiki has been reported to litigation like 5 times and still no page from onlineguardian.

Peace

I agree that it sucks. All we can do for such person is keep banning them. And if online guardians take too long to take action, neither I nor you can do anything.

How about pming the code to the person who requests the code or disable the right click into the code box so that noone can steal?

That won't be a proper solution, I guess.

If more than one persons want to use the above codes, its fine. So, if I PM it to someone, no one else can find it unless he asks me to PM the codes and I have to PM the codes again.

The codes we provide here are open for public, even guests. They should be allowed to use it. But we have to stop them from taking codes from our HTML pages and forum source code. Disabling right click is not strong solution since it can be tricked. But I'll keep thinking to find a solution to keep the copiers away.

ankillien wrote:The codes we provide here are open for public, even guests. They should be allowed to use it. But we have to stop them from taking codes from our HTML pages and forum source code. Disabling right click is not strong solution since it can be tricked. But I'll keep thinking to find a solution to keep the copiers away.

Someone intent on stealing code will steal code, regardless of the protections you put in place. Some people even resort to taking code from private messages on boards they inherited.

To those posting code here who don't want their code copied: enclose the codebox in HIDE tags. In that way the code can't easily be quoted, and only those who replied in the topic can see your code.

dion wrote:Someone intent on stealing code will steal code, regardless of the protections you put in place. Some people even resort to taking code from private messages on boards they inherited.

To those posting code here who don't want their code copied: enclose the codebox in HIDE tags. In that way the code can't easily be quoted, and only those who replied in the topic can see your code.

The HIDE tags would work. But our main problem is people stealing codes from our source, not topics. I don't think there is a way to make the source code completely secure.

Hello again... I added the navbar to my forum but how can I make it for guests to include the "Log in" and when they sign in to say "Log Out"... Also the inbox not to be visible for guests but to be visible when a member logs in...

thank you...

sgeorge wrote:Hello again... I added the navbar to my forum but how can I make it for guests to include the "Log in" and when they sign in to say "Log Out"... Also the inbox not to be visible for guests but to be visible when a member logs in...

thank you...

Hi,

For that purpose you need to use javascript. I can't give away the script that we are using on this forum. I can just say that you can use javascript conditional statements to achieve that.

ankillien wrote:

sgeorge wrote:Hello again... I added the navbar to my forum but how can I make it for guests to include the "Log in" and when they sign in to say "Log Out"... Also the inbox not to be visible for guests but to be visible when a member logs in...

thank you...

Hi,

For that purpose you need to use javascript. I can't give away the script that we are using on this forum. I can just say that you can use javascript conditional statements to achieve that.

Ok no problem I will give it a try.but if I encounter errors can I gove you my code fpr corrections ?

i need for punbb now...

blade99 wrote:i need for punbb now...

All the codes are available in previous posts. They will work in both phpBB2 and punBB.

@ankillien the <--that are not showing and the subnav are not showing whats the problems on this?

How can I make the CSS to repeat the background of the navbar to be repeated left and right horizontally so the navbar will take all the screen horizontally or how can I center the hole navbar in the middle...?


THANK YOU again...!

bump...

hey....bump