Como Puedo Agregar botones con enlace a un skin?

[goku93]

Yo compre hace como 2 dias el skin de xbox 360, y he visto en muchas pag que arriba tiene botones que no vienen con el skin, osea quero ponerle botones adicionales con enlace que yo ponga.

Pongo imagenes para que sepan de que les hablo.

Miren, asi es que trae la barra por defecto el skin:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

Y asi escomo la vi en una web,

Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

asi es como quiero mas o menos, alguien sabe como?:confused:

[New_Vicious]

Lo que quieres hacer es agregar una segunda barra de botones como la que tengo yo en mi web, claro que no es la que tu dices, pero se hace igual.

Primero pon una imagen sin editar en donde se sea todo la web para poder ayudarte, ya que muchas llevan los enlaces en el header y otras en el navbar.

Si sabes en donde van los botones ya sea en el header o navbar pon el codigo para decirte que agregar y donde.

[goku93]

No no es eso, mira la imagen completa, es el skin 360 de vbskinwork o algo asi.

Mira la imagen:
Solo los usuarios registrados pueden ver enlaces (Solo los usuarios registrados pueden ver enlaces)

Esa barraes la que trae el skin con todos esos botones y yo la quiero editar para ponerle menos botones y con enlaces diferentes y si puedes tambien explicar de camino de poner una segunda arriba de la navbar.

[mariohn]

Pues tienes que editar los votones en photoshop y hacerlos tu mismo, y editar la plantilla de navbar y agregar tus propios botones

[New_Vicious]

Revisa en la carpta de la skin a ve si tiene una llamada photoshop_files o parecida que contenga los archivos psd de los botones para que los traduscas y los edites a tu gusto, por lo que veo en la imagen, la barra esta en el header, si puedes poner el codigo del template header para decirte que agregar y donde.

[goku93]

del header? claro ahora lo busco

[goku93]

Este es el header:


<center>
<table width="85%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url($stylevar[imgdir_misc]/border_left_bg.gif); background-repeat:repeat-y;" width="69" valign="top"><img src="$stylevar[imgdir_misc]/border_left.gif" alt="" width="69" height="260"></td>
<td>




<style type="text/css">
<!--
.statstext1 {font-family: Tahoma}
.statstext2 {font-size: 10px}
.statstext3 {
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
}
.statstext4 {color: #FFFFFF}
-->
</style>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="223"><img src="$stylevar[imgdir_misc]/header_top_left.gif" alt="" width="233" height="24"></td>
<td style="background-image:url($stylevar[imgdir_misc]/header_top_bg.gif);">&nbsp;</td>
<td width="51"><img src="$stylevar[imgdir_misc]/header_top_right.gif" alt="" width="51" height="24"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="499"><img src="$stylevar[imgdir_misc]/header_mid_left.jpg" alt="" width="499" height="105"></td>
<td style="background-image:url($stylevar[imgdir_misc]/header_mid_bg.jpg);"><div align="right">
<p><span class="statstext1"><span class="statstext2"><span class="statstext4"><strong>Members:</strong> $numbermembers<br>
<strong>Threads:</strong> $totalthreads<br>
<strong>Posts:</strong> $totalposts<br>
<strong>Online:</strong> $totalonline</p>
<p class="statstext3"><strong>Newest Gamer:</strong> <a href="$vboptions[bburl]/member.php?u=$newuserid">
$newusername</p>
</div></td>
<td width="49"><img src="$stylevar[imgdir_misc]/header_mid_right.jpg" alt="" width="49" height="105"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="199"><img src="$stylevar[imgdir_misc]/header_bot_left.jpg" alt="" width="199" height="64"></td>
<td style="background-image:url($stylevar[imgdir_misc]/header_bot_bg.jpg);">&nbsp;</td>
<td width="27"><img src="$stylevar[imgdir_misc]/header_bot_right.jpg" alt="" width="27" height="64"></td>
</tr>
</table>
<table style="background-image:url($stylevar[imgdir_misc]/links_bg.gif);" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="93"><img src="$stylevar[imgdir_misc]/links_left.gif" width="93" height="53"></td>
<td width="57"><a href="index.php"><img src="$stylevar[imgdir_misc]/links_home.gif" width="57" height="53" border="0"></a></td>
<td width="79"><a href="usercp.php"><img src="$stylevar[imgdir_misc]/links_usercp.gif" width="79" height="53" border="0"></a></td>
<td width="91"><a href="register.php"><img src="$stylevar[imgdir_misc]/links_register.gif" width="91" height="53" border="0"></a></td>
<td width="91"><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/links_members.gif" width="91" height="53" border="0"></a></td>
<td width="53"><a href="faq.php"><img src="$stylevar[imgdir_misc]/links_faq.gif" width="53" height="53" border="0"></a></td>
<td width="78"><a href="search.php"><img src="$stylevar[imgdir_misc]/links_search.gif" width="78" height="53" border="0"></a></td>
<td><div align="right"><img src="$stylevar[imgdir_misc]/links_right.gif" width="64" height="53"></div></td>
</tr>
</table>




<!-- content table -->
$spacer_open

$_phpinclude_output

[New_Vicious]

Ok Una vez que tengas tus botones ya hechos simplemente has esto:

Si quieres tener la seguna barra arriba de la actual pega el codigo que te voy a decir arriba de


<table style="background-image:url($stylevar[imgdir_misc]/links_bg.gif);" width="100%" border="0" cellspacing="0" cellpadding="0">


O de preferencia dejalo que aparesca abajo de la barra original del Estilo pegando el codigo despues de esto.


</tr>
</table>

El codigo que tienes que agregar para tener una segunda barra es este:



<table style="background-image:url($stylevar[imgdir_misc]/links_bg.gif);" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="93"><img src="$stylevar[imgdir_misc]/links_left.gif" width="93" height="53"></td>
<td width="57"><a href="index.php"><img src="$stylevar[imgdir_misc]/links_home.gif" width="57" height="53" border="0"></a></td>
<td width="79"><a href="usercp.php"><img src="$stylevar[imgdir_misc]/links_usercp.gif" width="79" height="53" border="0"></a></td>
<td width="91"><a href="register.php"><img src="$stylevar[imgdir_misc]/links_register.gif" width="91" height="53" border="0"></a></td>
<td width="91"><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/links_members.gif" width="91" height="53" border="0"></a></td>
<td width="53"><a href="faq.php"><img src="$stylevar[imgdir_misc]/links_faq.gif" width="53" height="53" border="0"></a></td>
<td width="78"><a href="search.php"><img src="$stylevar[imgdir_misc]/links_search.gif" width="78" height="53" border="0"></a></td>
<td><div align="right"><img src="$stylevar[imgdir_misc]/links_right.gif" width="64" height="53"></div></td>
</tr>
</table>


Lo que tienes que editar es lo que esta en rojo, como le deves editar pues como te digo a continuacion:

Donde pone <a href="faq.php"> Cambia "faq.php" por el archivo a donde quieres que te enlace dicho boton.

Donde dice <img src="$stylevar[imgdir_misc]/links_faq.gif" width="53" height="53" border="0"> Cambia links_faq.gif por el nombre del boton que editastes.

Y con eso ya tendras tu segunda barra con los botones que eligas.

Espero te sirva y cualquier duda no dudes en preguntar.

[goku93]

Muy buena, adonde subo los botones?

[New_Vicious]

Al directorio [imgdir_misc] o lo que es lo mismo al directorio misc, si no ese averigualo haciendo clik secudario en la imagen y seleccionando propiedades y buscando donde dice Direccion (URL) te va a poner la ruta completa de dicha imagen. como por ejemplo la del boton responder de este foro esta en images/webbie/buttons/reply.gif

[goku93]

oh gracias men me ayudaste mucho

[MCs]

bueno asi aprendi yo tambien con esta explicacion

[MCs]

la verdad no me salio me pueden ayudar esq lo quepasa yo no voy a agregar
botones solo hombres como ejemplo

Home, ... etc..

[Mr.Complot]

y como hago para que al apoyarme la imagen cambie de color??