élite + brothersites
El secreto de Gambrinus
vududoll ➹ reviews

Ver el tema anteriorIr abajoVer el tema siguiente
The Witch
Coder ⋆ Writer
el Dom Abr 22, 2018 8:29 pm
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

Hola de nuevo, aquí The Witch (por fin aprendiendo a usar la zona de ayuda en vez de el discord(???)  Header en forma de lista | Resuelto 1633395648 ) y bueno, la verdad es que me propuse hace poco hacer mi propio skin y comenzar a meterme en esto de los codes ya que tengo un proyecto que va tomando forma, sin embargo, al intentar hacer el tutorial de personalización de header (Este de aquí) peero, cuando intenté por primera vez todo quedó bien y bonito, pero no quería que estuviera igual que el tuto, así que me puse a editar los links y las transiciones y fue ahí cuando la barra me salía como en una lista seguida en vertical y no en horizontal como la vista tradicional  Header en forma de lista | Resuelto 2996817631 . Justo... así:

[spoiler=imagen]https://i.imgur.com/pgc8ChF.png[/img]

Ya probé a intentar hacerlo desde cero, achicar dimensiones, pero nada, ¿podrían darme una ayudadita con esto por favor?
Aquí dejo los codes que estoy utilizando uwu  Header en forma de lista | Resuelto 1038125807


//El HTML
Código:
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li><a class="mainmenu link" href="/">Índice</a>
<a class="mainmenu link" href="/">Buscados</a>
<a class="mainmenu link" href="/">Perfil</a>
<a class="mainmenu link" href="/">Mensajes</a>
<a class="mainmenu link" href="/">Conectarse</a>
<a class="mainmenu link" href="/">Desconectarse</a></li>
</ul>


// El Css
Código:
ul.navlinks {
    background-color: #b30000;
    border-bottom: 2px solid #000000;
    font-weight: 100px;
    position: fixed;
    left: 0;
    top: 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    z-index: 9999!important;
}



a.mainmenu {
  color: #000000;
  font-family: 'Cute Font', sans-serif;
  text-decoration: none;
  font-size: 9px;
  line-height: 1.8;
  display:block!important;
  margin: 5px auto;
  width: 100px;
  position: relative;
  overflow: hidden;
  padding: 2px;
  text-transform: uppercase;
  transition: color .3s cubic-bezier(0.11, 0.7, 0, 1);
  
}

a.mainmenu:hover {  
     color:#CF2034; transition: 0.2s
}
  

.link {
  position: relative;
  z-index: 1;
  padding:1px 3px;
}

.link:after {
  position: absolute;
  top:0; bottom: 0;
  right: 0; left: 0;
  display: block;
  background-color: #9b5c5c;
  content: "";
  transform: translate3d(100%,0,0);
  z-index:-1;
}

.link:hover:after {
  transform: translate3d(-98%,0,0);
  transition: transform 1.1s cubic-bezier(0.41, 0.9, 0, 1);
}

.link:hover{
  color: #fff!important;
}

Espero no sea algo muy complicado, y de antemano, muchísimas gracias por pasar por este tema de dudas que suenan tontas (?) Header en forma de lista | Resuelto 342028470
Ver perfil de usuario
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

Roshio
webmaster
el Dom Abr 22, 2018 10:54 pm
Mensajes :
2117


Blood :
620314


Frase :

red
F I R E
wings

Header en forma de lista | Resuelto H-2

Header en forma de lista | Resuelto 1000mensajes Header en forma de lista | Resuelto 75_Reputacion Header en forma de lista | Resuelto ILoveDix Header en forma de lista | Resuelto Inmortal Header en forma de lista | Resuelto Soporte Header en forma de lista | Resuelto Hacer_Tutorial Header en forma de lista | Resuelto Subir_Recurso Header en forma de lista | Resuelto Aportacion Header en forma de lista | Resuelto Consejo Header en forma de lista | Resuelto Tutorial_Code Header en forma de lista | Resuelto Resuelve_Dudas

Hola Witch, bueno primero que nada necesito saber si el código del navbar tu lo editaste directo en el template, osea tu añadiste lo de class="mainmenu link"?

El template de cabecera del foro tiene la barra de navegación de esta forma por default:
Código:
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>

Lo que significa que el {GENERATED_NAV_BAR} son los links por default, y si tu los pones de la forma en que lo hiciste en el template, te los iba a arrojar como una lista, porque cada link seria leído como bloque, te recomiendo que dejes el código como estaba y edites los links solo usando CSS de esta forma:



No es necesario que agregues un link extra para que funcione el efecto que deseas meterle Header en forma de lista | Resuelto 2761925904 Espero que te sirva!










Ver perfil de usuario
Mensajes :
2117


Blood :
620314


Frase :

red
F I R E
wings

Header en forma de lista | Resuelto H-2

Header en forma de lista | Resuelto 1000mensajes Header en forma de lista | Resuelto 75_Reputacion Header en forma de lista | Resuelto ILoveDix Header en forma de lista | Resuelto Inmortal Header en forma de lista | Resuelto Soporte Header en forma de lista | Resuelto Hacer_Tutorial Header en forma de lista | Resuelto Subir_Recurso Header en forma de lista | Resuelto Aportacion Header en forma de lista | Resuelto Consejo Header en forma de lista | Resuelto Tutorial_Code Header en forma de lista | Resuelto Resuelve_Dudas

The Witch
Coder ⋆ Writer
el Dom Abr 22, 2018 11:50 pm
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

Hola Ros! gracias por responderme!

Aun no entiendo del todo como modificarlo, es que no quiero que aparezca lo de búsqueda y calendario, por eso traté de modificarlo en el template, pero para que no aparezca eso como puedo modificarlo si no es quitandolo directamente? Además hay algo que me da un poco de duda también, cuando edité lo de los vínculos en la barra hay una parte de href="/" --> ahí exactamente que links debería poner? tengo la sensación de que se crea uno nuevo desde las opciones del foro y se ajusta la pagina con css pero solo es una hipotesis D:
Ver perfil de usuario
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

Roshio
webmaster
el Mar Abr 24, 2018 9:39 am
Mensajes :
2117


Blood :
620314


Frase :

red
F I R E
wings

Header en forma de lista | Resuelto H-2

Header en forma de lista | Resuelto 1000mensajes Header en forma de lista | Resuelto 75_Reputacion Header en forma de lista | Resuelto ILoveDix Header en forma de lista | Resuelto Inmortal Header en forma de lista | Resuelto Soporte Header en forma de lista | Resuelto Hacer_Tutorial Header en forma de lista | Resuelto Subir_Recurso Header en forma de lista | Resuelto Aportacion Header en forma de lista | Resuelto Consejo Header en forma de lista | Resuelto Tutorial_Code Header en forma de lista | Resuelto Resuelve_Dudas

Para ocultar algunos links solo necesitas poner esto en tu CSS, segun el link que quieras ocultar Header en forma de lista | Resuelto 2761925904

Código:
a.mainmenu[href="/gallery/index.htm"]{display:none;}
a.mainmenu[href="/calendar"]{display:none;}
a.mainmenu[href="/faq"]{display:none;}










Ver perfil de usuario
Mensajes :
2117


Blood :
620314


Frase :

red
F I R E
wings

Header en forma de lista | Resuelto H-2

Header en forma de lista | Resuelto 1000mensajes Header en forma de lista | Resuelto 75_Reputacion Header en forma de lista | Resuelto ILoveDix Header en forma de lista | Resuelto Inmortal Header en forma de lista | Resuelto Soporte Header en forma de lista | Resuelto Hacer_Tutorial Header en forma de lista | Resuelto Subir_Recurso Header en forma de lista | Resuelto Aportacion Header en forma de lista | Resuelto Consejo Header en forma de lista | Resuelto Tutorial_Code Header en forma de lista | Resuelto Resuelve_Dudas

The Witch
Coder ⋆ Writer
el Mar Abr 24, 2018 10:39 am
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

¡¡Muchísimas gracias Ross!!!!!! Header en forma de lista | Resuelto 2531292851
Ver perfil de usuario
Mensajes :
162


Blood :
192416


Frase :
Dont miss me, my dear

Header en forma de lista | Resuelto 42

Header en forma de lista | Resuelto Bienvenida Header en forma de lista | Resuelto 1Mensaje Header en forma de lista | Resuelto SubirFic Header en forma de lista | Resuelto Abrir_Galeria Header en forma de lista | Resuelto Participa_En_Tutos

Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.
Copyrighted.com Registered & Protected