MyBB-Es.com     Comunidad en General     Papelera     (Archivo) MyBB 1.6.x     Soporte general MyBB 1.6.x    

[Error] ¿Como poner exactamente botones para spoiler y fieldset en el editor?

Páginas (2):    1 2
Shintetsu   12 Nov, 2010, 2:25 pm
#11
igualmente no sale las imagenes,
ya no salen las " B" pero ahora estan sin imagenes

alguna cosa para solucionarlo.
  
nentab   12 Nov, 2010, 2:39 pm
#12
(12 Nov, 2010, 2:25 pm)shintetsu escribió: igualmente no sale las imagenes,
ya no salen las " B" pero ahora estan sin imagenes

alguna cosa para solucionarlo.

Entonces es que pusiste mal el código de las imágenes o subiste mal las imágenes al FTP. Revisa la guía y hazlo bien.
  
Shintetsu   12 Nov, 2010, 4:39 pm
#13
osea como deberia subirlo o poner el codigo en el stylesheet.css
por fas para spoiler y fieldset
te lo agradeceria mucho.
con eto terminaria y daria solucionado

gracias
  
nentab   12 Nov, 2010, 4:44 pm
#14
Te voy a recomendar una cosa que funciona casi siempre! Big Grin LEER:

http://www.soportemybb.com/tema_Tutorial...r-de-texto

En los pasos 2 y 3 se hace lo que quieres.
  
Shintetsu   12 Nov, 2010, 5:54 pm
#15
Mentor, (maestro)
he hecho del paso 2 y e leido mas de media hora.
hago lo que usted dice y lo que el tutorial dice.
y no sale la imagen simplemente un " B"
donde deveria estar el spoiler y el fieldset

.messageEditor {
	background: #d5e4f2;
	border: 1px solid #9dbcd7;
	padding: 3px;
	padding-top: 3px;
}

.messageEditor .toolbar_container {
	height: 28px;
	padding: 2px;
}

.toolbar {
	height: 28px;
}

.messageEditor .toolbar_dropdown {
	margin-top: 3px;
	margin-right: 4px;
}

.messageEditor .toolbar_button {
	margin: 2px 0;
	height: 22px;
	float: left;
	display: block;
	z-index: 1;
}

.messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
	width: 23px;
	height: 22px;
	float: left;
}

.messageEditor .toolbar_sprite {
	display: block;
	background: url('images/toolbar.gif') no-repeat;
	background-position: 0 0;
}

.messageEditor .toolbar_button .toolbar_sprite_italic {
	background-position: -46px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_underline {
	background-position: -23px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_left {
	background-position: -69px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_center {
	background-position: -92px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_right {
	background-position: -115px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_justify {
	background-position: -138px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_num {
	background-position: -161px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_bullet {
	background-position: -184px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_image {
	background-position: -207px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_link {
	background-position: -230px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_email {
	background-position: -253px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_quote {
	background-position: -276px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_code {
	background-position: -299px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_php {
	background-position: -322px 0;
}

.messageEditor .toolbar_button_close_tags {
	width: 90px;
}

.messageEditor .toolbar_button .toolbar_sprite_video {
	width: 25px;
	background-position: -347px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_close_tags {
	width: 87px;
	background-position: -345px 0;
}

.messageEditor .toolbar_normal {
	background: url(images/ui.gif) no-repeat;
	background-position: -2px 0;	
	border: 0;
}

.messageEditor .toolbar_hover {
	background: url(images/ui.gif) no-repeat -105px 0px;	
	border: 0;
}

.messageEditor .toolbar_clicked {
	background: url(images/ui.gif) no-repeat -208px 0px;	
	border: 0;
}

.messageEditor .editor_dropdown_menu_open {
	background: url(images/ui.gif) no-repeat -208px 0px;	
	border: 0;	
}

.messageEditor .toolbar_sep {
	width: 6px;
	height: 23px;
	margin: 0px;
	margin-top: 4px;
	float: left;
}

.messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
	font-size: 11px;
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	cursor: default;
}

.messageEditor .toolbar_dropdown {
	min-width: 130px;
}

/* IE 6 */
* html .messageEditor .toolbar_dropdown {
	width: 130px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
	display: block;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label {
	min-width: 120px;
	background: #eaf2fb;
	padding: 3px 4px;
	margin-right: 14px;
	border: 1px solid #abc1de;
	border-right: 0;
	height: 14px;
	overflow: hidden;
}

/* IE 6 */
* html .messageEditor .toolbar_dropdown .editor_dropdown_label {
	height: 17px;
	padding-bottom: 0px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_label {
	margin: 2px 0;
	width: 23px;
	height: 22px;
	background: #eaf2fb;
	border: 1px solid #abc1de;
	float: left;
	overflow: hidden;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
	top: 0px;
	float: left;
	display: block;
	width: 14px;
	background: url(images/ui.gif) no-repeat 0 -28px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow {
	position: absolute;
	right: 0;
	height: 22px;
	background-color: #eaf2fb;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
	height: 22px;
	margin: 2px 0;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-left: 0;
	width: 10px;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
	background: #fff;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
background-position: -17px -28px;
}

.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
	background-color: #fff;
}

.messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
	background-position: -34px -28px;
}

.messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_arrow {
	background-color: #e1F2fe;
}

.messageEditor .editor_dropdown_menu {
	margin: 0;
	padding: 0;
	margin-top: -2px;
	top: 24px;
	left: 0;
	border: 1px solid #868686;
	position: absolute;
	width: 160px;
	background: #fff;
	z-index: 10000;
	max-height: 200px;
	overflow: auto;
	-moz-border-radius: 2px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
	margin-top: -1px;
}

.messageEditor .editor_dropdown_menu li {
	list-style: none;
	padding: 4px 3px 6px 12px;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
	background-image: url(images/dropdown2.gif);
	background-repeat: no-repeat;
	background-position: 2px center;	
}

.messageEditor .editor_dropdown_menu_title {
	background: #dde7ee;
	padding-left: 3px;
	border-bottom: 1px solid #c5c5c5;
	color: #00156e;
	font-size: 10px;
	font-weight: bold;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
	background: url(images/ui.gif) no-repeat -49px -25px;	
	cursor: pointer;
	margin-right: 4px;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over span {
	display: block;
	position: absolute;
	top: 0px;
	right: -2px;
	width: 3px;
	height: 25px;
	background: url(images/ui.gif) no-repeat -303px -25px;	
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
	width: 153px;
	height: 98px;	
	padding: 1px;
	background: #D5E4F2;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
	float: left;
	padding: 3px;
	margin: 1px;
	width: 11px;
	height: 11px;
}

.messageEditor .toolbar_button_color a {
	width: 9px;
	height: 9px;
	display: block;
	border: 1px solid #FFF;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
	background: url('images/ui.gif') no-repeat -331px -27px;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active a {
	border: 0;
}

.messageEditor .toolbar_button_color {
	position: relative;
}

.messageEditor .toolbar_button_video {
	position: relative;
}

.messageEditor .editor_button_color_selected {
	position: absolute;
	z-index: 100;
	width: 16px;
	height: 4px;
	top: 15px;
	left: 6px;
	display: block;
	background: transparent;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
	border: 1px solid #5296f7;
	background: transparent;
	margin: 0px;	
}

.messageEditor .toolbar_button strong, .messageEditor .toolbar_button strong {
	border-right: 1px solid #b7cdea;
	margin-top: 0px;
}

.messageEditor .toolbar_button_group_first strong {
	border-left: 0;		
}
.messageEditor .toolbar_button_group_first {
	padding-left: 3px;
	background: url(images/ui.gif) no-repeat 0 0;
}

.messageEditor .toolbar_clicked_button_group_first {
	background-position: -206px 0;
}

.messageEditor .toolbar_hover_button_group_first {
	background-position: -103px 0;
}

.messageEditor .toolbar_button_group_last strong {
	border-right: 0;
}

.messageEditor .toolbar_button strong {
	display: block;
	float: left;
	width: 3px;
	height: 21px;
	margin-top: 1px;
}

.messageEditor .toolbar_button_group_last strong {
	background: url(images/ui.gif) no-repeat -99px 0;
	margin-top: 0;
	height: 22px;	
}

.messageEditor .toolbar_clicked_button_group_last strong {
	background-position: -204px 0;
}

.messageEditor .toolbar_hover_button_group_last strong {
	background-position: -200px 0;
}

.messageEditor .toolbar_button_arrow {
	background: transparent url(images/ui.gif) no-repeat scroll -306px 0px;
	float: left;
	width: 12px;
	display: block;
	height: 22px;	
}

.messageEditor .toolbar_hover .toolbar_button_arrow {
	background-position: -319px 0px;
}
None

aca te djo el stylesheet.css
limpio
Última modificación: 12 Nov, 2010, 5:55 pm por niz01.
  
nentab   12 Nov, 2010, 5:59 pm
#16
Pues abajo de todo...

.messageEditor {
    background: #d5e4f2;
    border: 1px solid #9dbcd7;
    padding: 3px;
    padding-top: 3px;
}

.messageEditor .toolbar_container {
    height: 28px;
    padding: 2px;
}

.toolbar {
    height: 28px;
}

.messageEditor .toolbar_dropdown {
    margin-top: 3px;
    margin-right: 4px;
}

.messageEditor .toolbar_button {
    margin: 2px 0;
    height: 22px;
    float: left;
    display: block;
    z-index: 1;
}

.messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
    width: 23px;
    height: 22px;
    float: left;
}

.messageEditor .toolbar_sprite {
    display: block;
    background: url('images/toolbar.gif') no-repeat;
    background-position: 0 0;
}

.messageEditor .toolbar_button .toolbar_sprite_italic {
    background-position: -46px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_underline {
    background-position: -23px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_left {
    background-position: -69px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_center {
    background-position: -92px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_right {
    background-position: -115px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_align_justify {
    background-position: -138px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_num {
    background-position: -161px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_list_bullet {
    background-position: -184px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_image {
    background-position: -207px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_link {
    background-position: -230px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_email {
    background-position: -253px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_quote {
    background-position: -276px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_code {
    background-position: -299px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_php {
    background-position: -322px 0;
}

.messageEditor .toolbar_button_close_tags {
    width: 90px;
}

.messageEditor .toolbar_button .toolbar_sprite_video {
    width: 25px;
    background-position: -347px 0;
}

.messageEditor .toolbar_button .toolbar_sprite_close_tags {
    width: 87px;
    background-position: -345px 0;
}

.messageEditor .toolbar_normal {
    background: url(images/ui.gif) no-repeat;
    background-position: -2px 0;    
    border: 0;
}

.messageEditor .toolbar_hover {
    background: url(images/ui.gif) no-repeat -105px 0px;    
    border: 0;
}

.messageEditor .toolbar_clicked {
    background: url(images/ui.gif) no-repeat -208px 0px;    
    border: 0;
}

.messageEditor .editor_dropdown_menu_open {
    background: url(images/ui.gif) no-repeat -208px 0px;    
    border: 0;    
}

.messageEditor .toolbar_sep {
    width: 6px;
    height: 23px;
    margin: 0px;
    margin-top: 4px;
    float: left;
}

.messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
    font-size: 11px;
    display: block;
    float: left;
    position: relative;
    z-index: 100;
    cursor: default;
}

.messageEditor .toolbar_dropdown {
    min-width: 130px;
}

/* IE 6 */
* html .messageEditor .toolbar_dropdown {
    width: 130px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    display: block;
}

.messageEditor .toolbar_dropdown .editor_dropdown_label {
    min-width: 120px;
    background: #eaf2fb;
    padding: 3px 4px;
    margin-right: 14px;
    border: 1px solid #abc1de;
    border-right: 0;
    height: 14px;
    overflow: hidden;
}

/* IE 6 */
* html .messageEditor .toolbar_dropdown .editor_dropdown_label {
    height: 17px;
    padding-bottom: 0px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_label {
    margin: 2px 0;
    width: 23px;
    height: 22px;
    background: #eaf2fb;
    border: 1px solid #abc1de;
    float: left;
    overflow: hidden;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    top: 0px;
    float: left;
    display: block;
    width: 14px;
    background: url(images/ui.gif) no-repeat 0 -28px;
}

.messageEditor .toolbar_dropdown .editor_dropdown_arrow {
    position: absolute;
    right: 0;
    height: 22px;
    background-color: #eaf2fb;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
    height: 22px;
    margin: 2px 0;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-left: 0;
    width: 10px;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
    background: #fff;
}

.messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
background-position: -17px -28px;
}

.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
    background-color: #fff;
}

.messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
    background-position: -34px -28px;
}

.messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_label,
.messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_arrow {
    background-color: #e1F2fe;
}

.messageEditor .editor_dropdown_menu {
    margin: 0;
    padding: 0;
    margin-top: -2px;
    top: 24px;
    left: 0;
    border: 1px solid #868686;
    position: absolute;
    width: 160px;
    background: #fff;
    z-index: 10000;
    max-height: 200px;
    overflow: auto;
    -moz-border-radius: 2px;
}

.messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
    margin-top: -1px;
}

.messageEditor .editor_dropdown_menu li {
    list-style: none;
    padding: 4px 3px 6px 12px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
    background-image: url(images/dropdown2.gif);
    background-repeat: no-repeat;
    background-position: 2px center;    
}

.messageEditor .editor_dropdown_menu_title {
    background: #dde7ee;
    padding-left: 3px;
    border-bottom: 1px solid #c5c5c5;
    color: #00156e;
    font-size: 10px;
    font-weight: bold;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
    background: url(images/ui.gif) no-repeat -49px -25px;    
    cursor: pointer;
    margin-right: 4px;
}

.messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over span {
    display: block;
    position: absolute;
    top: 0px;
    right: -2px;
    width: 3px;
    height: 25px;
    background: url(images/ui.gif) no-repeat -303px -25px;    
}

.messageEditor .toolbar_button_color .editor_dropdown_menu {
    width: 153px;
    height: 98px;    
    padding: 1px;
    background: #D5E4F2;
}

.messageEditor .toolbar_button_color li.editor_dropdown_color_item {
    float: left;
    padding: 3px;
    margin: 1px;
    width: 11px;
    height: 11px;
}

.messageEditor .toolbar_button_color a {
    width: 9px;
    height: 9px;
    display: block;
    border: 1px solid #FFF;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
    background: url('images/ui.gif') no-repeat -331px -27px;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active a {
    border: 0;
}

.messageEditor .toolbar_button_color {
    position: relative;
}

.messageEditor .toolbar_button_video {
    position: relative;
}

.messageEditor .editor_button_color_selected {
    position: absolute;
    z-index: 100;
    width: 16px;
    height: 4px;
    top: 15px;
    left: 6px;
    display: block;
    background: transparent;
}

.messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
    border: 1px solid #5296f7;
    background: transparent;
    margin: 0px;    
}

.messageEditor .toolbar_button strong, .messageEditor .toolbar_button strong {
    border-right: 1px solid #b7cdea;
    margin-top: 0px;
}

.messageEditor .toolbar_button_group_first strong {
    border-left: 0;        
}
.messageEditor .toolbar_button_group_first {
    padding-left: 3px;
    background: url(images/ui.gif) no-repeat 0 0;
}

.messageEditor .toolbar_clicked_button_group_first {
    background-position: -206px 0;
}

.messageEditor .toolbar_hover_button_group_first {
    background-position: -103px 0;
}

.messageEditor .toolbar_button_group_last strong {
    border-right: 0;
}

.messageEditor .toolbar_button strong {
    display: block;
    float: left;
    width: 3px;
    height: 21px;
    margin-top: 1px;
}

.messageEditor .toolbar_button_group_last strong {
    background: url(images/ui.gif) no-repeat -99px 0;
    margin-top: 0;
    height: 22px;    
}

.messageEditor .toolbar_clicked_button_group_last strong {
    background-position: -204px 0;
}

.messageEditor .toolbar_hover_button_group_last strong {
    background-position: -200px 0;
}

.messageEditor .toolbar_button_arrow {
    background: transparent url(images/ui.gif) no-repeat scroll -306px 0px;
    float: left;
    width: 12px;
    display: block;
    height: 22px;    
}

.messageEditor .toolbar_hover .toolbar_button_arrow {
    background-position: -319px 0px;
}

.messageEditor .toolbar_button .toolbar_sprite_descarga {
background: url(images/spoiler.gif) no-repeat;
}

.messageEditor .toolbar_button .toolbar_sprite_descarga {
background: url(images/fieldset.gif) no-repeat;
}
None
  
Shintetsu   12 Nov, 2010, 6:32 pm
#17
puse tu codigo y , creo q se te olvido cambiar el " descarga"
pero igual no se que pasa.
no llega a cambiar la imagen de " B" por la que e subido al ftp
bueno. haci lo dejare y Gracias por el soporte.
Sensei.
lo dejare con el imagen " B" y hare un tutorial para mi foro de como usar el editor.

muchas gracias amigo. Eres grande Tongue


------------------------------------------

Solucionado
Última modificación: 12 Nov, 2010, 7:38 pm por niz01.
  
nentab   13 Nov, 2010, 3:58 am
#18
Si te fijas lo que añadí fue esto:

.messageEditor .toolbar_button .toolbar_sprite_descarga {
background: url(images/spoiler.gif) no-repeat;
}

.messageEditor .toolbar_button .toolbar_sprite_descarga {
background: url(images/fieldset.gif) no-repeat;
}
None

Si las imágenes está subidas a su sitio correcto en el FTP tiene que ir SEGURO.
  
Páginas (2):    1 2
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2025 MyBB Group.
Made with by Curves UI.