Publicidad

Autor Tema: Editor de Post Igual a downfull! [Actualizado, Con Hover]  (Leído 4307 veces)

Desconectado Zonefull

  • Hero Member
  • *****
  • Mensajes: 843
  • Power: 166
  • Sexo: Masculino
  • Where is My mind?
    • Ver Perfil
    • TheFullZone
Editor de Post Igual a downfull! [Actualizado, Con Hover]
« en: Noviembre 12, 2010, 08:43:59 pm »
Bueno Primero que nada espero que no se enoje Jona Por que es igual a el de su web este nuevo editor.

Y ahora una cap:


y ahora simplemente busquen en su Estilos-sp.css /*Editor BBC */  hasta /*Fin editor*/

y Todo eso remplazenlo por esto

[ACTUALIZADO !Important]

Citar
/*Editor BBC */

.markItUp *{margin:0px; padding:0px;}
.markItUp a:link,
.markItUp a:visited{color:#000;text-decoration:none;}
.markItUp{width:640px;margin:5px 0 5px 0;}
.markItUp .markItUpHeader {
-moz-border-radius:5px 5px 0 0;
background:none repeat scroll 0 0 #24385A;
border:1px solid #1F1F1F;
height:26px;
padding:5px;
width:610px;}
.markItUpContainer{-moz-border-radius:5px 5px 5px 5px;
font:12px Arial,Helvetica,sans-serif;
padding:5px 5px 2px;}
.markItUpEditor{font:12px Arial;padding:5px 5px 5px 0px;border:1px solid #CCCCCC;width:615px!important;height:320px;background:#FFFFFF;clear:both; display:block;line-height:18px;overflow:auto;}
.markItUpHeader ul li{list-style:none;float:left;position:relative;}
.markItUpHeader ul li:hover > ul{display:block;}
.markItUpHeader ul .markItUpDropMenu{z-index:1;}
.markItUpHeader ul .markItUpDropMenu li{margin-right:0px;}
.markItUpHeader ul ul{display:none;position:absolute; left:0px;background:#24385A;border:1px solid #000;-moz-box-shadow:0 0 6px #000000;-moz-border-radius:0 0 5px 5px;}
.markItUpHeader ul ul li{float:none;border-bottom:1px solid #004F84;}
.markItUpHeader ul ul .markItUpDropMenu{background: #FFF url('images/icons/editor-flecha-sub.gif')no-repeat 100% 50%;}
.markItUpHeader ul .markItUpSeparator{background:none repeat scroll 0 0 transparent;
height:26px;
text-indent:-9999px;
width:8px;;}
.markItUpHeader ul ul .markItUpSeparator{width:auto; height:1px;margin:0px;}
.markItUpHeader ul ul ul{position:absolute;top:-1px; left:150px;}
.markItUpHeader ul ul ul li{float:none;}
.markItUpHeader ul a{background-repeat:no-repeat;
display:block;
margin:0;
padding:3px 3px 3px 4px;
text-indent:-10000px;
width:20px;}
.markItUpHeader ul ul a{display:block;padding-left:0px;text-indent:0;width:120px;padding:5px 5px 5px 25px;background-position:2px 50%;}
.markItUpHeader ul ul a:hover{color:#FFF;}
.markItUpResizeHandle{overflow:hidden;width:22px;height:5px;margin-left:auto;margin-right:auto;background-image:url('images/icons/editor-tamano.gif');cursor:n-resize;}
.markItUp .markItUpButton1 a{background:url("images/bbcodes2.png") no-repeat scroll left -3px transparent;
height:21px;}
.markItUp .markItUpButton1 a:hover {
background:url("images/hoveractive.png") no-repeat scroll left -2px transparent;
height:21px;
}
.markItUp .markItUpButton2 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -30px transparent;
height:21px;}
.markItUp .markItUpButton2 a{background:url("images/bbcodes2.png") no-repeat scroll left -31px transparent;
height:21px;}
.markItUp .markItUpButton3 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -58.5px transparent;
height:21px;}
.markItUp .markItUpButton3 a{background:url("images/bbcodes2.png") no-repeat scroll left -59.5px transparent;
height:21px;}
.markItUp .markItUpButton4 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -86px transparent;
height:21px;}
.markItUp .markItUpButton4 a{background:url("images/bbcodes2.png") no-repeat scroll left -87px transparent;
height:21px;}
.markItUp .markItUpButton5 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -114px transparent;
height:21px;}
.markItUp .markItUpButton5 a{background:url("images/bbcodes2.png") no-repeat scroll left -115px transparent;
height:21px;}
.markItUp .markItUpButton6 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -142px transparent;
height:21px;}
.markItUp .markItUpButton6 a{background:url("images/bbcodes2.png") no-repeat scroll left -143px transparent;
height:21px;}
.markItUp .markItUpButton7 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -171px transparent;
height:21px;}
.markItUp .markItUpButton7 a{background:url("images/bbcodes2.png") no-repeat scroll left -171px transparent;
height:21px;}
.markItUpButton .markItUpButton7-2 a{background:none repeat scroll 0 0 transparent !important;color:red;}
.markItUpButton .markItUpButton7-3 a{background:none repeat scroll 0 0 transparent !important;color:orange;}
.markItUpButton .markItUpButton7-5 a{background:none repeat scroll 0 0 transparent !important;color:yellow;}
.markItUpButton .markItUpButton7-6 a{background:none repeat scroll 0 0 transparent !important;color:green;}
.markItUpButton .markItUpButton7-7 a{background:none repeat scroll 0 0 transparent !important;color:olive;}
.markItUpButton .markItUpButton7-9 a{background:none repeat scroll 0 0 transparent !important;color:blue;}
.markItUpButton .markItUpButton7-10 a{background:none repeat scroll 0 0 transparent!important;color:#00008B;}
.markItUpButton .markItUpButton7-11 a{background:none repeat scroll 0 0 transparent!important;color:#4B0082;}
.markItUpButton .markItUpButton7-12 a{background:none repeat scroll 0 0 transparent!important;color:#EE82EE;}
.markItUpButton .markItUpButton7-1 a{background:none repeat scroll 0 0 transparent!important;color:#8B0000;}
.markItUpButton .markItUpButton7-4 a{background:none repeat scroll 0 0 transparent!important;color:#8B0000;}
.markItUpButton .markItUpButton7-8 a{background:none repeat scroll 0 0 transparent!important;color:#00FFFF;}
.markItUpButton .markItUpButton7-13 a{background:none repeat scroll 0 0 transparent!important;color:black;}
.markItUp .markItUpButton8 a{background:url("images/bbcodes2.png") no-repeat scroll left -199px transparent;
height:21px;}
.markItUp .markItUpButton8 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -198px transparent;
height:21px;}
.markItUpButton .markItUpButton8-1 a{background:none repeat scroll 0 0 transparent!important;size:7pt;}
.markItUpButton .markItUpButton8-2 a{background:none repeat scroll 0 0 transparent!important;size:9pt;}
.markItUpButton .markItUpButton8-3 a{background:none repeat scroll 0 0 transparent!important;size:12pt;}
.markItUpButton .markItUpButton8-4 a{background:none repeat scroll 0 0 transparent!important;size:18pt;}
.markItUpButton .markItUpButton8-5 a{background:none repeat scroll 0 0 transparent!important;size:24pt;}
.markItUp .markItUpButton9 a{background:url("images/bbcodes2.png") no-repeat scroll left -227px transparent;
height:21px;}
.markItUp .markItUpButton9 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -226px transparent;
height:21px;}
.markItUpButton .markItUpButton9-1 a{background:none repeat scroll 0 0 transparent!important;font-family:'Arial';}
.markItUpButton .markItUpButton9-2 a{background:none repeat scroll 0 0 transparent!important;font-family:'Courier New';}
.markItUpButton .markItUpButton9-3 a{background:none repeat scroll 0 0 transparent!important;font-family:'Georgia';}
.markItUpButton .markItUpButton9-4 a{background:none repeat scroll 0 0 transparent!important;font-family:'Times New Roman';}
.markItUpButton .markItUpButton9-5 a{background:none repeat scroll 0 0 transparent!important;font-family:'Verdana';}
.markItUpButton .markItUpButton9-6 a{background:none repeat scroll 0 0 transparent!important;font-family:'Trebuchet MS';}
.markItUpButton .markItUpButton9-7 a{background:none repeat scroll 0 0 transparent!important;font-family:'Lucida Sans';}
.markItUpButton .markItUpButton9-8 a{background:none repeat scroll 0 0 transparent!important;font-family:'Comic Sans';}
.markItUp .markItUpButton10 a:hover, .markitcomment .markItUp .markItUpButton4 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -254px transparent;
height:21px;}
.markItUp .markItUpButton10 a, .markitcomment .markItUp .markItUpButton4 a{background:url("images/bbcodes2.png") no-repeat scroll left -255px transparent;
height:21px;}
.markItUp .markItUpButton11 a:hover, .markitcomment .markItUp .markItUpButton5 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -282px transparent;
height:21px;}
.markItUp .markItUpButton11 a, .markitcomment .markItUp .markItUpButton5 a{background:url("images/bbcodes2.png") no-repeat scroll left -283px transparent;
height:21px;}
.markItUp .markItUpButton12 a:hover, .markitcomment .markItUp .markItUpButton6 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -310px transparent;
height:21px;}
.markItUp .markItUpButton12 a, .markitcomment .markItUp .markItUpButton6 a{background:url("images/bbcodes2.png") no-repeat scroll left -311px transparent;
height:21px;}
.markItUp .markItUpButton13 a, .markitcomment .markItUp .markItUpButton7 a{background:url("images/bbcodes2.png") no-repeat scroll left -339px transparent;
height:21px;}
.markItUp .markItUpButton13 a:hover, .markitcomment .markItUp .markItUpButton7 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -338px transparent;
height:21px;}
.markItUp .markItUpButton14 a, .markitcomment .markItUp .markItUpButton8 a{background:url("images/bbcodes2.png") no-repeat scroll left -367px transparent;
height:21px;}
.markItUp .markItUpButton14 a:hover, .markitcomment .markItUp .markItUpButton8 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -366px transparent;
height:21px;}
.markItUp .markItUpButton15 a, .markitcomment .markItUp .markItUpButton9 a{background:url("images/bbcodes2.png") no-repeat scroll left -395px transparent;
height:21px;}
.markItUp .markItUpButton15 a:hover, .markitcomment .markItUp .markItUpButton9 a:hover{background:url("images/hoveractive.png") no-repeat scroll left -394px transparent;
height:21px;}

/*Fin editor*/

y suban las imagenes adjuntas a Themes/tutheme/images o si tienen el theme default Themes/default/images

Y eso es todo
« última modificación: Noviembre 20, 2010, 03:28:38 am por Zonefull »

Desconectado hameku12

  • Jr. Member
  • **
  • Mensajes: 52
  • Power: 25
    • Ver Perfil
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #1 en: Noviembre 12, 2010, 08:48:36 pm »
Mil gracias te pasaste! :dance1:

Desconectado 50cent

  • VIP
  • *
  • Mensajes: 1435
  • Power: 238
  • Sexo: Masculino
  • Y u no upload 2.4 !!!
    • Ver Perfil
    • Pruebas guachin '_'
Re: Editor de Post Igual a T!= en Azul
« Respuesta #2 en: Noviembre 12, 2010, 08:50:06 pm »
Le hubieras mandado un photoshop a la barra.     +1

Desconectado matias2

  • Hero Member
  • *****
  • Mensajes: 876
  • Power: 66
  • Sexo: Masculino
    • Ver Perfil
    • Matcin
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #3 en: Noviembre 12, 2010, 09:25:12 pm »
muy bueno che +10

Desconectado calito_guns

  • Full Member
  • ***
  • Mensajes: 159
  • Power: 32
  • Sexo: Masculino
  • Welcome to the jungle!
    • MSN Messenger - daviherrer55@hotmail.com
    • Ver Perfil
    • Descarga-Mas!
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #4 en: Noviembre 12, 2010, 11:57:07 pm »
muy bueno! +1 :hi:

Desconectado j0n4th4ntub3!®

  • unset($topos)
  • Project Manager
  • *
  • Mensajes: 4397
  • Power: 2054
  • Sexo: Masculino
  • /** @role: developer */
    • Ver Perfil
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #5 en: Noviembre 13, 2010, 12:33:33 am »
es un recorte de mi editor...  En todo caso +1
« última modificación: Noviembre 13, 2010, 12:36:32 am por j0n4th4ntub3!® »
Cita de: shake
¡Vamos, somos Small Pirate, la puta que lo parió, no es poca cosa, somos mejores y tenemos que seguir!

Desconectado Zonefull

  • Hero Member
  • *****
  • Mensajes: 843
  • Power: 166
  • Sexo: Masculino
  • Where is My mind?
    • Ver Perfil
    • TheFullZone
Re: Editor de Post Igual a T!= en Azul
« Respuesta #6 en: Noviembre 13, 2010, 01:09:47 am »
es un recorte de mi editor...  En todo caso +1
xD sii sorry x no pedirte permiso pero luego ni responde los Mps ^^

Desconectado shake

  • Hay tanto por hacer y queda tan poco tiempo.
  • Staff Director
  • *
  • Mensajes: 6291
  • Power: 294
  • Sexo: Masculino
  • ¿Yo buena onda? ¡Gracias locas!
    • Ver Perfil
    • G+
Re: Editor de Post Igual a T!= en Azul
« Respuesta #7 en: Noviembre 13, 2010, 04:31:52 am »
Creo que muchos te van a amar acá.

+1 Solo por el esfuerzo.

Desconectado Zonefull

  • Hero Member
  • *****
  • Mensajes: 843
  • Power: 166
  • Sexo: Masculino
  • Where is My mind?
    • Ver Perfil
    • TheFullZone
Re: Editor de Post Igual a T!= en Azul
« Respuesta #8 en: Noviembre 13, 2010, 06:28:41 am »
Creo que muchos te van a amar acá.

+1 Solo por el esfuerzo.
jeje Grax men se agradecen los comentarios, oie shake un favor puedes mover el topic a mods 2.3 esq me eqivoqe

Desconectado anferro

  • SPmaniaco
  • *******
  • Mensajes: 2691
  • Power: 70
  • Sexo: Masculino
    • Ver Perfil
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #9 en: Noviembre 13, 2010, 06:32:10 am »
Muy Bueno men Gracias +1 lo probare

Mensaje Unido: Noviembre 13, 2010, 06:40:09 am
Muy Bueno men Gracias +1 lo probare
« última modificación: Noviembre 13, 2010, 06:40:09 am por anferro »
Made in colombia papa!
Gana Dinero Rapido Facil y Efectivo!
@anferro007
Gana $ Con tus Tweet's

Se supone que aquí debo poner algo interesante xdgdfgdgljgdlfgjdff

Desconectado fighten

  • Sr. Member
  • ****
  • Mensajes: 430
  • Power: 298
  • Sexo: Masculino
    • MSN Messenger - fighten_aldo_@hotmail.com
    • Ver Perfil
    • Xtreme Post!
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #10 en: Noviembre 13, 2010, 10:46:23 am »
muy bueno men

Mensaje Unido: Noviembre 13, 2010, 10:47:11 am
lo are negro + 1 me servira para el theme de T k voy a sacar jojojo

Desconectado fivezone

  • Programador
  • *
  • Mensajes: 2446
  • Power: 603
  • Sexo: Masculino
  • ..................................................
    • Ver Perfil
Re: Editor de Post Igual a T!= en Azul
« Respuesta #11 en: Noviembre 13, 2010, 03:25:22 pm »
lo que me faltaba xD ya sbia

Desconectado andresitooooo

  • Full Member
  • ***
  • Mensajes: 219
  • Power: 40
  • Aguante Zonfull!
    • Ver Perfil
    • Zonfull!
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #12 en: Noviembre 13, 2010, 04:23:16 pm »
esta bueno, yo ya lo puse y anda bien, luego habra que ponerle el hover

+1

Desconectado Hacker_1090

  • Newbie
  • *
  • Mensajes: 42
  • Power: 0
    • Ver Perfil
    • Recreopost.Net
Re: Editor de Post Igual a T!= en Azul
« Respuesta #13 en: Noviembre 13, 2010, 06:40:49 pm »
bueno.!! :up:

Desconectado Festus911™

  • Sr. Member
  • ****
  • Mensajes: 415
  • Power: 559
  • Sexo: Masculino
  • Relaxing!
    • Ver Perfil
    • GetZocial
    • Email
Re: Editor de Post Igual a T!= en Azul
« Respuesta #14 en: Noviembre 13, 2010, 07:46:03 pm »
Muy bueno +1 :hi: