InicioTaringaTaringa v6 [Style CSS]




¿De que trata el post?


Bienvenidos a este Diseño que eh Creado,Se trata de una TOTAL Modificacion en los estlos de

Para mi Al menos, esta muy Groso, se los recomiendo les dejo unas CAP's :


Aqui como Se Ve La Home (Inicio de Taringa!):



Aqui Al Entrar a una Comunidad:


(Como pueden ver tiene un bonito Efecto)

Aqui al Entrar a Un Post:



Aqui la Parte de los Comentarios De Algun Post:


(Tiene un Bonito "Text-Shadow"


¿Como Instalo el Style(Estilo.CSS)?
R=Necesitaran El StyleBot para Google Chrome (Proximamente lo saco para FireFox)
El Siguiente Codigo, al instalar el StyleBot en el Chrome A un Lado de "Marcadores" Aparecera un icono Que Dice "CSS" Click ahi, y le dan a "Edit CSS", Y Ahi ESCRIBEN EL CODIGO!
[color=#000000][color=#000000]#logo {
    height: 55px;
    width: 230px;
    background: url(http://o1.t26.net/img/logo.png) no-repeat ;
    border-bottom: 0px solid #034260;
}

#header {
    background: url(http://i.imgur.com/flm1N.png) ;
}

img.photo:hover {
    -webkit-transform: scale(1.1) ;
    -webkit-transition-duration: 0.5s ;
}

img.photo {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) ;
    border: 5px solid #FFF ;
    -webkit-transform: rotate(-5deg) ;
    -webkit-transition-duration: 0.5s ;
}

img.big-avatar:hover {
    -webkit-transform: scale(1.1) ;
    -webkit-transition-duration: 0.5s ;
}

img.big-avatar {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) ;
    border: 2px solid #FFF ;
    -webkit-transform: rotate(-5deg) ;
    -webkit-transition-duration: 0.5s ;
}

.my-shout-attach-options .btn.g {
    margin-top: -13px ;
    border-radius: 0 0 4px 4px ;
    border-color: #bbb ;
    margin-left: 0px ;
}

.attach-video {
    margin-top: -13px ;
    background-color: #fff ;
    border: 1px solid #bbb ;
    border-radius: 0px ;
}

.attach-link {
    margin-top: -13px ;
    background-color: #fff ;
    border: 1px solid #bbb ;
    border-radius: 0px ;
}

.attach-image {
    margin-top: -13px ;
    background-color: #fff ;
    border: 1px solid #bbb ;
    border-radius: 0px ;
}

textarea.body.ui-corner-all.form-input-text.box-shadow-soft.sizeLimit {
    font-style: italic ;
    font-weight: bold ;
    font-family: Helvetica, Arial, sans-serif ;
    color: 004160 ;
}

.share-shout, .privacy-shout {
    margin-top: 0px ;
}

.my-shout-footer .my-shout-add {
    margin-top: -13px ;
    border-top: 1px solid #bbb ;
    border-radius: 0 0 4px 4px ;
    margin-right: -5px ;
}

div.cont-filterH.recent {
    font-weight: bold ;
    font-style: italic ;
    font-family: Helvetica, Arial, sans-serif ;
}

a.notext {
    background-color: #004160 ;
}

textarea.autogrow.ui-corner-all.form-input-text.box-shadow-soft.sizeLimit.markItUpEditor {
    color: #004160 ;
    font-style: italic ;
    font-family: Helvetica, Arial, sans-serif ;
    font-weight: bold ;
}

input.required.text.cuenta-save-1.ui-corner-all.form-input-text.box-shadow-soft {
    font-weight: bold ;
}

div.s-main {
    font-weight: bold ;
}

div.perfil-info {
    font-style: italic ;
}

.my-shout-textarea-mi textarea {
    border-radius: 5px 5px 0px 0 ;
}

#search input, #search-bottom input {
    -webkit-border-top-left-radius: 50px ;
    -webkit-border-bottom-left-radius: 50px ;
    -moz-border-radius-topleft: 50px ;
    -moz-border-radius-bottomleft: 50px ;
    border-top-left-radius: 50px ;
    border-bottom-left-radius: 50px ;
}

.navbar {
    -moz-border-radius: 15px ;
    -webkit-border-radius: 15px ;
}

#notifications-navitem {
    -webkit-border-top-left-radius: 15px ;
    -webkit-border-bottom-left-radius: 15px ;
    -moz-border-radius-topleft: 15px ;
    -moz-border-radius-bottomleft: 15px ;
    border-top-left-radius: 15px ;
    border-bottom-left-radius: 15px ;
}

#compose-navitem {
    -webkit-border-top-right-radius: 15px ;
    -webkit-border-bottom-right-radius: 15px ;
    -moz-border-radius-topright: 15px ;
    -moz-border-radius-bottomright: 15px ;
    border-top-right-radius: 15px ;
    border-bottom-right-radius: 15px ;
}

#show-paises-lista {
    -webkit-border-top-left-radius: 10px ;
    -webkit-border-top-right-radius: 10px ;
    -moz-border-radius-topleft: 10px ;
    -moz-border-radius-topright: 10px ;
    border-top-left-radius: 10px ;
    border-top-right-radius: 10px ;
}

#search a.btn_search {
    background: url(http://imagent.com.ar/ping/searchbtn_fix.png) no-repeat ;
    background-position: -8px ;
}

i.icon.s-comment {
    background: url(http://imagent.com.ar/ping/balloon.png) no-repeat center ;
}

i.icon.economia-negocios {
    background-position: -187px 0px ;
}

i.icon.quote:hover {
    background: url(http://imagent.com.ar/ping/quote-hover.png) ;
}

i.icon.block:hover {
    background: url(http://imagent.com.ar/ping/block-hover.png) ;
}

i.icon.delete:hover {
    background: url(http://imagent.com.ar/ping/delete-hover.png) ;
}

div.modal-wrapper.rounded h3 {
    background: url(http://imagent.com.ar/ping/menu-background.png) ;
    border: 0px solid transparent ;
    padding-left: 64px ;
    font-weight: bold ;
    text-transform: uppercase ;
    color: #8a8a8a ;
    font-size: 13px ;
    border-radius: 5px ;
}

i.icon.compose.hastipsy {
    background: url(http://imagent.com.ar/ping/compose.png) ;
}

i.icon.messages {
    background: url(http://imagent.com.ar/ping/messages.png);
}

a img {
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

.perfil-avatar img {
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

.comunidades-list .list-single img {
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

.activity-element a.avatar img:hover, .shout-box a.avatar img:hover {
    float: left ;
    border: 1px solid rgb(22, 158, 252) ;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    background: #44a5e8 ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

a.alter img {
    border-style: solid ;
    background-color: #1991fa ;
    border-color: #1991fa ;
    margin-top: -2px ;
    margin-left: -2px ;
}

div.list-element {
    border-style: dashed ;
    border-color: #b8b8b8 ;
}

div.list-element.unread {
    border-style: none ;
}

i.icon.taringa {
    background: url(http://i.imgur.com/jUgQk.png);
}

input.searchq.fast-search.ui-autocomplete-input {
    font-style: italic ;
}

.min-avatar {
    border: 1px solid rgb(22, 158, 252) ;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    background: #44a5e8 ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

.avatar-list-48 li.admin {
    float: left ;
    border: 1px solid rgb(22, 158, 252) ;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23, 148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    background: #44a5e8 ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

.avatar-list-48 li {
    border: 1px solid rgb(28, 211, 20) ;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29), 0 1px 4px rgba(23 ,148, 232, 0.81), inset 0 1px 0 #bbecf3 ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
}

textarea.autogrow.ui-corner-all.form-input-text.box-shadow-soft.markItUpEditor {
    color: #004160 ;
    font-weight: bold ;
}

div.comment-text {
    font-weight: bold ;
}

input.ui-corner-all.form-input-text.box-shadow-soft.ui-autocomplete-input {
    font-weight: bold ;
    color: #004160 ;
}

input.ui-corner-all.form-input-text.box-shadow-soft {
    font-weight: bold ;
    color: #004160 ;
}

#scroll-up {
    background: url(http://i.imgur.com/H9Xoi.png);
    opacity: 0.75;
    border-radius: 32px;
    box-shadow: 0px -6px 5px rgba(0,0,0,0.2);
}

.title h2 {
    text-shadow: 2px 2px 2px #ccc ;
    font-family: Helvetica,Arial,Sans-Serif ;
}

#menu-section-musica a {
    color: #ffffff ;
    background-color: #003750 ;
}

span.char-count.negative {
    margin-top: -60px ;
}

div.comments-closed {
    border-style: none ;
    color: #ffffff ;
    background-color: #004160 ;
}

div.comments-empty {
    padding: 12px;
    border: 2px dashed #BCD7E4;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #006595;
    background: #E7F7FF;
}

span.char-count.positive {
    margin-top: -60px ;
}

div.masdiez:hover {
    background: green ;
    -webkit-box-shadow: 0px 0px 10px green ;
    -moz-box-shadow: 0px 0px 10px green ;
    box-shadow: 0px 0px 10px green ;
}

i.icon.actividad {
    background: url(http://i.imgur.com/QnHV3.png) ;
}

i.icon.sprite-block {
    background: url(http://i.imgur.com/UJUE3.png) ;
}

i.icon.sprite-document-text-image {
    background: url(http://i.imgur.com/MSGoG.png) ;
    height: 20px ;
}

i.icon.mi {
    background: url(http://i.imgur.com/RSm37.png);
    width: 20px ;
}

i.icon.sprite-balloon-left-blue {
    background: url(http://i.imgur.com/4AxYs.png) ;
}

div.clearfix.shout-footer {
    background: url(http://imagent.com.ar/ping/s-bottom-back.png) ;
    z-index: 2 ;
    border-top-width: 0 ;
}

i.icon.offtopic {
    background: url(http://imagent.com.ar/ping/off.png) ;
}

i.icon.imagenes {
    background: url(http://i.imgur.com/ZvEDd.png) ;
}

i.icon.mascotas {
    background: url(http://imagent.com.ar/ping/pet.png) ;
}

i.icon.animaciones {
    background: url(http://imagent.com.ar/ping/flash.png) ;
}

i.icon.tv-peliculas-series {
    background: url(http://i.imgur.com/XyDtB.png) ;
}

i.icon.noticias {
    background: url(http://i.imgur.com/FOYe0.png) ;
}

i.icon.humor {
    background: url(http://i.imgur.com/7tOsv.png) ;
}

i.icon.deportes {
    background: url(http://i.imgur.com/ErMNN.png) ;
}

i.icon.femme {
    background: url(http://i.imgur.com/4DX2K.png);
}

i.icon.male {
    background: url(http://i.imgur.com/0GBZD.png);
}

a.avatar img:hover {
    -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 1.0s;
}

div.view-more-list {
    background-color: #004160;
}

div.view-more-list a {
    color: #ffffff;
}

li a img:hover {
    -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 0.5s;
}

li a img {
    -webkit-transition: ease 2s;
    -webkit-transition-duration: 2s;
}

h2.author-nick {
    margin-left: 0;
    -webkit-transition-duration: .4s;
}

h2.author-nick:hover {
    margin-left: 30px;
    -webkit-transition-duration: .4s;
}

div.comment-content {
    color: #004160;
}

a:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    color: black;
    text-shadow: 1px 1px 10px #fff;
}

span.icon-medallas {
    -webkit-transition: ease 2s ;
    -webkit-transition-duration: 2s ;
}

span.icon-medallas:hover {
    -webkit-transform: rotate(360deg) ;
    -webkit-transition-duration: 0.5s ;
}

div.big-group-info.clearfix {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-raiud: 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

div.box.thread-box.real-shadow {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-raiud: 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

a.tw-shout.hastipsy {
    height: 32px;
    width: 32px;
    margin-top: -7px;
    background: url(http://i.imgur.com/sDqJM.png);
    margin-right: +1px;
    margin-left: 0;
}

a.face-shout.hastipsy {
    margin-right: -2px;
    margin-top: -7px;
    height: 32px;
    width: 32px;
    background: url(http://i.imgur.com/qOUFB.png);
}

i.icon.Músico.hastipsy {
    background-position: -60px -178px;
}

div.search-widget.images-result {
    background-color: #eff9fd;
    border-style: dashed;
    border-color: #0576ff;
    border-width: 2px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

i.icon.refresh:hover {
    background: url(http://i.imgur.com/k1TwL.png)    
;
}

i.icon.refresh {
    background: url(http://i.imgur.com/BouwN.png);
}

div.result-post.clearfix {
    background-color: #eff9fd;
    border-color: #0576ff;
    border-style: dashed;
    border-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

div.view-more {
    background-color: #eff9fd;
}

button.my-shout-add.btn.a.floatR.mi {
    margin-right: 1%;
}

div.thread.sticky.clearfix {
    border-color: #828282;
    border-style: dashed;
    border-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    background-color: #fef29e;
}

ul.my-shout-attach-options {
    margin-top: 0.4%;
    margin-left: 0.6%;
}

i.icon.silver-user.hastipsy {
    background: url(http://i.imgur.com/TH5cr.png);
}

i.icon.moderador.hastipsy {
    background: url(http://i.imgur.com/eTmIg.png);
}

i.icon.novato.hastipsy {
    background: url(http://i.imgur.com/zc035.png);
}

.post-data .post-points ul li {
    background: url("userbardivider.gif") no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
}[/color][/color]

Esto es Todo espero les guste.

NOTA: Se Encuentra en Version BETA, ya que se pueden encontrar uno que otro BUG, asi que Reportad si encontras!

Ahora si Adios .
Datos archivados del Taringa! original
31puntos
0visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

x
xC4RL05x🇦🇷
Usuario
Puntos0
Posts4
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.