menu para el portal ?

Loiss1989 Seguir

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ago 2009
Mensajes
106
Hola amigos molestandolos otra vez XD

quisera aguregarle un menu ami portal uno vertical como este

Dibujo-35.jpg


o este de aqui como veran tienen el buscador aguregado o ene sta foto de abajo lo tiene arriba

Dibujo-34.jpg



Por favor si me podrian ayudar no se si es un hack o es HTML que se agurega en la plantilla osea en header creo la verdad no se mucho porfa help

saludos amigos.
 

Andrés Durán

Xi
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Abr 2009
Mensajes
4.371
Respecto a la primer imagen, el dueño de ese sitio es EspeackE. Si él ve este tema, quizá pueda ayudarte.

Y sobre la segunda imagen, ellos usan un skin personalizado. Puedes mirar su código fuente para darte una idea. Ponle atención al código entre las líneas <!-- Cabecera --> y <!-- Fin Cabecera -->
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
El menu de EspeackE si no me equivoco es parte del skin y el segundo concuerdo con chuta es estilo propio se puede hacer algo igual pero tendrias que hacer imagen por imagen de los botones del navbar.
Lo mejor es conseguirse un skin con un navbar parecido. :)
 

Loiss1989

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ago 2009
Mensajes
106
Hola yo uso el skin assault_wars pero su menu es horrible lo e modificado quitandole ese menu ahi mismo kiero aguregarle otro menu me dejo etender es que no se mcuho de HTML por eso poregunto saludos
 

EspeackE

VIP
Gamma
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
4 Mar 2008
Mensajes
340
Bien vamos a revelar el codigo para todos los amigos de VBHispano.
Con un poco de conocimientos de CSS y HTML puedes dejarlo mas chulo ¡¡

Tambien puedes ayudarte de un Software de Edicion CSS y HTML.

En tu CSS:

Insertar CODE, HTML o PHP:
#nav {
    height: 50px;
    background: url(la/ruta/de/la/Barra/) repeat-x top left #0c0d0f;
}
#nav ul {
    width: 1000px;
    margin: 0 auto;
}
#nav li {
    list-style: none outside;
    float: left;
    height: 50px;
    width: 100px;
    text-align: center;
    font: bold 11px Tahoma, Verdana, Arial, sans-serif;
    }
#nav li a, #nav li a:link, #nav li a:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding-top: 20px;
    height: 34px;
    line-height: 34px;
}
#nav li a:hover {
    background: url(la/ruta de tu/imagen/al pasar el MOUSE) no-repeat center center;
}

En tu HTML puede ser en NAVBAR o al PRINCIPO DE TU HEADER (como en HackerSony)

Insertar CODE, HTML o PHP:
<div id="nav">
        <ul>

<li>[B]LAS RUTAS A TUS CATEGORIAS[/B]</li>
<li>[B]LAS RUTAS A TUS CATEGORIAS[/B]</li>
<li>[B]LAS RUTAS A TUS CATEGORIAS[/B]</li>

       </ul>

La verdad la barra de este Skin esta un poco pesado pero como dije con un poco de concmientos lo puedes dejar mas lijero y mas bonito.

Saludos.
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
Una pregunta EspeackE ese estilo de menu ademas de llevar CSS, no ocupa alguna gradients de tu skin?
Por ejemplo ese menu combina con tu skin y por lo tanto lleva imagenes de tu skin en la barra del menu o me equivoco?
 

EspeackE

VIP
Gamma
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
4 Mar 2008
Mensajes
340
Una pregunta EspeackE ese estilo de menu ademas de llevar CSS, no ocupa alguna gradients de tu skin?
Por ejemplo ese menu combina con tu skin y por lo tanto lleva imagenes de tu skin en la barra del menu o me equivoco?

background: url(la/ruta/de/la/Barra/) repeat-x top left #0c0d0f;
Eso es lo unico que lleva ,si te das cuenta solo es una barra, esta: http://www.hackersony.com/foro/images/skilltest/gradients/nav.gif
La misma que mencione esta pesada, y tambien color #0c0d0f; que tambien se puede ver delante de la imagen Background,es todo no lleva ningun degradado extra.

Muchas gracias EspeackE XD te pasates que bueno que compartas todo como los demas mi primera pregunta es En tu CSS: en que parte de la plnatilla pongo ese codigo?

y lo segundo si se donde va XD y lo que dice hades es verdad???

No se exactamente a que te Refieras.
En la parte mas baja donde vbulletin te deja insertar mas CSS, "Define adicional CSS"

De ahi en la parte que gustes, yo lo tengo al inicio.
Saludos ¡¡
 

Loiss1989

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ago 2009
Mensajes
106
no me funciono al ponerlo me sale mal el efecto snow desaparece lo aguregue tal como me dices pero nada aparece pero mal

Porfa alguien me podrai acer el favor de Ponermelo jauajuajauajuaj es que no soy muy ducho l acerlo como dice el amigo EspeackE mi pagina se desarm no se por que
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
Loiss agregaste estos datos background: url(la/ruta/de/la/Barra/) y este background: url(la/ruta de tu/imagen/al pasar el MOUSE)?

si no obviamente te sale mal el efecto.
 

Loiss1989

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ago 2009
Mensajes
106
si hades lo ise pero me sale mal
la url de la imgen al pasar el mouse no esta aqui
puse otra pero nada
 

Loiss1989

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Ago 2009
Mensajes
106
Hola hades muchas gracias compadre el CSS donde lo pongo? ya que me confundo en es parte no se en que parte ponerlo y cuando pongo el HTML me sale todo mal

mi foro esta asi actulamente este es el codigo HTML de mi header yo uso la plantilla assault-squad-wars yo le quite el menu que estaba antes pero era horrible por eso lo quite

PHP:
<if condition="
/*
* These options are used to configure our templates,
* it's recommended you do not change them unless
* instructed to by a member of the eXaltic staff,
* or from our website.
*/
true">
    <if condition="$show_navbar_links = true"></if>
    <if condition="$extra_thread_tcat = false"></if>
    <if condition="$use_sig_overflow = true"></if>
    <if condition="$use_post_overflow = true"></if>
</if>

<div id="pagewrapper_out">
<div id="pagewrapper">
<!-- header -->
<a name="top"></a>

<div id="logo"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/skin/logo.jpg" alt="$vboptions[bbtitle]" /></a></div>


EL CODIGO DEL MENU ESTABA AQUI PERO LO QUITE


<!-- /header -->

$ad_location[ad_header_logo]

<div id="border_left">
<div id="border_right">
<div id="border_top">
<div id="border_bottom">

<div id="tleft_corner">
<div id="tright_corner">
<!-- content table -->
$spacer_open

$_phpinclude_output

<if condition="$ad_location[ad_header_end]">
<div id="ad_header_end">
    $ad_location[ad_header_end]
</div>
</if>


<script>//Snow

if  ((document.getElementById) &&  
window.addEventListener || window.attachEvent){ 

(function(){ 

//Configuracion. 

var num = 40;   //Numero de copos 
var timer = 30; //setTimeout speed. Varies on different comps - -  Velocidad de copos 

//End. 

var y = []; 
var x = []; 
var fall = []; 
var theFlakes = []; 
var sfs = []; 
var step = []; 
var currStep = []; 
var h,w,r; 
var d = document; 
var pix = "px"; 
var domWw = (typeof window.innerWidth == "number"); 
var domSy = (typeof window.pageYOffset == "number"); 
var idx = d.getElementsByTagName('div').length; 

if (d.documentElement.style &&  
typeof d.documentElement.style.MozOpacity == "string") 
num = 12; 

for (i = 0; i < num; i++){ 
sfs[i] = Math.round(2 + Math.random() * 1); 

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:' 
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>'); 

currStep[i] = 0; 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[i] = (sfs[i] == 1)? 
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 
} 


if (domWw) r = window; 
else{  
  if (d.documentElement &&  
  typeof d.documentElement.clientWidth == "number" &&  
  d.documentElement.clientWidth != 0) 
  r = d.documentElement; 
 else{  
  if (d.body &&  
  typeof d.body.clientWidth == "number") 
  r = d.body; 
 } 
} 


function winsize(){ 
var oh,sy,ow,sx,rh,rw; 
if (domWw){ 
  if (d.documentElement && d.defaultView &&  
  typeof d.defaultView.scrollMaxY == "number"){ 
  oh = d.documentElement.offsetHeight; 
  sy = d.defaultView.scrollMaxY; 
  ow = d.documentElement.offsetWidth; 
  sx = d.defaultView.scrollMaxX; 
  rh = oh-sy; 
  rw = ow-sx; 
 } 
 else{ 
  rh = r.innerHeight; 
  rw = r.innerWidth; 
 } 
h = rh - 2;   
w = rw - 2;  
} 
else{ 
h = r.clientHeight - 2;  
w = r.clientWidth - 2;  
} 
} 


function scrl(yx){ 
var y,x; 
if (domSy){ 
 y = r.pageYOffset; 
 x = r.pageXOffset; 
 } 
else{ 
 y = r.scrollTop; 
 x = r.scrollLeft; 
 } 
return (yx == 0)?y:x; 
} 


function snow(){ 
var dy,dx; 

for (i = 0; i < num; i++){ 
 dy = fall[i]; 
 dx = fall[i] * Math.cos(currStep[i]); 

 y[i]+=dy; 
 x[i]+=dx;  

 if (x[i] >= w || y[i] >= h){ 
  y[i] = -10; 
  x[i] = Math.round(Math.random() * w); 
  fall[i] = (sfs[i] == 1)? 
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
  step[i] = (sfs[i] == 1)? 
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; 
 } 
  
 theFlakes[i].top = y[i] + scrl(0) + pix; 
 theFlakes[i].left = x[i] + scrl(1) + pix; 

 currStep[i]+=step[i]; 
} 
setTimeout(snow,timer); 
} 


function init(){ 
winsize(); 
for (i = 0; i < num; i++){ 
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style; 
 y[i] = Math.round(Math.random()*h); 
 x[i] = Math.round(Math.random()*w); 
} 
snow(); 
} 


if (window.addEventListener){ 
 window.addEventListener("resize",winsize,false); 
 window.addEventListener("load",init,false); 
}   
else if (window.attachEvent){ 
 window.attachEvent("onresize",winsize); 
 window.attachEvent("onload",init); 
}  

})(); 
}//End.  </script>


gracias como siempre amigo HADES
 

imported_Ryuk

Dseda
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
28 Feb 2009
Mensajes
1.138
Lo instale para ver cual podia ser el problema, y era muy simple.
Pero vamos desde el principio para que lo instales bien.

Entra a tu admincp -> estilos y plantillas -> Administrador de estilos y en el menu desplegable el estilo que deseas agregarle el menu en tu caso el assault-squad-wars busca CSS Principal dentro baja hasta el final donde dice Definición Adicional de CSS donde dice Usuarios Avanzados: coloca las CSS del menu al final de las otras para no causar ningun error.

Listo ahora ve a la plantilla header donde quieras agregarle el menu coloca esto, aqui es donde estaba el error de EspeackE puso esto

HTML:
<div id="nav">
        <ul>

<li>LAS RUTAS A TUS CATEGORIAS</li>
<li>LAS RUTAS A TUS CATEGORIAS</li>
<li>LAS RUTAS A TUS CATEGORIAS</li>

       </ul>
El error fue que le falto colocar el cierre del div </div> entonces queda asi.

HTML:
    <div id="nav">
        <ul>

<li><a href="http://www.tusitio.com/portal.php">Portal</a></li>

<li><a href="http://www.tusitio.com/foro/">Foro</a></li>

<li><a href="http://www.tusitio.com/ejemplo">ejemplo</a></li>


        </ul>

    </div>
Con eso ya tendrias tu menu funcionando aqui esta como me quedo a mi (foro de pruebas) foro de pruebas - Powered by vBulletin

Saludos y cualquier problema ya sabes. :)
 
Arriba