WINTXCODERS

Programación => Desarrollo web => Mensaje iniciado por: Vuske en Octubre 31, 2017, 02:50:09 AM

Título: Subir, Barra de navegacion a la parte superior.
Publicado por: Vuske en Octubre 31, 2017, 02:50:09 AM
Hola Disculpen alguien sabe como subir la barra de navegacion a la parte superior es que cuando hago ello el foro smf, se me descompone todo dañandose por completo todo lo que e hecho.
(https://image.prntscr.com/image/wgUlp6h5RbSh9pZaPkRbVw.png)

De igual forma, con los botones cuando les pongo el border-radius: 10px;  pues se me lia. para ver si alguien me podria indicar como hacerlos redondos y que queden algo diferentes. u sacarles ese background.
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: WIитX en Octubre 31, 2017, 03:53:05 AM
Hola a que parte exactamente quieres subirlos has probado esto?


#main_menu   
padding: 0 0.5em;
    float: left;
    width: 98%;
    margin-top: -25px;
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: Vuske en Octubre 31, 2017, 11:21:12 PM
Quiero, subir toda la barra completa a la parte superior pero centrada y darle a los botones y toque redondo.

Cuando añadi el css quedo de esa forma.
(https://image.prntscr.com/image/xfaPUPFDTweoz9QdJ0Kp5w.png)
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: WIитX en Noviembre 01, 2017, 01:25:21 AM
You are not allowed to view links. Register or Login
Quiero, subir toda la barra completa a la parte superior pero centrada y darle a los botones y toque redondo.

Cuando añadi el css quedo de esa forma.
(https://image.prntscr.com/image/xfaPUPFDTweoz9QdJ0Kp5w.png)

Has añadido el css que te pasé debería de subirse toda la barra entera
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: Vuske en Noviembre 01, 2017, 06:03:31 PM
Le remplace la Linea por completa del css pero como tal sigue en el mismo Nivel.
Spoiler
(https://server5.kproxy.com/servlet/redirect.srv/sruj/samdfafe/svytgd/p2/image/e16fnCJPS4uN40dnoHiDOQ.png)
[close]

Adjunto Index.template.php
Spoiler
https://pastebin.com/8cRGi5t3
[close]

Adjunto Index.css
Spoiler
https://pastebin.com/anqcf5iR
[close]

Espero, que me puedas ayudar  ;) Estaria agradecido contigo :D
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: WIитX en Noviembre 01, 2017, 10:53:57 PM
You are not allowed to view links. Register or Login
Le remplace la Linea por completa del css pero como tal sigue en el mismo Nivel.
Spoiler
(https://server5.kproxy.com/servlet/redirect.srv/sruj/samdfafe/svytgd/p2/image/e16fnCJPS4uN40dnoHiDOQ.png)
[close]

Adjunto Index.template.php
Spoiler
https://pastebin.com/8cRGi5t3
[close]

Adjunto Index.css
Spoiler
https://pastebin.com/anqcf5iR
[close]

Espero, que me puedas ayudar  ;) Estaria agradecido contigo :D

No editaste el css tal y como te dije:

#main_menu
{
    padding: 0 0.5em;
    float: left;
    margin: 0;
    width: 98%;
}


https://pastebin.com/PzvCEzGv

Prueba ese index.css reemplazalo por el tuyo.
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: Vuske en Noviembre 02, 2017, 02:15:23 PM
You are not allowed to view links. Register or Login
You are not allowed to view links. Register or Login
Le remplace la Linea por completa del css pero como tal sigue en el mismo Nivel.
Spoiler
(https://server5.kproxy.com/servlet/redirect.srv/sruj/samdfafe/svytgd/p2/image/e16fnCJPS4uN40dnoHiDOQ.png)
[close]

Adjunto Index.template.php
Spoiler
https://pastebin.com/8cRGi5t3
[close]

Adjunto Index.css
Spoiler
https://pastebin.com/anqcf5iR
[close]

Espero, que me puedas ayudar  ;) Estaria agradecido contigo :D

No editaste el css tal y como te dije:

#main_menu
{
    padding: 0 0.5em;
    float: left;
    margin: 0;
    width: 98%;
}


https://pastebin.com/PzvCEzGv

Prueba ese index.css reemplazalo por el tuyo.


Hola, Wintx.
Remplace tu css como me indicastes pero en realidad, no surgio ningun efecto la barra se subio un poco. Pienso que el secreto esta en el div (Del nav) Lo movere Aunque no se si es en el display template, o en el index template
Spoiler
(https://image.prntscr.com/image/dFFRvVVPQnOpypHsOhmdog.png)
[close]
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: Pablo Velasco en Noviembre 02, 2017, 03:00:37 PM
Puede ser que al cambiar el archivo CSS no se te ha actualizado porque lo tienes en caché intenta entrar desde navegación de incognito
Título: Re:Subir, Barra de navegacion a la parte superior.
Publicado por: WIитX en Noviembre 02, 2017, 06:15:32 PM
Hola Vuske, a mi si que me aparece el cambio debes jugar con  #main_menu y el margin-top lo vas tocando hasta que veas que está como te gusta. Una vez termines eso pasamos al tema de los botones