Ce plugin este acesta pentru ipb

[nr13theking]

Salutare , am si eu o intrebare :-? cum pot intala si eu aceasta bara pe un forum ipb ?

[Andreeas.]

e din html + css

[nr13theking]

si cum pot face asta ??

[Andreeas.]

HTML -

| Afiseaza codul

<div id="header_menu">
					<div class="main_width">						<ul class="ipsList_inline" id="header_app_menu"><li id="nav_app_6" class="isIt click proMore left skipPromore">
	<a id="cpromenu_6" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... egulament/">
			
					<span class="sprites Blog_icon"></span>
						
		<span>
			
				Rules!
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_6").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_8" class="isIt click proMore left skipPromore">
	<a id="cpromenu_8" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... ection=new">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/Q5ecK5N.png" width="14px" height="14px">
				</span>
					
		<span>
			
				Support
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_8").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_10" class="isIt click proMore left skipPromore">
	<a id="cpromenu_10" class="isIt   " href="ts3server://ts.csblackdevil.com">
			
				<span class="non_sprite">
					<img src="http://fc07.deviantart.net/fs70/f/2011/ ... 3dn2pk.png" width="14px" height="14px">
				</span>
					
		<span class=" downarrow" style="padding-right:15px;background-origin: padding-box !important;">
			
				TeamSpeak 3
			
		</span>
	</a>
	<div class="boxShadow  baseRoot " style="display: none; position: absolute;">
				<ul>
					
						<li id="nav_app_25" class="isIt click  ">
	<a id="cpromenu_25" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... kdevilcom/">
					
		<span>
			
				Tutorial
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_25").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					
				</ul>
			</div>
</li>

<script>
	projQ("#nav_app_10").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_14" class="isIt click proMore left ">
	<a id="cpromenu_14" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... er-strike/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/pAUgp8q.png" width="14px" height="14px">
				</span>
					
		<span>
			
				ClanWar
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_14").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_9" class="isIt click proMore left ">
	<a id="cpromenu_9" class="isIt   " href="https://www.facebook.com/pages/CsBlackD ... 89?fref=ts">
			
				<span class="non_sprite">
					<img src="http://www.kcet.org/about/images/fb.png" width="14px" height="14px" style="display: none !important;">
				</span>
					
		<span>
			
				Facebook
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_9").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_11" class="isIt click proMore left skipPromore">
	<a id="cpromenu_11" class="isIt   " href="http://steamcommunity.com/groups/CsBlackDevilCom/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/0J0aZaW.png" width="14px" height="14px">
				</span>
					
		<span>
			
				Steam
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_11").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_12" class="isIt click proMore left skipPromore">
	<a id="cpromenu_12" class="isIt   " href="http://www.gametracker.com/clan/CSBD/#!/">
			
				<span class="non_sprite">
					<img src="http://img.informer.com/icons/png/32/4237/4237310.png" width="14px" height="14px">
				</span>
					
		<span>
			
				GameTracker
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_12").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_16" class="isIt click proMore left ">
	<a id="cpromenu_16" class="isIt  downarrow ">
			
					<span class="sprites Cart_icon"></span>
						
		<span style="padding-right:15px;background-origin: padding-box !important;">
			
				Buy Addons
			
		</span>
	</a>
	<div class="boxShadow  baseRoot " style="display: none; position: absolute;">
				<ul>
					
						<li id="nav_app_17" class="isIt click  ">
	<a id="cpromenu_17" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... ie-plague/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/ZK0SqUB.png" width="14px" height="14px">
				</span>
					
		<span>
			
				ZP Addons
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_17").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					

						<li id="nav_app_18" class="isIt click  ">
	<a id="cpromenu_18" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... s-classic/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/AwuQJwr.png" width="14px" height="14px">
				</span>
					
		<span>
			
				Classic
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_18").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					

						<li id="nav_app_19" class="isIt click  ">
	<a id="cpromenu_19" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... eathmatch/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/2QNQCuU.png" width="14px" height="14px">
				</span>
					
		<span>
			
				Respawn
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_19").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					
				</ul>
			</div>
</li>

<script>
	projQ("#nav_app_16").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_20" class="isIt click proMore left ">
	<a id="cpromenu_20" class="isIt   " href="http://www.csbd-boost.com/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/IPAoZUC.png" width="14px" height="14px">
				</span>
					
		<span>
			
				CSBD-BOOST
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_20").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
<li id="nav_app_22" class="isIt click proMore left ">
	<a id="cpromenu_22" class="isIt   ">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/zZJ9tDx.png" width="14px" height="14px">
				</span>
					
		<span class=" downarrow" style="padding-right:15px;background-origin: padding-box !important;">
			
				DOWNLOAD CS1.6
			
		</span>
	</a>
	<div class="boxShadow  baseRoot " style="display: none; position: absolute;">
				<ul>
					
						<li id="nav_app_26" class="isIt click  ">
	<a id="cpromenu_26" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... -csbd-v10/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/XVyb3F5.png" width="16px" height="16px">
				</span>
					
		<span>
			
				CSBD v1.0
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_26").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					

						<li id="nav_app_27" class="isIt click  ">
	<a id="cpromenu_27" class="isIt   " href="http://csblackdevil.com/forums/index.ph ... w-edition/">
			
				<span class="non_sprite">
					<img src="http://i.imgur.com/knwDFV1.png" width="16px" height="16px">
				</span>
					
		<span>
			
				CSBD v1.1
			
		</span>
	</a>
	
</li>

<script>
	projQ("#nav_app_27").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>

					
				</ul>
			</div>
</li>

<script>
	projQ("#nav_app_22").ProActivationByUrl({ByUrlGroup: 1, ByUrlMenu: 1 });
</script>
			<li id="promore_other_apps_header" style="display:none;">
				<a id="cpromenu_" class="downarrow"><span style="padding-right:15px;background-origin:padding-box!important;">More</span></a>
				<div class="boxShadow baseRoot" style="display: none; position: absolute;"><ul id="moreChildheader"></ul></div>
			</li>			<script>
				projQ(document).ready(function() {
					projQ("#header_app_menu").ProActivation({ Activation: 1}).ProMenuJs({ 		docking:1,preview:0,group:"header",more:0,template:"proMain",Step:0,MenuBehavior: 3,OpenSpeed: 200, CloseSpeed: 200, OpenAnimation: 'show', CloseAnimation: 'hide',Okie:0, TopOffSet: 10, HoverSensitivity: 500, zindex: 20000 });
				});
			</script>				<li class="right" style="display:none;" id="proToTop">
					<a title="Go to top"><img src="http://csblackdevil.com/forums/public/s ... p.png"></a>
				</li>								</ul>
					</div>
				</div>

CSS-

| Afiseaza codul

#header_menu, #header_app_menu li > div > ul > li > a, #header_app_menu .blocks, #header_app_menu .mega {
  background-color: #181818;
}
#header_menu {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  text-align: left;
  font-size: 13px;
}
#header_app_menu li {
  cursor: pointer;
  position: relative;
  top: 0;
}
#header_app_menu>li {
  margin: 0px 3px 0 0;
}
#header_app_menu > li > a, #header_app_menu li>div>ul>li>a {
  padding: 6px 15px 8px;
}
#header_app_menu > li > a, #header_app_menu li > div > ul > li > a, #header_app_menu .mega td.col > a, #header_app_menu .mega div.col>a {
  color: #8A8A8A;
  white-space: nowrap !important;
  display: block !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.Blog_icon {
  background-position: 0px -28px;
}
.sprites {
  margin-bottom: -2px;
  display: inline-block;
  background-image: url(http://csblackdevil.com/forums/public/s ... _icons.png) !important;
  background-repeat: no-repeat !important;
  width: 14px;
  height: 14px;
}
a#cpromenu_6 {
  color: #8A8A8A;
  white-space: nowrap !important;
  display: block !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

[nr13theking]

edit

[Andreeas.]

Sterge link-urile , e reclama. Ti am pus mai sus ce ai nevoie

[Dumitru.]

dar unde trebuie să le punem ?

[Andreeas.]

globalTemplate din tema ta intre <head></head> html-ul , css-ul in ipb_Styles.css

[Dumitru.]

Acum testez revin cu edit. Verifică și tu .
Da am reușit ! Mulțumesc ! http://prntscr.com/7or3xt

[sound]

e din html + css

taranu tot taran ramane
se vede ca toata activitatea ta e in inspect element


se cheama promenu plus cred , dar e editat putin de cei din indungi

[JusT.]

E promenu cu iconite puse inainte de numele optiunilor.

[Dumitru.]

Nu contează cum a făcuto dar m-a ajutat , Mulțumesc de mai era chestia aia cu Mulțumesc aveai +1