Sliders en el Foro.

por Ghiggia 1/6/2012, 4:05 pm

WTF baffo deja de irte de tema xD

edito: ahora que voy viendo los avanzes se va al carajo, baffo lpm te fuiste la carajo! ajja muyyy bueno

por Jona! 1/6/2012, 4:15 pm

Ami no me andan solo se me ven los nombres de los coso y nada mas

por niko 1/6/2012, 4:20 pm

Debe ser porque lo estan arreglando todavía, esperemos a que hagan un post oficial :D

por **Zero** 1/6/2012, 4:47 pm

Andás de vuelo Baffoo. Ya se que no terminaste con esto de los slides pero te recomendaría que la animación de los slides sea lo más rápida y fluída posible.

por Budweiser 1/6/2012, 4:52 pm

Żeяo escribió:Andás de vuelo Baffoo. Ya se que no terminaste con esto de los slides pero te recomendaría que la animación de los slides sea lo más rápida y fluída posible.

Sabelo que si Cero amigo mio

por Eriksen' 1/6/2012, 4:54 pm

por Rossi 1/6/2012, 5:08 pm

NOOO QUE SARPADO , DEJAS EL MOUSE ARRIBA DEL COSITO Y SE DESLIZA Y LE DAS CLICK Y TE LLEVA A DONDE TENES LA NOTIFICACIONES QUE SARPADO POR DIOS BAFÚ TE FUISTES AL CARAJO .

por Erre 1/6/2012, 6:13 pm

MUYYY SARPADO!!

por ℓeσ 1/6/2012, 6:21 pm

todo guias de foro activo eh bafo? jaja

por **Bafo** 1/6/2012, 6:25 pm

ℓeσ escribió:todo guias de foro activo eh bafo? jaja

Los códigos nomás saco, obviamente, no voy a inventar los códigos base yo.. Los códigos son proporcionados en varios lados, y luego edito los códigos que es lo que se hacer.

Una parte del código:

Código:: .accordion li > h2 { color: ; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; } .accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%9; left: 10%; left: 5%9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .accordion li > h2:hover { cursor: pointer; } .accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; } .accordion noscript p { padding: 10px; margin: 0; background: white; } /****************************************** Basic */ .basic li > h2 { background: #053C74; color: white; line-height: 1.8em; } .basic li > div h3 { margin: 15px 10px; } .basic li > div p { margin: 10px; font-size: 14px; } /****************************************** Dark */ .dark { border: 9px solid #1D1E1F; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303 ; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); } .dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; } .dark li > h2 span { background: #353535; color: white; } .dark li > h2 b { background: #3535359; color: ; font-size: 1px; text-shadow: -1px 1px 0 #5b5b5b; } .dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); } .dark h2.selected b { background: #4343439; } .dark li > div { background: #030303; margin-left: 5px; }