октября 28 2014
0

Как изменить внешний вид кнопки загрузки фото

machine    28 октября 2014, 13:58    в избранное в избранном    8 комментариев
Вопросы, проблемы и их решения   
нужно изменить внешний вид кнопки загрузки фото http://www.imageup.ru/img286/1923320/knopka.png.html сделав вместо блока 1 (на рисунке) кнопку вида 2

UPDATE
в общем рано я радовался. внешний вид кнопки я переделал, но не меняется цвет текста, размер и шрифт.
что я понял:
сама кнопка формируется динамически в ../lib/external/swfupload.js

// Private: getFlashHTML generates the object tag needed to embed the flash in to the document
SWFUpload.prototype.getFlashHTML = function () {
	// Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
	return ['<object id="', this.movieName, '" type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload"><param name="wmode" value="opaque"></param>',
				'',
				'<param name="movie" value="', this.settings.flash_url, '"></param>',
				'<param name="quality" value="high"></param>',
				'<param name="menu" value="false"></param>',
				'<param name="allowScriptAccess" value="always"></param>',
				'<param name="flashvars" value="' + this.getFlashVars() + '"></param>',
				'</object>'].join("");
};


поэтому если написать для нее class=«swfupload» в button.css то внешний вид поменяется.

текст кнопки задается в main.js вот здесь


			// Button Settings
			button_placeholder_id : "start-upload",
			button_width: 122,
			button_height: 30,
			button_text : '<span class="swfupload-text">'+ls.lang.get('topic_photoset_upload_choose')+'</span>',
			button_text_style : '.swfupload-text { color: #fff; font-size: 14px; }',
			button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
			button_text_left_padding: 6,
			button_text_top_padding: 3,
			button_cursor: SWFUpload.CURSOR.HAND,


как видно текст обернут в span, а так же есть параметр button_text_style в который нужно прописать стиль для span. однако почему то не работает. я пробовал убирать span вообще и прописывать стили текста в класс swfupload но результата тоже нет. если кто то сможет поделиться решением пробемы буду очень благодарен

1 изображение

Показать ещё фото 

1 изображение

Показать ещё фото ↓
Теги:

Похожие статьи

8 комментариев

0
...(1 на рисунке) на кнопку (2)
Вот эта часть Вашего вопроса вызывает недоумение.
0
странно. загрузил картинку, нажал отметить как превью к статье но картинки не видно, если нажимаю редактировать пост то он видит загруженые файлы. в общем вот картинка www.imageup.ru/img286/1923320/knopka.png.html
Отредактирован:
0
У вас версия движка 0.9.х?
0
да 0.9.7. менял некоторый функционал в самом движке а не через плагины, поэтому не обновляюсь
Отредактирован:
0
я так понимаю за оформление кнопки должен отвечать вот этот код в main.js 
// Button Settings
			button_placeholder_id : "start-upload",
			button_width: 122,
			button_height: 30,
			button_text : '<span class="button">'+ls.lang.get('topic_photoset_upload_choose')+'</span>',
			button_text_style : '.button { color: #1F8AB7; font-size: 14px; }',
			button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
			button_text_left_padding: 6,
			button_text_top_padding: 3,
			button_cursor: SWFUpload.CURSOR.HAND,

но изменения, которые я сделал не применяются. чистил кэш в браузере и папки _tmp и _run — не помогло получается менять только высоту и ширину button_width и button_height
Отредактирован:
0
За оформление этой кнопки отвечает не js, а css. Найти файл поможет инспектор Chrome (если не используется less или sass). Править надо не в минифицированной версии. И включить принудительную обработку css в настройках сайта.
0
спасибо за помощь, я кажется разобрался) нужно создать в css класс swfupload и прописать туда все что нужно)
0
в общем рано я радовался. внешний вид кнопки я переделал, но не меняется цвет текста, размер и шрифт.
что я понял:
сама кнопка формируется динамически в ../lib/external/swfupload.js
// Private: getFlashHTML generates the object tag needed to embed the flash in to the document
SWFUpload.prototype.getFlashHTML = function () {
	// Flash Satay object syntax: http://www.alistapart.com/articles/flashsatay
	return ['<object id="', this.movieName, '" type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload"><param name="wmode" value="opaque"></param>',
				'',
				'<param name="movie" value="', this.settings.flash_url, '"></param>',
				'<param name="quality" value="high"></param>',
				'<param name="menu" value="false"></param>',
				'<param name="allowScriptAccess" value="always"></param>',
				'<param name="flashvars" value="' + this.getFlashVars() + '"></param>',
				'</object>'].join("");
};


поэтому если написать для нее class=«swfupload» в button.css то внешний вид поменяется.

текст кнопки задается в main.js вот здесь


			// Button Settings
			button_placeholder_id : "start-upload",
			button_width: 122,
			button_height: 30,
			button_text : '<span class="swfupload-text">'+ls.lang.get('topic_photoset_upload_choose')+'</span>',
			button_text_style : '.swfupload-text { color: #fff; font-size: 14px; }',
			button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
			button_text_left_padding: 6,
			button_text_top_padding: 3,
			button_cursor: SWFUpload.CURSOR.HAND,
как видно текст обернут в span, а так же есть параметр button_text_style в который нужно прописать стиль для span. однако почему то не работает. я пробовал убирать span вообще и прописывать стили текста в класс swfupload но результата тоже нет. если кто то сможет поделиться решением пробемы буду очень благодарен
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.