Jump to content

ProMenu edit design

Awwr Cătălin

By Awwr Cătălin
in IP.Board 3.x

 Share

Recommended Posts

Awwr Cătălin Enthusiast

Awwr Cătălin

Posted
Posted (edited)

Salut am instalat de curand PROMENU  , vreau sa il modific unpic , cum as putea sa pun tot meniul sa fie centrat , pe mijloc ca in poza de mai jos .  

Mentin ca am incercat si cu  ---- Si degeaba 

text-align: center;

SCR : 5dCxnO0.png

promenu_header.css  daca asta trebuie il las si pe acesta aici , am cautat peste tot si topicuri de genu' asta nu am gasit .

Spoiler 

/********************************************************************************/
/* ProMenu CSS - By Robert Simons - (c)2012 Provisionists LLC                   */
/********************************************************************************/
/* promenu_header.css                                                           */
/********************************************************************************/

/************* Main Container ***************/

/**** Colors ****/

#header_menus a
{
        color: #fff;   /* Define your parent and font color here to blend with your new background color */
        font-size:12px;
        text-shadow: none;
        text-align: center;
        text-decoration:none;
        font-family: 'Trebuchet MS', Georgia, Verdana, Arial, Sans-Serif;
        
}

#header_menus a:hover, #header_menus a.menu_active {
        text-align:center
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus a.active
{
        text-align:center
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .submenu_container a.active
{
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu  a.menu_active:hover {
        background-color:#323232; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover
{
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

/*** Effects ***/

#header_menus li > a
{
        padding: 8px 10px 8px 10px;
}

#header_menus .megamenu > li 
{ 
        position: center; 
}


#header_menus li ul 
{
	visibility:hidden;
        position:absolute;
        background-color:#181818; /* Define your normal submenu background color */

}

#header_menus
{
        background: url({style_images_url}/user_navigation.png);
        width:100%;
        text-align: center;
        line-height:30px; 
}

#header_menus li  
{ 
        position:center;
} 

#header_menu_bar li a
{

	min-width:150px;
	text-align:left;
}

#header_menus li a.menucat:hover
{
        border: 0;
        cursor:default !important; /* DO NOT CHANGE ... this stops the cursor from appearing on categories*/
}

/************* End Main Container ***************/


/************* Arrow Indicators ***************/

#header_menus li .downarrow {
        background: url({style_images_url}/_menu_icons/down_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a.active .downarrow,#header_menus li:hover a.active:hover .downarrow, #header_menus li.active a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a:hover .downarrow, #header_menus li a.active:hover .downarrow, #header_menus li a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus .submenu_container li a .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
        margin-right:5px;
}

#header_menus .submenu_container li.active a .rightarrow, #header_menus .submenu_container li.active a:hover .rightarrow
, #header_menus .submenu_container li.active a.active:hover .rightarrow, #header_menus .submenu_container li.active a.menu_active .rightarrow{
        background: url({style_images_url}/_menu_icons/right_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

#header_menus .submenu_container li a:hover .rightarrow, #header_menus .submenu_container li a.menu_active .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

/************* End Arrow Indicators ***************/


/************* Mega Menu ***************/

#header_menus .megamenu
{
        background: #323232; /* Define your mega menu background color */
        font: normal 12px Verdana;
        margin: 0px auto;
        width:100%;
        height:100%;
        text-align: center;
}

#header_menus .category
{
        min-width:150px;
        padding: 10px 10px 10px 10px;
        top:0px;
        text-align: center;
}

#header_menus .megamenu a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align: center;
}

#header_menus .category a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align: center;;
}
#header_menus .block p
{
        margin-left:10px;
        margin-right:10px;
        margin-top:5px;
}

#header_menus .category > .block
{
        display: block;
        float:left;
}

#header_menus .megamenu > .block
{
        text-align: center;
        padding-left:10px; 
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
}

#header_menus .new_row, #header_menus .category .new_row h3 
{
        padding-top:20px;
        display:block;
        float:left;
        text-align: center;
}

#header_menus .category h3,#header_menus h3 
{
        padding-bottom:5px;
        text-decoration: underline;
        float:left;
        text-align: center;
}


/************* End Mega Menu ***************/

 

 

 

Edited by gadeas
Adaugat spoiler

ZEW Collaborator

+ZEW

Posted
Posted

Lasă-mi un link de la forum.

"Sufletele cele mai întunecate nu sunt cele care aleg să existe în iad, ci acelea care aleg să evadeze și se mută în tăcere printre noi." - Samuel Loomis (Halloween)

  • Moderators
gadeas Grand Master

gadeas

Posted
  • Moderators
Posted

Nu este obligat nimeni sa te ajute.

Daca eu raspund la alte topicuri sau oricare alta persoana, aia nu inseamna ca voi raspunde si aici. Din moment ce la celalate topicuri stiu raspunsu din memorie de cand foloseam IPB 3 am sa raspund, dar din moment ce eu nu am folosit ProMenu si nici nu mai am forum pe IPB 3, e si normal sa nu raspund.

Cu astea spuse, asta nu inseamna ca poti da UP-uri la fiecare 2 ore.

PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

robertwty Enthusiast

robertwty

Posted
Posted (edited)
Spoiler 

/********************************************************************************/
/* ProMenu CSS - By Robert Simons - (c)2012 Provisionists LLC                   */
/********************************************************************************/
/* promenu_header.css                                                           */
/********************************************************************************/

/************* Main Container ***************/

/**** Colors ****/

#header_menus a
<center>
{
        color: #fff;   /* Define your parent and font color here to blend with your new background color */
        font-size:12px;
        text-shadow: none;
        text-align: center;
        text-decoration:none;
        font-family: 'Trebuchet MS', Georgia, Verdana, Arial, Sans-Serif;
        
}

#header_menus a:hover, #header_menus a.menu_active {
        text-align:center
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus a.active
{
        text-align:center
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .submenu_container a.active
{
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu  a.menu_active:hover {
        background-color:#323232; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover
{
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

/*** Effects ***/

#header_menus li > a
{
        padding: 8px 10px 8px 10px;
}

#header_menus .megamenu > li 
{ 
        position:center; 
}


#header_menus li ul 
{
	visibility:hidden;
        position:absolute;
        background-color:#181818; /* Define your normal submenu background color */

}

#header_menus
{
        background: url({style_images_url}/user_navigation.png);
        width:100%;
        text-align:center;
        line-height:30px; 
}

#header_menus li  
{ 
        position:center;
} 

#header_menu_bar li a
{

	min-width:150px;
	text-align:left;
}

#header_menus li a.menucat:hover
{
        border: 0;
        cursor:default !important; /* DO NOT CHANGE ... this stops the cursor from appearing on categories*/
}

/************* End Main Container ***************/


/************* Arrow Indicators ***************/

#header_menus li .downarrow {
        background: url({style_images_url}/_menu_icons/down_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a.active .downarrow,#header_menus li:hover a.active:hover .downarrow, #header_menus li.active a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a:hover .downarrow, #header_menus li a.active:hover .downarrow, #header_menus li a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus .submenu_container li a .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
        margin-right:5px;
}

#header_menus .submenu_container li.active a .rightarrow, #header_menus .submenu_container li.active a:hover .rightarrow
, #header_menus .submenu_container li.active a.active:hover .rightarrow, #header_menus .submenu_container li.active a.menu_active .rightarrow{
        background: url({style_images_url}/_menu_icons/right_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

#header_menus .submenu_container li a:hover .rightarrow, #header_menus .submenu_container li a.menu_active .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

/************* End Arrow Indicators ***************/


/************* Mega Menu ***************/

#header_menus .megamenu
{
        background: #323232; /* Define your mega menu background color */
        font: normal 12px Verdana;
        margin: 0px auto;
        width:100%;
        height:100%;
        text-align:center;
}

#header_menus .category
{
        min-width:150px;
        padding: 10px 10px 10px 10px;
        top:0px;
        text-align:center;
}

#header_menus .megamenu a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align:center;
}

#header_menus .category a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align:center;;
}
#header_menus .block p
{
        margin-left:10px;
        margin-right:10px;
        margin-top:5px;
}

#header_menus .category > .block
{
        display: block;
        float:left;
}

#header_menus .megamenu > .block
{
        text-align:center;
        padding-left:10px; 
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
}

#header_menus .new_row, #header_menus .category .new_row h3 
{
        padding-top:20px;
        display:block;
        float:left;
        text-align:center;
}

#header_menus .category h3,#header_menus h3 
{
        padding-bottom:5px;
        text-decoration: underline;
        float:left;
        text-align:center;
}
</center>
/************* End Mega Menu ***************/

ia incearca sa il pui asa,sa imi spui daca merge

Edited by robertwty
  • Upvote 1
Quote

www.mascatii.ro @ Since 2017

 

 

O comunitate in curs de dezvoltare,daca doresti,te asteptam cu o prezentare si o cerere grad.

Awwr Cătălin Enthusiast

Awwr Cătălin

Posted
  • Author
Posted
12 hours ago, robertwty said:
  Reveal hidden contents 


/********************************************************************************/
/* ProMenu CSS - By Robert Simons - (c)2012 Provisionists LLC                   */
/********************************************************************************/
/* promenu_header.css                                                           */
/********************************************************************************/

/************* Main Container ***************/

/**** Colors ****/

#header_menus a
<center>
{
        color: #fff;   /* Define your parent and font color here to blend with your new background color */
        font-size:12px;
        text-shadow: none;
        text-align: center;
        text-decoration:none;
        font-family: 'Trebuchet MS', Georgia, Verdana, Arial, Sans-Serif;
        
}

#header_menus a:hover, #header_menus a.menu_active {
        text-align:center
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus a.active
{
        text-align:center
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
        background-color:#292929; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .submenu_container a.active
{
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
        background-color:#323232; /* Define your menu active background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu  a.menu_active:hover {
        background-color:#323232; /* Define your menu hover background-color here since the default doesn't provide one */
        color: #FFFFFF; /* Define your menu hover font color here since the default doesn't provide one */
}

#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover
{
        color: #FC6D32; /* Define your menu active font color here since the default doesn't provide one */
}

/*** Effects ***/

#header_menus li > a
{
        padding: 8px 10px 8px 10px;
}

#header_menus .megamenu > li 
{ 
        position:center; 
}


#header_menus li ul 
{
	visibility:hidden;
        position:absolute;
        background-color:#181818; /* Define your normal submenu background color */

}

#header_menus
{
        background: url({style_images_url}/user_navigation.png);
        width:100%;
        text-align:center;
        line-height:30px; 
}

#header_menus li  
{ 
        position:center;
} 

#header_menu_bar li a
{

	min-width:150px;
	text-align:left;
}

#header_menus li a.menucat:hover
{
        border: 0;
        cursor:default !important; /* DO NOT CHANGE ... this stops the cursor from appearing on categories*/
}

/************* End Main Container ***************/


/************* Arrow Indicators ***************/

#header_menus li .downarrow {
        background: url({style_images_url}/_menu_icons/down_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a.active .downarrow,#header_menus li:hover a.active:hover .downarrow, #header_menus li.active a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus li a:hover .downarrow, #header_menus li a.active:hover .downarrow, #header_menus li a.menu_active .downarrow{
        background: url({style_images_url}/_menu_icons/down_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 7px;
        width: 9px;
}

#header_menus .submenu_container li a .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
        margin-right:5px;
}

#header_menus .submenu_container li.active a .rightarrow, #header_menus .submenu_container li.active a:hover .rightarrow
, #header_menus .submenu_container li.active a.active:hover .rightarrow, #header_menus .submenu_container li.active a.menu_active .rightarrow{
        background: url({style_images_url}/_menu_icons/right_arrow_head_active.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

#header_menus .submenu_container li a:hover .rightarrow, #header_menus .submenu_container li a.menu_active .rightarrow {
        background: url({style_images_url}/_menu_icons/right_arrow_head_hover.png) no-repeat scroll left center transparent;
        display: inline-block;
        height: 12px;
        width: 6px;
        margin-top:7px;
}

/************* End Arrow Indicators ***************/


/************* Mega Menu ***************/

#header_menus .megamenu
{
        background: #323232; /* Define your mega menu background color */
        font: normal 12px Verdana;
        margin: 0px auto;
        width:100%;
        height:100%;
        text-align:center;
}

#header_menus .category
{
        min-width:150px;
        padding: 10px 10px 10px 10px;
        top:0px;
        text-align:center;
}

#header_menus .megamenu a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align:center;
}

#header_menus .category a
{
        display: block;
        float:left;
        min-width:100px;
        top:0px;
        text-align:center;;
}
#header_menus .block p
{
        margin-left:10px;
        margin-right:10px;
        margin-top:5px;
}

#header_menus .category > .block
{
        display: block;
        float:left;
}

#header_menus .megamenu > .block
{
        text-align:center;
        padding-left:10px; 
        padding-top:10px;
        padding-bottom:10px;
        padding-right:10px;
}

#header_menus .new_row, #header_menus .category .new_row h3 
{
        padding-top:20px;
        display:block;
        float:left;
        text-align:center;
}

#header_menus .category h3,#header_menus h3 
{
        padding-bottom:5px;
        text-decoration: underline;
        float:left;
        text-align:center;
}
</center>
/************* End Mega Menu ***************/

ia incearca sa il pui asa,sa imi spui daca merge

Nu merge robertwty :(

robertwty Enthusiast

robertwty

Posted
Posted (edited)

cauta asta in global template 

<ul class="submenu_container clearfix boxShadow first right_open" style="z-index: 99999999; visibility: visible; display: none;">										<li id="nav_app_core" class="right_open active">					<a href="http://golden-m.org/index.php?/forum/4-regulament-general/" class="notMe  active" title="Forum Rules" id="promenu_4">													<img src="https://www.infinityzone.ro/forum/icontopmenu/rules.png" height="14px" width="14px"> 												Forum Rules											</a>												</li>											<li id="nav_app_core" class=" right_open">					<a href="http://golden-m.org/index.php?/forum/45-regulament-server/" class="notMe" title="Servers Rules" id="promenu_3">													<img src="https://infinityzone.ro/forum/icontopmenu/cs1.6.png" height="14px" width="14px"> 												Servers Rules											</a>												</li>											<li id="nav_app_core" class=" right_open">					<a href="http://golden-m.org/index.php?/forum/136-regulament/" class="notMe" title="TS3 Rules" id="promenu_2">													<img src="http://i.imgur.com/Kbhm8x0.png" height="14px" width="14px"> 												TS3 Rules											</a>												</li>					</ul>

si inlocuieste cu asta 

<ul id="header_menu_bar" class="ipsList_inline center root" style="z-index:10005;">											<li id="nav_app_core" class="center" style="z-index:10006;">							<a href="http://golden-m.org/index.php?/topic/6-regulamentul-staffului/" class="menu" title="asdd" target="_blank">																	<img src="https://www.infinityzone.ro/forum/icontopmenu/rules.png" height="14px" width="14px">&nbsp;																Regulament				                 				                	<span class="downarrow"></span>				                							</a>																<ul class="submenu_container clearfix boxShadow first right_open" style="z-index:99999999">										<li id="nav_app_core" class=" right_open">					<a href="http://golden-m.org/index.php?/forum/136-regulament/" class="notMe " title="TS3 Rules" id="promenu_2">													<img src="http://i.imgur.com/Kbhm8x0.png" height="14px" width="14px"> 												TS3 Rules											</a>												</li>											<li id="nav_app_core" class=" right_open">					<a href="http://golden-m.org/index.php?/forum/45-regulament-server/" class="notMe " title="Servers Rules" id="promenu_3">													<img src="https://infinityzone.ro/forum/icontopmenu/cs1.6.png" height="14px" width="14px"> 												Servers Rules											</a>												</li>					</ul>														</li>									</ul>

 

 

sau mai simplu cauta asta 

<ul id="header_menu_bar" class="ipsList_inline left root" style="z-index:10005;">

si inlocuieste cu asta 

<ul id="header_menu_bar" class="ipsList_inline center root" style="z-index:10005;">

uite,mie mi-a mers,si l-am editat din inspect element,ar trebui sa mearga si din global template http://prntscr.com/f2o7mq

Edited by robertwty
  • Upvote 1
Quote

www.mascatii.ro @ Since 2017

 

 

O comunitate in curs de dezvoltare,daca doresti,te asteptam cu o prezentare si o cerere grad.

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.