Vanderbil

Cualquier duda envíame un MP Estoy siempre online Si te gustan mis aportes no dudes en seguirme y ver mi actividad Deja cargar el post... Hola! Les comparto este CSS que hice ayer, básicamente lo que cambia es: • Header • Home • Logo (ahora dice Taringo porque queda piola) • Sección MI • Algunos hovers (incluye sección posts, perfil (avatar), MI, etc... Puede que el diseño te queme los ojos por el color celeste claro (putazo!) pero bueno, esto es lo que uno hace cuando está al reverendo pedo :) Imágenes (Abrir en nueva pestaña para ver más grande) Algunas preview de como se vería una vez instalado el estilo, style, css, como quieras llamarlo. Home Logo y header MI Ahora algunos hovers :) ¿Cómo se instala? ¡fácil! • Descargar la extensión Stylebot desde la appstore de Chrome aquí • Arriba a la derecha te sale CSS en verde, clickeá ahí • Luego Open Stylebot • Van hasta abajo, y ven el boton que dice Edit CSS y clickeas, ahí pegas el codigo que te dejo acá: #menu-section-tops a:hover { background-color: #0099eb; } #menu-section-posts a:hover { background-color: #0099eb; } #menu-section-comunidades a:hover { background-color: #0099eb; } #menu-section-musica a:hover { background-color: #0099eb; } #menu-section-juegos a:hover { background-color: #0099eb; } #menu-section-mi a:hover { background-color: #0099eb; } #nav ul li.active a { color: #000; background: #FFF; } .bubble span, .bubble a { display: block; float: left; font-size: 11px; color: #FFF; background: url(http://o1.t26.net/img/bubble.png) no-repeat; } .bubble span { padding: 1px 6px 9px 0; background-position: right top; } .bubble { position: absolute ; bottom: 15px; right: -6px; z-index: 10; background: none ; pointer-events: none; } #nav ul li .bubble a, #nav ul li.new .bubble span { background: url(http://o1.t26.net/img/bubble.png) no-repeat ; } .navbar:hover { height: 33px; border-bottom: 1px solid #0040a6 ; border-top: 1px solid #0040a6 ; border-left: 1px solid #0040a6 ; border-right: 1px solid #0040a6 ; position: absolute; right: 245px; top: 17px; z-index: 9999 ; background: url(http://k41.kn3.net/3/8/3/5/7/E/409.png); } .navbar .navitem.active, .navbar .navitem.active:hover { cursor: pointer; background: none; background-color: #004970; } .navitem.useritem ul li { border: 1px solid #0040a6 ; border-top: none ; background: none ; background-color: #0060d6 ; } .navitem.useritem.hover div { border-bottom: 0px solid #07273b ; background: none; background-color: #004996; } .navbar .navitem:hover { cursor: pointer; background: none; background-color: #004996; } div.view-more-list { background-color: #0063cc; border-radius: 4px; } div.view-more-list a { color: #ffffff; } a.notext { display: none; } a.show-paises-lista { display: none; } input.searchq.fast-search.suggest.suggest-mention.suggest-hashtag { font-size: 12px; } a.btn.g.require-login { text-decoration: none; } a.avatar img { box-shadow: 0px 0px 0px 0px; border-color: #003c85; } a.btn.g.hastipsy { box-shadow: 0px 0px 0px 0px; border-color: #c7c7c7; } button.my-shout-add.btn.a.floatR.mi { box-shadow: 0px 0px 0px 0px; border-color: #007da3; } div.alert.info { padding-top: 8px; padding-bottom: 8px; border-radius: 3px 3px 3px 3px; background-color: #bdbdbd; color: white; text-shadow: 1px 0px 1px gray; text-transform: uppercase; font-size: 11px ; font-weight: bold; } textarea.suggest.suggest-mention.suggest-hashtag.body.ui-corner-all.form-input-text.box-shadow-soft.shoutbox-texarea.ubertext { background-color: #fcfcfc; border-color: #bfbfbf; box-shadow: 0px 0px; font-weight: bold; } div.shout-box.clearfix { background-color: #e6e6e6; } #bubble-alert-newsfeed { box-shadow: 0px 0px 0px; background-color: #0092d6; } #bubble-alert-thirdnotification { box-shadow: 0px 0px 0px; background-color: #0092d6; } ul.tabs.clearfix li a { -webkit-transition: .4s; border-radius: 15px; } #menu ul li.active a, #menu ul li a.active, .menu-tabs-perfil ul li.selected a { border-radius: 15px; color: white; background: #0f79d6; } #menu ul li a, .menu-tabs-perfil ul li a:hover { text-decoration: none; } ul.tabs.clearfix li a:hover { -webkit-transition: .4s; background: #0f79d6; border-radius: 15px; color: white; } #menu-section-posts a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } #menu-section-comunidades a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } #menu-section-musica a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } #menu-section-juegos a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } #menu-section-mi a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } #nav { background: none; background-color: #005eb0; border-bottom: 0px ; padding-bottom: 5px; } #menu-section-tops a { background-color: #0079c9; text-decoration: none; border-radius: 3px 3px 3px 3px; -webkit-transition: .4s; } .cont-filterH ul li a.active { box-shadow: 0px 0px 0px 0px; } ul.clearfix li a:hover { background: #0f79d6; border-radius: 15px; color: white; } ul.clearfix li a { -webkit-transition: .4s; border-radius: 15px; } div.list-element { -webkit-transition: .2s; background: #eee; border: #dedede 1px solid; border-radius: 4px; margin-bottom: 3px; } div.list-element a { text-decoration: none; } div.list-element:hover { background: #dedede; border: #dedede 1px solid; border-radius: 4px; margin-bottom: 3px; } img.photo { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -webkit-transition: .4s; background: #FFF; border: 1px solid #CCC; border-radius: 3px; box-shadow: 0 3px 5px #EEE; padding: 3px; } img.photo:hover { -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); background: #FFF; border: 1px solid #CCC; border-radius: 3px; box-shadow: 0 3px 5px #EEE; padding: 3px; } span.icon-medallas.hastipsy { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -webkit-transition: .4s; } span.icon-medallas.hastipsy:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -webkit-transition: .4s; } ul.menu-tab.clearfix li a { text-decoration: none; } #post-filter-select { margin-bottom: 4px; } #header { background: URL(http://k34.kn3.net/E/3/1/7/0/D/9E9.png); border-bottom: 0px; } #logo { background: url(http://k34.kn3.net/6/D/F/B/0/5/CCF.png)no-repeat; margin-left: 2px; margin-top: 5px; padding-right: 35px; } .navbar .navitem { -webkit-transition: .4s; background: none; float: left; position: relative; } .navbar { background: url(http://k41.kn3.net/3/8/3/5/7/E/409.png); border-bottom: 1px solid #0040a6; border-left: 1px solid #0040a6; border-right: 1px solid #0040a6; border-top: 1px solid #0040a6; height: 33px; position: absolute; right: 245px; top: 17px; z-index: 9999 ; } • Luego le dan en Save y listo! ¿No entendiste un sorete? te dejo un gif explicativo. ¡Hasta el próximo post! ¡En este post todos pueden comentar! (cualquier comentario fuera de lugar será eliminado) Fin del Post Gracias.