Añadir botones navbar?

B

Buenas tenemos una comunidad gaming y me estoy comiendo la cabeza para poner un botón nuevo entre otros botones existentes.

la idea seria añadir un nuevo botón con icono entre lo que parece una mira de un fps y los bocadillos y que al darle click valla por ejemplo a totemwokers.es/test, he probado mil cosas sin resultado, aquí os pongo el código de la barra de navegación:

 <!-- NAVBAR
    ================================================== -->
      <div class="navbar-wrapper container">

      <div class="logo col-lg-3 col-md-3">
        <a class="brand" href="<?php  echo esc_url(site_url()); ?>"> <img src="<?php echo esc_url(of_get_option('logo')); ?>" alt="logo"  /> </a>
      </div>

        <?php if (of_get_option('login_menu')){ ?>



    <?php
        if ( is_user_logged_in() ) {
            global $current_user;
            global $user_level;
            global $wpmu_version;
			global $usermeta;
            get_currentuserinfo();
			
			if(of_get_option('clan_creation') == '0'){
				if($usermeta['_checkbox_clan_user'][0] == "" or $usermeta['_checkbox_clan_user'][0] == NULL or $usermeta['_checkbox_clan_user'][0] == "no"){
					$noclanclass = 'no-clan';
				}
			};
			
			if(!isset($noclanclass))$noclanclass = '';
        ?>
            <div class="user-wrap <?php echo esc_attr($noclanclass); ?>">
                <div class="user-avatar"><a class="username" href="<?php echo get_edit_user_link();?>"><?php echo get_avatar( $current_user->ID, $size = '71' );  ?></a></div>
                <div class="logged-info">
                <?php $current_user = wp_get_current_user(); ?>
                <a class="username" href="<?php echo esc_url(get_edit_user_link());?>"><?php echo esc_attr($current_user->nickname);?><br /><span><?php _e('Member since ','blackfyre'); echo date("M, Y", strtotime(get_userdata(get_current_user_id( ))->user_registered)); ?></span></a>
                </div>
                <?php if ( is_plugin_active( 'buddypress/bp-loader.php' ) && function_exists( 'bp_is_active' ) && bp_is_active( 'messages' )){ $link = bp_loggedin_user_domain() . bp_get_messages_slug() . '/inbox'; ?>
                <a class="btns messages" data-original-title="<?php _e( 'View your messages', 'blackfyre' ); ?>" data-toggle="tooltip" href="<?php echo esc_url($link);?>">
                    <i class="fa fa-comments-o"></i><?php if(bp_get_total_unread_messages_count( bp_loggedin_user_id() ) > 0){ ?>

                   <i class="msg_ntf"><?php echo bp_get_total_unread_messages_count( bp_loggedin_user_id() ); ?></i>

                 <?php    }?> </a> <?php  } ?>
                 
                 
                 <?php if(of_get_option('clan_creation') == '1' or $usermeta['_checkbox_clan_user'][0] == "yes"){ ?>
                  <a class="btns cross" href="http://totemwokers.es/usuarios"('<?php echo get_current_user_id(); ?>');" data-original-title="<?php _e('Create a clan', 'blackfyre'); ?>" data-toggle="tooltip"><i class="fa fa-crosshairs"></i> </a>
                 <?php } ?>
               
               
                <a class="btns settings" data-original-title="<?php _e( 'View your profile', 'blackfyre' ); ?>" data-toggle="tooltip" href="<?php echo esc_url(get_edit_user_link());?>"><i class="fa fa-cog"></i> </a>
                <a class="logout btns" data-original-title="<?php _e( 'Log out', 'blackfyre' ); ?>" data-toggle="tooltip" href="<?php echo esc_url(wp_logout_url( esc_url( $currentlang ))); ?>"><i class="fa fa-times"></i> </a>

                   <?php if ($woocommerce) { if(is_woocommerce()){ ?>
                    <div class="cart-outer">
                        <div class="cart-menu-wrap">
                            <div class="cart-menu">
                                <a class="cart-contents" href="<?php echo esc_url($woocommerce->cart->get_cart_url()); ?>"><div class="cart-icon-wrap"><i class="icon-shopping-cart"></i> <div class="cart-wrap"><span><?php echo esc_attr($woocommerce->cart->cart_contents_count); ?> </span></div> </div></a>
                            </div>
                        </div>

                        <div class="cart-notification">
                            <span class="item-name"></span> <?php  _e('was successfully added to your cart.', 'blackfyre'); ?>
                        </div>
                        
                         <!-- If woocommerce -->
	                <?php if ($woocommerce) { if(is_woocommerce()){ ?>
	                        <?php
	                            // Check for WooCommerce 2.0 and display the cart widget
	                            if ( version_compare( WOOCOMMERCE_VERSION, "2.0.0" ) >= 0 ) {
	                                the_widget( 'WC_Widget_Cart', 'title= ' );
	                            } else {
	                                the_widget( 'WooCommerce_Widget_Cart', 'title= ' );
	                            }
	                        ?>
	
	                 <?php }} ?>
             			<!-- Endif woocommerce -->
MakeaDS

menudo espagueti code...

1 respuesta
B

#2 es un theme

MakeaDS

pues para lo que tu quieres hacer, no tiene pinta de que sea ahí donde hay que tocar eh

1 respuesta
B

Lo de woocommerce lo puedes quitar y código que eliminas.

Donde agregarlo pues supongo que será en la parte que viene entre la línea 35 y la 46 pero sin ver cual es el código lo que crea solo puede uno hacer suposiciones.

B

#4 y donde seria? no tengo ni idea de programación

1 respuesta
HaxeR

#6 En la linea 43, introduce el código del nuevo botón, ahora... sin ver los estilos es difícil ponerte el código exacto, parece que estés usando fontawesome para los iconos. Metiendo este código en la linea 43 te debería de salir el botón / link (con un icono de una interrogación, tendrás que poner el que quieras tu)

<a class="btns nuevoicono" href="http://totemwokers.es/test" data-original-title="Titulo que usarás en algún lado  imagino, como tooltip parece" data-toggle="tooltip"><i class="fa fa-question"></i> </a>
2 respuestas
B

#7 voy a probar, gracias por responder, ahora te digo

1 respuesta
B

#7 se ha añadido pero me pasa como las pruebas que hize, que se superpone

Diabloskuro

#8

<a class="btns nuevoicono" style="left:-265px;" href="http://totemwokers.es/test" data-original-title="Titulo que usarás en algún lado  imagino, como tooltip parece" data-toggle="tooltip"><i class="fa fa-question"></i> </a>

Sigamos añadiendo sida al código !!

1 respuesta
B

#10 hahaha voy a probar

B

menudo crack, xD gracias ahora solo queda que este entre los iconos de bocadillos y la "mirilla"

como lo podría hacer?

P.D: Te debo una cerveza

1 respuesta
Diabloskuro

#12 Tienes que cambiar las clases que modifican los valores left de los botones dentro de main.css.
Además dependiendo de no tengo muy claro que, tienes que darle dos valores distintos (se añade un botón extra).

2 respuestas
B

#13 no me aclaro, entonces que tengo que hacer exactamente modificar solo el main css?

1 respuesta
Leos

#14 En el main.css tendrás las clases que definen como están colocado los botones, modifica la clase adecuada para darle el estilo adecuado, es decir la posición en este caso.

1 respuesta
B

#15 #13 he mirado el main css y lo único que encuentro es:

.user-wrap a.btns.logout:hover:before {
    opacity: 1;
}
.user-wrap a.btns.logout:hover {
    color: #ff1200;
    opacity: .8;
}
.user-wrap a.btns i {
    z-index: 1;
    position: relative;
}
.user-wrap a.btns.cross {
    left: -115px;
}
.user-wrap a.btns.settings, .user-wrap.no-clan a.btns.logout {
    left: -165px;
}
.user-wrap.no-clan a.btns.settings {
    left: -115px;
}
.user-wrap a.btns.logout {
    left: -215px;
    opacity: .5;
}
.user-wrap .cart-outer {
    left: -270px;

pero lo modifico y no veo cambio alguno en los botones

1 respuesta
Leos

#16 Como se llama la clase de tu boton en el html?

Usuarios habituales