How to make the flash uploader more like Google's and WordPress' own
- This topic has 0 replies, 1 voice, and was last updated 15 years, 11 months ago by
.
Viewing 1 post (of 1 total)
-
Posts
-
Hi everyone,
I am pretty excited about my flash uploader, and I am glad that people have purchased it and are using it. For those of you who want to tinker and customize I have posted this as a starter. You can take off from here. To change the look, you just have to edit the styles.css stylesheet in plugins/content/plg_easyflashuploader_files/css. Just make the following changes:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374a.progressCancel<br />{<br />font-size: 9pt; /*<-- edit */<br />background-color:transparent; /*<-- add, if you want */<br />display: inline-block; /*<-- edit */<br />margin-left: 2px; /*<-- add */<br />padding-left: 17px; /*<-- add */<br />color: #D53E49 !important; /*<-- add */<br />height: 14px;<br />/*width: 14px;*/ /*<-- remove, by commenting out */<br />background-image: url(../images/cancelButton.png);<br />background-repeat: no-repeat;<br />background-position: -14px 0px;<br />float: right; /* <-- add */<br />}<br /><br />a.progressCancel span:after<br />{<br />content: "Cancel";<br />}<br /><br />a.progressCancel:hover<br />{<br />/*background-position: 0px 0px;*/ /*<-- remove, by commenting out */<br />}<br /><br />.progressName<br />{<br />font-size: 8pt;<br />font-weight: 700;<br />color: #555;<br />/*width: 100%;*/ /*<-- remove, by commenting out */<br />height: 14px;<br />text-align: left;<br />white-space: nowrap;<br />overflow: hidden;<br />background-color: transparent; /*<-- add, if you want */<br />display: inline-block; /*<-- add */<br />}<br /><br />.progressBarStatus<br />{<br />margin-top: 2px;<br />/*width: 100%;*/ /*<-- remove, by commenting out */<br />font-size: 7pt;<br />font-family: Arial;<br />text-align: left;<br />white-space: nowrap;<br />display: none; /* <-- add */<br />}<br /><br />.progressBarSleeve<br />{<br />/*width: 100%; */ /*<-- remove, by commenting out */<br />width:70px; /* <-- add */<br />float:right; /* <-- add */<br />border: solid 1px black;<br />background-color: #F7F7F7;<br />-moz-border-radius: 5px;<br />-webkit-border-radius: 5px;<br />}<br /><br />.progressBarInProgress,<br />.progressBarComplete,<br />.progressBarError<br />{<br />font-size: 0;<br />width: 0%;<br />height: 3px;<br />background-color: yellow;<br />margin: 1px; /* <-- add, by uncommenting this */<br />-moz-border-radius: 5px;<br />-webkit-border-radius: 5px;<br />}It should look something like this:
Note: The ‘Cancel’ will disappear when download is done. I just forced it to show so you can see it. Also, the yellow highlight won’t show. I was just testing out something with that. 😉
Viewing 1 post (of 1 total)
- The topic ‘How to make the flash uploader more like Google's and WordPress' own’ is closed to new replies.
