Taringa Gris + edicion [Propio y para libre uso]

Deja cargar un toque el post Taringa Gris! Agradecimientos: @C_D_L por el banner gris (El ya posteo este estilo con mi autorizacion, pero yo les voy a enseñar a editarlo) Lista de cambios: Menu completamente gris. Al pasar el mouse sobre el logo de taringa brilla Pestañas completamente grises (T! music inlcuido) Vista previa: Codigo: #logo { width: 210px; height: 50px; display: block; float: left; background: url(http://k05.kn3.net/680FA74F0.png) no-repeat top left transparent; margin-top: 14px; margin-right: 30px; background-position: -5px -1px; } #logo:hover { background-position: -5px -53px; } #header { height: 80px; background: url(http://k11.kn3.net/E107D6260.png) repeat-x top center #545454 ; border-bottom: 1px solid #545454; } #search input, #search-bottom input { width: 183px; height: 15px; margin: 0; padding: 10px; background: transparent url(http://k42.kn3.net/7E0BA8E24.png) no-repeat top left; border: none; font-weight: normal; color: #333; font-family: Helvetica,Arial; float: left; font-size: 14px; } #search .btn_search, #search-bottom .btn_search { display: block; width: 32px; height: 35px; margin: 0; padding: 0; background: transparent url(http://k38.kn3.net/28D5AA6A1.png) no-repeat top left; float: right; cursor: pointer; } #nav { background: #3E3E3E url(http://k41.kn3.net/BA453886A.png) repeat-x top left; } .navbar { border-bottom: 1px solid #252525; border-top: 1px solid #363636; border-left: 1px solid #0F0F0F; border-right: 1px solid #494949; background: url(http://k35.kn3.net/510531167.png) repeat-x top left; height: 33px; position: absolute; right: 245px; top: 23px; } .navbar .navitem:hover { cursor: pointer; background: url(http://k39.kn3.net/09660590B.png) repeat-x top right; } .navbar .navitem { background: url(http://k36.kn3.net/724028624.png) no-repeat top right; } .navbar .navitem.active, .navbar .navitem.active:hover { cursor: pointer; background: url(http://k44.kn3.net/780A21B92.png) repeat-x top right; } .navitem.useritem.hover div { border-bottom: 1px solid #252525; } .navitem.useritem ul li:hover { cursor: pointer; background: url(http://k45.kn3.net/6114D74DF.png) top repeat-x #161616; } .navitem.useritem ul li { border: 1px solid #171717; text-align: center; border-top: none; background: url(http://k44.kn3.net/849C44F13.png) top repeat-x #252525; } #nav ul li a { background: #202020; } #nav ul li:hover a { background: #3F3F3F; } #nav ul li.active a { background: white; color: black; } #show-paises-lista { background: #181818; } #show-paises-lista:hover { background: #818181; } Solo disponible para Chrome Instalacion de los estilos Entra a este enlace e instala esa extension. Luego hace clic en Y luego apretan en Y pegan el respectivo codigo Ahora, ¡A editarlo! ¿Que partes son editables? (en otro post aclaro como hacer mas ediciones) Las que vemos en rojo a continuacion: Para editar esta parte Tienen que hacer lo siguiente: Clic derecho en cualquier parte de taringa > Clic en Stylebot > Style element Y nos aparece esto Vamos a borrar lo que diga, en este caso dice html body y vamos a poner #nav Donde dice #3E3E3E (colores html cliqueame) se ponen los colores en html, por ejemplo si queremos un azul ponemos #0000FF Perdonen, en la imagen salio un doble numeral (#) Para editar esta parte Tienen que hacer lo siguiente: Clic derecho en cualquier parte de taringa > Clic en Stylebot > Style element Y nos aparece esto Vamos a borrar lo que diga, en este caso dice html body y vamos a poner #header Nos va a aparecer esto Al link le vamos a prestar atencion, copian ese link de kn3 y lo abren en una nueva pestaña, nos va a aparecer este header: (Hecho por @C_D_L) Copian la imagen esa, la pegan en su editor de imagenes (paint.net, photoshop) y la editan a su gusto y la suben a kn3.net Y lo pegan en donde estaba el anterior link de la imagen reemplazandolo Espero que el post les haya gustado, si les gusta este estilo pueden hacer pedidos, si me gusta lo que ofrecen se los hago!